A Max Mega menü egy Wordpress többfunkciós plugin. Plugin WP Mega menü: Funkcionalitás, telepítés, teljesen adaptív és mobil menü

Mega főmenü. Ez egy plugin gyors létrehozás Menü a WordPress számára. Különleges funkciókkal rendelkezik, amelyek megkönnyítik.

Ragadós és legördülő menük, jelvények, logó és keresés.
Különféle színek. És megváltoztathatja a menü bármely opció színét. A színek mellett a színátmeneteket is használják, háttérképek és képek.
A tartalom legfeljebb 10 változat van. A tartalmat a legördülő menüben is elhelyezheti. Lehet, hogy mindezek a képekre és a parancskódokra vonatkoznak.
A webhely menüben legfeljebb 1600 ikonra használható. Ezek az ikonok vannak vektoros grafika Ezért nem igényelnek nagy mennyiségeket és engedélyeket. Ez lehetővé teszi számukra, hogy még egy mobiltelefonon is használják.
A betűtípusok is különböző változataik vannak. Használhatja a 600 Google betűtípusokat, amelyek könnyen konfigurálhatók a Plug-in beállításokban.

A bővítményet a szokásos módszerrel, valamint az összes program és nehézség nem fordul elő. Miután aktiválta, akkor a főmenübe kell mennie. A bal oldalon található menüben négy lehetőség lesz. Ez a fő opció a megosztott beállításokkal, majd a szín, a betűtípus, stb. Szintén megjelenő oldal megjelenésének lehetőségét is két utolsó lehetőség is kommunikál a támogatással és különleges beállítások Szakemberek számára.

Általános lehetőségek Három opció van az elsődleges, mobil_menu, másodlagos. Az elsődleges rész a beállítások minden főmenü értékét szolgálja. Például beállíthatja a magasságot, simítsa az ikonokat, konfigurálhatja a logó képét. A Mobile másodlagos, ezek a beállítások külön játszhatók le.

A bőrbeállításokban A beállítások három változata is van. elsődleges., külön, lábléc.. Az első verzióban konfigurálhatjuk az elsődleges tartály hátterét, és kiválaszthatunk egy vízszintes, függőleges és sugárirányú megjelenést. Majd az első pont betűtípusa stb.

Speciális paraméterekben felülvizsgálatot készíthet hordozható készülékek. Ezután beállíthatja a képernyőfelbontást és a stílusot.

Az utolsó lehetőség a webhelyszerkezet konfigurálása. Itt választja, melyik opciót engedélyezheti, és mi kapcsolja ki.

Tehát ez egy kiváló plug-in menü, amely átalakíthatja a témát. Ezzel könnyedén kitöltheti ikonok, képek és egyéb elemek. A legfontosabb dolog, annak minősége, hogy könnyű funkcionalitással rendelkezik. Mással ellentétben maga főmenü bővítmények A helyszínen jelentéktelen hatással van.

Amennyire értem, a Mega menüben a Mega menüben a WordPress egy szupernunkciós óriási blokkot jelent, sok különböző elemekkel: listák, képek, szövegek, csúszkák stb. Biztosan találkoztál. Valamikor közzé egy teljes értékű kiválasztás a témában, de ma lesz egy nagyon konkrét megoldást - a Max Mega Menü plugin. Úgy döntöttem, hogy már megvizsgálták a munkát, gyakran a listákra esik, plusz az egyik leginkább intelligens és folyamatosan fejlődő ingyenes (lite) verziók.

Telepítése után azonnal Max Mega Menü WordPress, a szokásos navigációs alakítjuk erősebb és funkcionális mechanizmust azzal a lehetőséggel, hozzátéve mindenféle kütyü, egy kényelmes szerkesztő és egy csomó további beállítások. Töltse le a bővítményt innen, vagy keresse meg azt a WP admin keresztül.

A ebben a pillanatban A rendszer minimális igényei 3,8, az utolsó 4.8.3. Letöltések körülbelül 100 ezer. Szeretem, hogy az elmúlt 2 hónapban közel 70 különböző 89 hibát korrigáltak, ami a fejlesztők jó tevékenységét jelzi.

Főbb jellemzők és zsetonok Max Mega menü

Többszörös elhelyezési helyek támogatottak, amelyek mindegyike kiválaszthatja a paramétereit;
Könnyű munka navigációs elemekkel Drag & Drop segítségével.
Hozzáadása.
Van egy kényelmes dekorációs szerkesztő.
Bármilyen widgetek hozzáadása: képek, szövegek, listák stb.
Kondicionáló állapot: Amikor lebeg, kattintson.
Submeni kimeneti hatások: Indulás, megjelenés / csillapítás stb.
Különböző kiegészítő lehetőségek a szöveg / hivatkozások elrejtésére vagy leállításra mobil verzió. Az utolsó tétel segít egy különálló létrehozásának egyszerűsítésében.
Igazítás menüelemekhez.

Ahhoz, hogy megértsük, mennyire hűvös és kényelmes, azt tanácsolom, hogy csak a következő videót nézzük meg:

Ezenkívül a fejlesztők büszkélkedhetnek, és helyesen megközelíthetik a döntés megteremtését. A WordPress Max Mega menü nagyon jó minőségű termék, itt van egy megerősítések tétele:

minden design egy segítségével van beállítva CSS fájl.ahol a "híres" fontos tulajdonsága egyáltalán nem használható;
retina támogatás, alkalmazkodóképesség, okostelefonokon és táblagépeken (szinte minden meglévő asztali és mobil böngészőben tesztelt);
tiszta kód, a gzipped JS szkriptek kevesebb, mint 2kb;
különböző szűrők / horgok támogatása;
részletes dokumentáció + Ellentétben sok más plug-invel, a fórum elég támogatott.

Beállítás és munka max Mega menüvel

Közvetlenül a telepítés után a szakasz megjelenik az admin. Az "Alapvető beállítások" pontban kijavíthatja az almenü, a mobileszközök viselkedését stb. "Témák" érdekesebbnek tűnik.

Itt van 6 lap különböző zsetonnal:

Main - Válassza ki a nyilakat, az árnyékot, a vonal magasságot stb.
Menüsor - A fő egység regisztrálása: hátterek, francia bekezdések, betűtípusok, útmutatás.
Mega menük - Stílusok és beállítások Mega menü.
Legördülő - hasonló a stílusok többi részéhez.
Mobil menü - Képernyőméret a kiváltáshoz és más mobil menüpontokhoz.
Egyéni tervezés - Add hozzá a CSS stílusokat.

Az alapvető paraméterek megadása után menjen a WP adminisztrációs részre " Megjelenés"- MENU".

Kiválasztania kell a dolgozni kívánt menüt, majd a beállításaiban helyezzen be egy "Inclusive" melletti mezőt. Aktiválás Max Mega Menü WordPress csak akkor fog működni, ha a kijelző terület meghatározott sablon (sapka, lábléc, tálaló, stb.) A hatások és eseményesemények paraméterei is vannak.

A modulszerkesztő megnyitásához a kurzort az egyik hierarchia elemre, és kattintson a "Mega Menu" gombra. Az előugró ablakban megjelenik egy megfelelő eszköz, amelyet a fenti bővítmény videó bemutatójában láthat.

Itt először is meghatározhatja az oszlopok számát, és adjon hozzá bármilyen widgetet. Ezenkívül megváltoztathatja az egyes elemek méretét. A csak az első (fő) navigációs szinten engedélyezett widgeteket választhat. Ha más elemekkel ellentétes Mega menügombra kattint, csak az ikonok és a különböző tulajdonságok feladata:

Szöveg / link elrejtése, összehangolása és lekapcsolása a dexte / mobilon - nagyon hasznos készlet funkciók. Minden egyes menüpontban megadhatja az ilyen lehetőségeket. Ne felejtse el menteni a változtatásokat.

Max mega menü Pro és következtetések

Általánosságban elmondható, hogy ez a fejlesztés, kivéve a tárhelyet külön webhelyen. Vannak összegyűjtött leírások minden képességeit a modul, dokumentációval és a kis demo, és van egy link a technikai támogatást és a betöltést. Az ára továbbfejlesztett változata Max Mega Menü Pro elvileg nem olyan magas - a 1/5/99 oldalakat fog kerülni $ 23 / $ 35 / $ 99 dollár volt. Ez magában foglalja az év frissítéseit és támogatását. Ha egy fejlesztő, akkor figyelembe Pro Business License és telepítése plug-in az 5 helyszínen, hogy az utolsó érték az oldat \u003d 7 dollárt!

A MAX MEGA MENU PRO tartalmazza:

Integráció Google betűtípusok., Elérhetőség Fontawesome és egyedi ikonok a beállításokban.
Támogatja a függőleges és a harmonika típusú menüt.
Megosztott logó a navigációban + Keresés blokk.
Az egyes elemek stílusai.
Woocommerce és Edd támogatás.
A testreszabás képessége.
Keresés, ikonok / logó és HTML mobil elemek számára.
Automatikus frissítés és elsőbbségi támogatás.

A rendes klasszikus webhelyek esetében elegendő rendes ingyenes verzió Max Mega menü A WordPress, ami nagyon jó a funkcionalitáshoz. Különböző beállítások Sok itt van. Azt is tetszett, hogy a fejlesztők támogatják agyukat, viszonylag gyorsan kijavítják az aktuális hibákat, és törődnek a tisztaság / helyes kód miatt. A megismerésnek időt kell töltenie, de megéri. Könnyebb kezelni a plugin munkáját - nézze meg a videót, és olvassa el a dokumentációt.

És milyen modulok Mega menü a WordPress használatával és miért? Ezzel a döntéssel dolgozott, hogy hozzáadhatod rajta?

Olvassa el a 8 percet. Kategória után 2011/01/11

Hé! Továbbra is szétszereljük a legérdekesebb és leghasznosabb bővítményeket a WordPress számára! Ma megismeri a szuper hasznos bővítményt, amely lehetővé teszi a vízszintes legördülő menü létrehozását. Bármely widgetet, szöveget, szerkesztőt, fényképet, videót, űrlapokat, html kódot behelyezhet a legördülő menübe.

Teljesen beállíthatja a menü megjelenését és konfigurálhatja a legördülő menüt. Hozzáadhatja a vízszintes legördülő menüt 8 nyolc oszlopra. Letilthatja a legördülő menüt mobil eszközök. Nagyon rugalmas plugin, akkor készíthetsz egy szuper menüt!

Telepítse a szuper bővítményt közvetlenül a WordPress admin panelen. Ugrás: Dugó - Új, írja be a nevét a dugó a keresési forma, nyomja meg az ENTER, telepíteni és aktiválni a plugint.

Általános beállítások .

– Kattintson az esemény viselkedésére, Viselkedés, amikor kattint. Itt van két lehetőség a választáshoz:

Az első kattintás megnyit egy almenüt, a második kattintás bezárja az almenüt, az első kattintás megnyitja az almenüt, a második kattintás bezárja az almenüt;
Az első kattintás megnyit egy almenüt, a második kattintás követi a linket, Az első kattintás megnyitja az almenüt, a második kattintás a linkre.
Hagyja az alapértelmezettet, ne változtasson semmit.

– Mobil menü viselkedése, Viselkedés mobil menüben,

A szabványos - nyitott almenük nyitva marad, amíg a felhasználó zárja, A Standard - nyitott almenü nyitva marad, amíg a felhasználó bezárja.
Harmonika - A nyitott almenük automatikusan megszűnik, ha egy másik megnyílik, Harmonika - A nyitott almenü automatikusan megszűnik, ha a másik nyitva van.

– CSS kimenet, Hagyja az alapértelmezettet, itt semmit sem kell megváltoztatni itt.

– Menüpont Desriptions, A menüelemek leírásának engedélyezése vagy letiltása.

– Aktív menüpontok Néhány téma az egyik oldalon többször jeleníti meg a menü helyét. Például a téma megjelenítheti a Menü elrendezését a főmenü után, majd ismét a mobil menübe. Ez a paraméter használható annak biztosítására, hogy a MAX Mega menü menü csak az egyik példányra vonatkozik.

– .

Menü témák. .

– Válasszon témát a szerkesztéshez, Itt van a szerkeszteni kívánt menü. Egy másik menüt létrehozhat és kiválaszthat.

– Téma címe, Menü téma címe, hagyja az alapértelmezett értéket.

– Nyíl Kiválaszthat egy nyílot, amely a menüpontban megjelenik a legördülő menüvel.

– Vonalmagasság, Magasság.

– Z index, Az indikátor z-index alapértelmezés szerint maradhat.

– Árnyék Beállíthatja a menü árnyékát.

– Lebegési átmenetek, Az átmenet engedélyezése akkor, ha a menüelemek lebegése.

– Reset widget styling, A Mega menü widget stílusainak letiltása.

Menüsor. .

– Menümagasság, Menümagasság.

– Menü háttér, Menü háttérszín.

– Menüeldelés, Kárpitos menü.

– Menü határ sugara, A menü határának sugara.

– Menüelemek igazítása, A menüelemek helye.

– Menüpont háttér, Menüelemek Háttérszín.

– Menüpont háttere (Hover), Menüpont színes háttér.

– Menüpont távolság, Menüpontok intervallum.

– Betűtípus Betűtípus, szín, méret, hely, család, stb.

– Betűtípus (lebeg), A betűtípus paraméterei lebegnek.

– Menüpont Padding, Kárpitos menüpontok.

– Menüpont határ, A menüpont határparaméterei.

– Menüpont határ (Hover), A menüpont paraméterei, amikor lebegnek.

– Menüpont Border Radius, A menüelem sugár paraméterei.

– Menüpontosztó, Menüelválasztó.

– Jelölje ki az aktuális elemet, Engedélyezze az aktuális menüpontot.

Mega menük. .

– Panel háttér, Színes háttér legördülő menü.

– Panel szélessége, A legördülő menü ablakának szélessége.

– Panel párnázás, kárpitozás.

– Panel határ, A határok színe és mérete.

– Panel határ sugarú A határ sugara.

– Elem párnázás., Menüpont kárpitozás a legördülő menüben.

Widgetek. .

– Fontos fejléc, Widget cím betűtípus paraméterei a legördülő menüben.

– Fejléc, Kárpitos fejléc.

– Vezető margó, A widget fejléc határain belül.

– Fejléc határ, Bordeur határi paraméterek.

– Tartalom betűtípus, Betűtípus a widget tartalomban.

Második szintű menüelemek .

– Betűtípus A második szintű menüelemek betűtípusa.

– Betűtípus (lebeg), Betűtípus, amikor lebegnek.

– Háttér (lebeg), Háttérszín, amikor lebegnek.

– Párnázás kárpitozás.

– Árrés francia bekezdés.

– HATÁR, Határ, határ.

Harmadik szintű menüelemek . Ugyanazok a beállítások csak a harmadik szintű menüpontok esetében.

Flyout menük. .

– Menü háttér, A második vagy harmadik szint csökkenő menüjének háttere.

– Menüszélesség, Menüszélesség.

– Menüeldelés, kárpitozás.

– Menühatár, a határ.

– Menü határ sugara, A határ sugara.

– Elem háttér, Menüpont háttérszín.

– Tétel háttere (Hover), Pont háttér színe, amikor lebeg.

– Elemmagasság, Menü tétel.

– Tétel párnázás, Kárpitozás.

– Elem betűtípus, Szöveg betűtípus menüpontban.

– Elem betűtípus (Hover), Betűtípus, amikor lebegnek.

– Elemosztó, Elementator.

Mobil menü. .

– Toggle bár tervező, Itt látható, hogy a menü úgy néz ki, mint a mobileszközök.

– Érzékeny töréspont Szélesség a mobil menübe.

– Toggle bár háttér, Színes háttérnyitás gomb Mobile menü.

– A mobilkapcsolat letiltása, Letilthatja a menükapcsolót.

– Váltás bármagasság, Mobil menü kapcsolómagasság.

– Mega menü oszlopok, Hány oszlop a legördülő menüben a mobil webhelyen.

– Menü háttér, Mobil menü háttérszín.

– Menüpontmagasság, Menü tétel.

Egyéni stílus.. Itt hozzáadhatja a CSS stílusokat a menübe.

– Mentse a módosításokat.

Menühelyek .

- Itt létrehozhat egy menüterületet, amelyben hozzáadhat egy menüt. A menü területének létrehozásához kattintson a Egy másik menühely hozzáadása gombra.

Menüterület Hozzáadhatja az oldalt egy rövid kód vagy PHP kód segítségével.

A lapon: megjelenés - menü - Irányítási régiókHozzáadhat egy menüt a területre.

Eszközök. .

– Gyorsítótár Itt törölheti a CSS gyorsítótárat, nem szükséges, a gyorsítótár automatikusan megtisztul, minden alkalommal, amikor a menü mentésre kerül.

– Plugin adatok, Törölje az összes bővítményt a WordPress adatbázisban. Csak a plugin eltávolítása esetén!

– Export téma A Mega menü témáját JSON vagy PHP formátumban exportálhatja.

– Import téma Importálhatja a Mega menü témáját.

– Engedélyezze Tegyen egy jelölést itt, hogy engedélyezze a Mega menüt.

– Esemény Itt kiválaszthatja, hogy a legördülő menü megnyíljon.

– Hatás, Kiválaszthatja a legördülő menü hatását.

– Téma Menü téma, alapértelmezett.

A Mega menü bekapcsolása után, Az oldal minden egyes widgetében megjelenik egy gomb - Mega menü. Kattintson erre a gombra, hogy konfigurálja a menüpont legördülő menüjét.

További, Van egy ablakod. A jobb oldalon található tetején kattintson a széles mezőre a widget kiválasztásához, és adja hozzá a menübe. A jobb oldali jobb oldalon választhatja, hogy hány oszlopot használ a legördülő menüben. Widgetek elosztva a legördülő panelen megadhatja, hogy melyik része a widget fog például 1/2 vagy 1/3. Kattintson a jobb oldali nyilakra és balra, hogy megadja, hogy melyik rész fogja elfoglalni a widget.

A widget megnyitása és konfigurálása, Adjon hozzá semmilyen tartalmat, stb, jobbra a widgetben, kattintson a gomb ikonra. Állítsa be a widget és mentse el.

– Szöveg elrejtése A szöveg elrejtése a menüpontból.

– A nyíl elrejtése Elrejti a nyíl.

– Elrejteni az elemet a mobilon, A mobileszközök menüpontjának elrejtése.

– Elrejteni az elemet az asztalon, A számítógépek menüpontjának elrejtése.

– Menüelem igazítása, A menüpont helye.

– Almenü igazítása, A második szint menü helye.

– Az almenü elrejtése mobilon, A mobileszközök második szintű menüjének elrejtése.

– Mentse a módosításokat.

Minden készen áll! Mentse el a menüt, menjen az oldalra, és élvezze az eredményt!

Figyelem! A Mega menü bekapcsolása után az alapértelmezett stílus teljesen megváltozik. Be kell állítania a menüstílust a beállításokban, a lapon "Menü témák".

Kérdése van? Írj hozzászólást! Sok szerencsét!

Hé! Az életemben, mint mindig van egy csomó esemény, ezért nagyon nehéz a blog idejét forgatni. Tegnap vásároltunk jegyeket Srí Lanka-nak, és hamarosan megsemmisíteni 4 hónapig, jöjjön meg! És most keresem a legszebb esküvői ruhát :))
Ma beszélünk arról, hogyan lehet létrehozni egy menüt a WordPress, valamint az adattáblák hozzáadása a sablon tetszőleges területein.
Megtanuljuk, hogy testreszabjuk a menüt és szerkesszük a saját belátása szerint.

A WordPress menü szerkesztése és beállítása

Kezdjük, elemezzük a blogpanelen elérhető funkciókat. Új sablonokban kompatibilis legutóbbi verziók WordPress, a menü kimenete meglehetősen egyszerű, és a beállítás nem különösebben nehéz.

Miután létrehoztunk egy leányvállalatot, amelyben a fő téma sérelme nélkül módosítható, adja hozzá a következő funkciót a funkciója.php fájlhoz.

1 2 3

Register_Nav_Menus (Array ("Kiegészítő" \u003d\u003e __ ("Kiegészítő menü", "A téma címe" ) ) ) ;

register_Nav_Menus (Array ("Kiegészítő" \u003d\u003e __ ("Kiegészítő menü", "A cím"));

Ha nem hoz létre leányvállalatot, adja hozzá a téma főbb fájljában.

Ez a funkció lehetővé teszi számunkra, hogy hozzáadjuk extra menü WordPress a sablonunkban, és hozzon létre egy másik területet.

Hozzáadása után menjen az adminisztrátorba a "Régiók kezelése":

A témakör további területe a funkcióban megadott címmel kell rendelkeznie.

Kattintson a „Használjon egy új menü”, ha meg akarjuk változtatni a szakaszok egy további terület vagy válassza az „otthon”. Ezután ugyanazok a szakaszok jelennek meg az új területen, mint az elsődleges menüben.

Esetünkben hozzon létre egy új menüt, amelyet további:

Kiválasztjuk a "További menü" téma területét.

De most meg kell kötnünk ezt a területet a sablon blokkjaival. Például szükségünk van egy további menüt a WordPress webhely-sapka alatt. A header.php fájlba megyünk, vagy másoljuk leányvállalatra. A testcímke után adja hozzá a következőket:

1 2 3

<dIV ID \u003d "Kiegészítő"\u003e (Array ("Theme_Location" \u003d\u003e "Kiegészítő")); ?\u003e.</ Div\u003e

"Kiegészítő")); ?\u003e.

Megnézzük az eredményt:

Van egy további menü a kalap felett. Most meg kell kérdeznünk a stílusokat neki, igazítsa az elemeket a karakterláncban, és húzza meg a blokkot a kalap alatt.

Bemutatjuk a következő változtatásokat a style.css stílusok:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

#additionalMenu NAV (szélesség: 940px; / * konténerszélesség * / Margó: 0 Auto; ) #additionalmenu li (kijelző: inline, párnázás: 10px; / * francia bekezdés * / margó: 20px 0;) #additionalmenu (szélesség: 100%; Top: 420px; / * A felső szélből * / Háttérszín: # 000; / * Háttérszín * / Pozíció: Relatív; )

#Adth: 940px; / * konténerszélesség * / Margin: 0 Auto;) #additionalmenu Li (kijelző: inline; párnázás: 10px; / * francia bekezdés * / margó: 20px 0;) #additionalmenu (szélesség: 100%; 420px; / * A felső szélből * / * háttér szín: # 000; / * háttérszín * / pozíció: relatív;)

Megnézzük, mi történt:

A menü megjelenítésével általunk készített még messze van az ideálistól, de kellő, akkor hozza azt, hogy a blog, amely megfelel a blog.

Widgetek és bővítmények hozzáadása a WordPress programban

Kínálom, hogy megtekinthesse a videót a WordPress menü létrehozásáról:

A cikk az "tetszőleges menü" widgetről említette. Részletesebben elemezzük.

A "megjelenés" - "widgets" -on keresztül megyünk, megtaláljuk az "tetszőleges menü" widgetét, és húzza azt a témához rendelkezésre álló területre, és a bloghoz megfelelő területre:

A mi esetünkben a menüblokk hozzá lett adva az oldalsávhoz. Számára a további blokk által létrehozott szakaszokat választottuk.

Ennek megfelelően a jobb oldali oldalpanelben a következő blokkot fogjuk mutatni:

A beépített szabványos widget mellett számos további plugin van, amelyek különböző típusú menütermékek létrehozására szolgálnak: függőleges, vízszintes, legördülő, stb.

Itt például egy plugin, amely létrehozhat egy függőleges többszintű menüt a WordPress: Navgoco függőleges Multilevel Slide menüben.

Vagy rendelkezik speciális konfigurációs funkciók legördülő menü widget widget.

A JQWERY Effects Widgetek szintén népszerűek a menüben, például: JQuery Slick menü widget.

Elemezzük a munkájának elvének példáját.

Miután telepítette a JQuery Slick menü widget widget, menjen a "megjelenés" - "Widgets".

A rendelkezésre álló widgetek listája között újnak kell lennie. Áthelyezzük a megfizethető területre, ügyünkben Saydbar:

Feltárja a beállításokat:

Válassza ki a címet a menü (a szakaszok hoztunk létre), Tab szöveg - a blokk nevét, amely megjelenik az oldalon, helyét az elhelyezés (Select Left - bal), Offset - behúzás a felső széle pixel, animáció sebessége Az animációs sebesség (gyors). Kiválaszthatja az Auto-bezárás menüt, hogy az egység automatikusan eltűnjön. És válassza ki a blokk színét. Kattintson a Mentéshez és az eredmény megtekintéséhez: