Plugin WP Mega Menu: funcționalitate, instalare, configurare. Max Mega Menu – plugin de meniu WordPress multifuncțional Mega meniu WordPress

Timp de citire: 8 minute. Publicat 11.01.2016

Buna ziua! Continuăm să analizăm cele mai interesante și mai utile plugin-uri pentru site-ul WordPress! Astăzi veți afla despre un plugin super util care vă va permite să creați un meniu vertical orizontal. Puteți insera orice widget-uri, text, editor, fotografii, videoclipuri, formulare, cod html în meniul derulant.

Veți putea să personalizați complet aspectul meniului și să personalizați meniul drop-down. Puteți adăuga până la 8 coloane cu opt coloane la un meniu vertical orizontal. Puteți dezactiva meniul drop-down pentru dispozitive mobile. Plugin foarte flexibil, puteți face un Super meniu!

Puteți instala pluginul Super direct din panoul de administrare WordPress. Accesați pagina: Plugins – Add new, introduceți numele pluginului în formularul de căutare, apăsați Enter, instalați și activați pluginul.

Setări generale .

– Faceți clic pe Comportament eveniment, comportamentul clicului. Aici aveți două opțiuni din care să alegeți:

• Primul clic va deschide un submeniu, al doilea clic va închide submeniul, primul clic deschide un submeniu, al doilea clic închide submeniul;
• Primul clic va deschide un submeniu, al doilea clic va urma linkul, primul clic deschide un submeniu, al doilea clic pe link.
• Lăsați-l ca implicit, nu schimbați nimic.

– Comportamentul meniului mobil, comportament în meniul mobil,

• Standard – Deschideți submeniurile vor rămâne deschise până când sunt închise de către utilizator, Standard - un submeniu deschis va rămâne deschis până când utilizatorul îl închide.
• Acordeon – Deschideți submeniurile se vor închide automat când este deschis altul Acordeon – submeniurile deschise se vor închide automat când un altul este deschis.

– Ieșire CSS lăsați-l ca implicit, nu trebuie schimbat nimic aici.

– Descrieri elemente de meniu, activați sau dezactivați descrierile pentru elementele de meniu.

– Instanțe de meniu activ Unele teme vor afișa locația meniului de mai multe ori pe aceeași pagină. De exemplu, tema dvs. poate afișa o locație a meniului după meniul principal, apoi din nou pentru meniul mobil. Această opțiune poate fi utilizată pentru a vă asigura că Max Mega Menu se aplică numai uneia dintre aceste cazuri.

– .

Teme de meniu .

– Selectați tema de editat, Acesta este meniul pe care îl veți edita. Puteți crea și selecta un alt meniu.

– Titlul temei, titlul temei meniului, lăsați-l ca implicit.

– Săgeată, puteți selecta săgeata care apare în elementul de meniu derulant.

– Înălțimea liniei, linia de înălțime.

– Index Z, indicatorul Z Index poate fi lăsat implicit.

– Umbră, Puteți personaliza umbra meniului.

– tranziții de hover, activați tranzițiile când treceți cu mouse-ul peste elementele din meniu.

– Resetați stilul widget-ului, dezactivați stilurile widget-ului Mega Menu.

Bara de meniu .

– Înălțimea meniului,înălțimea meniului.

– Fundal meniu, culoarea de fundal a meniului.

– Umplutură de meniu tapiterie meniu.

– Raza chenarului meniului, raza marginii meniului.

– Alinierea elementelor de meniu, locația articolelor din meniu.

– Fundalul elementului de meniu, culoarea de fundal a elementelor de meniu.

– Fundalul elementului de meniu (Hover), culoarea de fundal a elementului de meniu atunci când treceți cu mouse-ul.

– Spațierea elementelor de meniu, interval de elemente de meniu.

– font, parametrii fontului, culoarea, dimensiunea, locația, familia etc.

– Font (Hover) opțiunile de font plasat.

– Element de meniu Umplutură, tapițeria articolelor din meniu.

– Chenar element de meniu, opțiunile de margine a elementelor de meniu.

– Chenar element de meniu (Hover), Opțiunile de margine a elementului de meniu la trecerea cursorului.

– Element de meniu Raza chenar, parametrii razei marginii elementului de meniu.

– Separator de elemente de meniu, separator de meniu.

– Evidențiați elementul curent, evidențiați elementul curent de meniu.

Mega Meniuri .

– fundal panou, culoarea de fundal a meniului derulant.

– Lățimea panoului Lățimea ferestrei meniului derulant.

– Captuseala panoului, tapiţerie.

– Bordura panoului, culoarea și dimensiunea chenarului.

– Raza marginii panoului, raza frontierei.

– Element Umplutură, tapițeria unui element de meniu într-un meniu derulant.

Widgeturi .

– Font de titlu, opțiunile de font pentru titlul widgetului din meniul derulant.

– Captură de titlu umplutură antet.

– Marja de titlu umpluturi de la marginile antetului widgetului.

– Chenar antet, parametrii de frontieră.

– Font de conținut, font în conținutul widgetului.

Elemente de meniu de al doilea nivel .

– font, fontul elementului de meniu de al doilea nivel.

–Font (Hover) font hover.

– Fundal (Hover), culoare de fundal la hover.

– umplutură, tapiţerie.

– Marja, indentare

– frontieră, bordură, hotar.

Elemente de meniu de nivel al treilea . Aceleași setări, numai pentru elementele de meniu de nivel al treilea.

Meniuri volante .

– Fundal meniu, culoarea de fundal a meniului vertical al doilea sau al treilea nivel.

– Lățimea meniului lățimea meniului.

– Umplutură de meniu tapiţerie.

– Chenarul meniului, frontieră.

– Raza chenarului meniului, raza frontierei.

– Fundalul articolului, culoarea de fundal a elementului de meniu.

– Fundalul articolului (Hover), culoarea de fundal a elementului când trece cu mouse-ul.

– Înălțimea articolului,înălțimea elementului de meniu.

– Element Umplutură articol de tapițerie.

– Font articol, fontul textului din elementul de meniu.

– Font element (Hover), font hover.

– Element Divizor separator de elemente.

Meniul mobil .

– Comutare Bar Designer, Aceasta arată cum arată meniul pe dispozitivele mobile.

– Punct de întrerupere receptiv, lățime pentru trecerea la meniul mobil.

– Bara de comutare de fundal, culoarea de fundal a butonului de deschidere a meniului mobil.

– Dezactivați comutarea mobilă, Puteți dezactiva comutatorul de meniu.

– Comutați înălțimea barei,înălțimea comutatorului meniului mobil.

– Coloane Mega Meniu, câte coloane există într-un meniu derulant pe un site mobil.

– Fundal meniu, culoarea de fundal a meniului mobil.

– Înălțimea elementului de meniu,înălțimea elementului de meniu.

Stil personalizat. Aici le poți adăuga pe a ta Stiluri CSS pentru meniu.

– Salvați modificările.

Locații de meniu .

– aici puteți crea zone de meniu la care apoi puteți adăuga meniuri. Pentru a crea o zonă pentru meniu, faceți clic pe butonul – Adăugați o altă locație de meniu.

Zona de meniu puteți adăuga pe site folosind un shortcode sau un cod php.

Pe pagina: Aspect– Meniu – Managementul zonei, veți putea adăuga un meniu pentru zonă.

Instrumente .

– Cache Aici puteți șterge cache-ul CSS, nu este necesar, cache-ul este șters automat de fiecare dată când meniul este salvat.

– Date de pluginștergeți toate datele pluginului salvate în baza de date WordPress. Doar dacă pluginul este eliminat!

– Exportați tema, Puteți exporta tema mega meniului în format JSON sau PHP.

– Importa temă, Puteți importa tema mega meniului.

– Permite Bifați caseta de aici pentru a activa mega meniul.

– Eveniment, Aici puteți alege cum se va deschide meniul drop-down.

– efect Puteți selecta un efect din meniul drop-down.

– Temă, tema de meniu implicită.

După ce ai pornit mega-meniul,în fiecare widget de pagină, când treceți cu mouse-ul, va apărea un buton - Mega Menu. Faceți clic pe acest buton pentru a configura meniul derulant pentru acest element de meniu.

Următorul, se va deschide o fereastră. În dreapta sus, faceți clic pe câmpul larg pentru a selecta un widget și a-l adăuga în meniu. În dreapta sus, puteți selecta câte coloane vor fi în meniul derulant. Widgeturile pot fi distribuite într-un panou derulant, puteți specifica ce parte va ocupa widgetul, de exemplu 1/2 sau 1/3. Faceți clic pe săgețile dreapta și stânga pentru a indica ce parte va ocupa widgetul.

Pentru a deschide și configura widget-ul, adăugați orice conținut la acesta, etc., în partea dreaptă a widget-ului, faceți clic pe pictograma cheie. Configurați widget-ul și salvați-l.

– Ascunde textul, ascunde textul din elementul de meniu.

– Ascunde săgeata, ascunde săgeata.

– Ascundeți elementul pe mobil, ascundeți elementul de meniu pe dispozitivele mobile.

– Ascunde elementul pe desktop, ascunde elementul de meniu pe computere.

– Element de meniu Aliniere, locația elementului de meniu.

– Submeniul Aliniere locația meniului de al doilea nivel.

– Ascunde submeniul pe mobil, ascunde meniul de al doilea nivel pe dispozitivele mobile.

– Salvați modificările.

Totul este gata! Salvează meniul, intră pe site și bucură-te de rezultat!

Atenţie! După activarea Mega Menu, stilul implicit de meniu va fi complet schimbat. Va trebui să personalizați stilul meniului în fila Setări „Teme de meniu”.

Mai ai întrebări? Scrie un comentariu! Noroc!

Meniul este baza tuturor navigării pe site. Datorită meniului, utilizatorul poate naviga rapid pe site și poate găsi informațiile de care are nevoie. Este foarte posibil să spunem că site-ul „începe” cu un meniu, deoarece numai acest element poate oferi utilizatorului o idee despre structura resursei de internet.

WordPress din cutie oferă o gamă destul de largă de opțiuni pentru lucrul cu meniuri. Astfel, instrumentele încorporate vă permit să creați unul sau mai multe meniuri, cu orice imbricare, adăugați legături arbitrare etc. Dar, de multe ori, instrumentele standard nu sunt suficiente pentru ca proprietarul unui site web să construiască un meniu care să răspundă tuturor nevoilor sale.

Mega plugin Max Mega Menu

De obicei, dezvoltatorii de teme nu oferă setări avansate pentru personalizarea aspectului meniului de pe site. De exemplu, efecte de trecere cu mouse-ul și clic etc. Puternicul plugin gratuit Max Mega Menu este conceput pentru a extinde instrumentele de navigare pe site și oferă utilizatorului WordPress următoarele caracteristici:

• bazat pe sistem standard WordPress;
• suport pentru mai multe zone de meniu (fiecare cu propria sa configurație);
• oferind funcționalitate convenabilă de glisare și plasare Trageți și plasați;
• opțiunea de afișare Widgeturi WordPressîn meniu;
• personalizați stilurile de meniu folosind editorul de teme încorporat;
• suport pentru stiluri de submeniu;
• sprijin Planare, Hover Intenție sau Clic pentru a deschide un submeniu;
• efecte Se estompează, Fade Up, Glisați în sus sau Slide când accesați un submeniu;
• capacitatea de a adăuga pictograme la elementele de meniu;
• opțiuni avansate ale elementelor de meniu, inclusiv „Ascunde textul”, “Dezactivați conexiunea", „Ascunde-te telefon mobil” etc.;
• alinierea elementelor de meniu la stânga sau la dreapta liniei și a elementului de meniu părinte;
• design adaptiv pentru afișare pe orice ecran;
• suport pentru diverse filtre/cârlige;
• viteza mare de lucru;
• Documentație detaliată și forum de asistență.

Configurarea Max Mega Menu

În primul rând, pluginul trebuie instalat și activat. Acum să ne uităm la ce poate face. Pentru a face acest lucru, accesați secțiunea de administrare Aspect -> Meniu. Trebuie remarcat faptul că, dacă nu aveți încă un meniu de navigare pe site-ul dvs., atunci creați unul adăugând elementele necesare. Am vorbit în detaliu despre cum să creați un meniu pe un site web WordPress în articolele noastre anterioare. După aceea, acordați atenție blocului de opțiuni din stânga, care este numit Setări Max Mega Meniu.

Pentru ca pluginul să înceapă să funcționeze, bifați opțiunea Inclus.

Să ne uităm pe scurt la fiecare dintre setări.

Setări Eveniment determină la ce eveniment vor apărea sub-articolele din meniu.

Efect este responsabil pentru aparițiile animației și viteza acesteia.

In optiune Subiect Puteți alege designul meniului. În mod implicit, există o singură temă. Vă vom spune mai jos cum să vă creați propriul dvs.

Faceți clic pe el, după care se va deschide o fereastră pop-up cu setări în fața dvs.

Fereastra de setări este împărțită în trei file.

Tab Mega meniu vă permite să determinați dacă va fi afișat un meniu obișnuit sau un meniu cu widget-uri. Dacă acesta din urmă este selectat, atunci în listă Mod de afișare a submeniului trebuie specificate Mega meniuși selectați widget-urile necesare în lista alăturată. Dacă aveți nevoie de un meniu obișnuit, ar trebui să selectați Meniu derulant.

Tab Setări vă permite să personalizați elementele din meniu. Există opțiuni pentru text, linkuri, pictograme, adaptabilitate și multe altele.

Pe fila Pictogramă Puteți seta o pictogramă pentru elementele de meniu.

Putem concluziona că setările prezente în plugin vă permit să configurați în mod flexibil fiecare element de navigare individual.

Acum ar trebui să luăm în considerare mai multe setări globale de plugin Max Mega Meniu. Pentru a face acest lucru, accesați meniul de administrare din secțiune Mega Meniu -> Setări de bază. Se poate observa că există tot felul de opțiuni tehnice pentru plugin. În principiu, pot fi lăsate implicite. Tot aici puteți seta comportamentul meniului atunci când faceți clic pe mouse, adaptabilitatea acestuia, setările CSS etc.

In sectiunea Mega Meniu -> Teme meniu, puteți modifica una existentă sau puteți crea o temă nouă. Este clar că există destul de multe număr mare o varietate de setări, inclusiv culoare, dimensiune, umbră, animație, umplutură, orientare pentru vizualizările desktop și mobile. Dacă este necesar, îl puteți folosi și pe al dvs CSS-reguli. Temele create în acest fel pot fi aplicate în editorul de meniu.

In sectiunea Mega Meniu -> Meniu Locații Veți putea crea zone noi pentru a plasa meniuri. După creare veți primi un special PHP-cod care vă permite să publicați zone oriunde pe site, în fișiere tematice, precum și un shortcode care permite adăugarea directă a zonelor de meniu în postări/pagini.

Capitol Mega Meniu -> Instrumente servește la exportul/importarea temelor create anterior și există, de asemenea, mai multe opțiuni tehnice (ștergerea memoriei cache, îndepărtarea completă toate datele pluginului).

Ca o concluzie

Plugin Max Mega Meniu are un număr mare de setări, datorită cărora puteți crea o navigare originală și colorată pe site-ul dvs.

Vă rugăm să faceți clic pe unul dintre butoane pentru a afla dacă ți-a plăcut articolul sau nu.

Îmi place 1 nu îmi place

Buna ziua! Ca întotdeauna, se întâmplă multe în viața mea, așa că este foarte greu să găsesc timp pentru un blog. Ieri am cumpărat bilete în Sri Lanka și plecăm în curând pentru 4 luni, vino în vizită! Si acum caut cea mai frumoasa rochie de mireasa :))
Astăzi vom vorbi despre cum să creați un meniu în WordPress, precum și despre cum să adăugați aceste blocuri în zonele personalizate ale șablonului.
Vom învăța cum să personalizăm meniul și să-l editam la discreția dvs.

Editarea și personalizarea meniurilor în WordPress

Mai întâi, să ne uităm la funcționalitatea disponibilă pentru noi în panoul de administrare a blogului. În noile șabloane, compatibile cu cele mai recente versiuni de WordPress, afișarea meniului este destul de simplă, iar configurarea nu este deosebit de dificilă.

Odată ce am creat o temă copil care poate fi modificată fără a afecta tema principală, vom adăuga următoarea funcție în fișierul său function.php.

register_nav_menus(array("additionalmenu" => __("Meniu suplimentar", "Numele temei dvs.")));

Dacă nu creați o temă copil, adăugați-o la fișierul cu funcții principale al temei dvs.

Această funcție ne va permite să adăugăm un meniu WordPress suplimentar șablonului nostru și să creăm o altă zonă pentru acesta.

După adăugare, accesați panoul de administrare în „Gestionați zonele”:

Ar trebui să apară o zonă de subiect suplimentară cu numele pe care l-am stabilit în funcție.

Faceți clic pe „Utilizați meniul nou” dacă dorim să schimbăm secțiunile pentru zona suplimentară sau selectați „Acasă”. Apoi, noua zonă va afișa aceleași secțiuni ca în Meniul principal.

În cazul nostru, creăm un nou meniu numit Adițional:

Selectați zona tematică „Meniu suplimentar” pentru aceasta.

Dar acum trebuie să conectăm această zonă la blocurile șablon. De exemplu, trebuie să facem un meniu suplimentar sub antetul unui site WordPress. Accesați fișierul header.php sau copiați-l în tema copil. După eticheta body, adăugați următoarele:

Sa vedem rezultatul:

Avem un meniu suplimentar deasupra antetului. Acum trebuie să setăm stiluri pentru el, să aliniem elementele într-o linie și să coborâm blocul de sub antet.

Facem următoarele modificări fișierului style.css:

culoare de fundal: #000;

/* culoare de fundal */ poziție : relativă ;

)

#additionalmenu nav ( width: 940px; /*container width */ margin: 0 auto; ) #additionalmenu li ( display: inline; padding: 10px; /* padding */ margin: 20px 0; ) #additionalmenu ( width: 100% ; top: 420px /* Distanța de la marginea de sus */ culoare de fundal: #000;

Să vedem ce s-a întâmplat:

Afișarea meniului creat de noi este încă departe de a fi ideală, dar cu grija corespunzătoare, îl puteți aduce într-o formă care se potrivește cu blogul dvs.

Widgeturi și pluginuri pentru adăugarea de meniuri în WordPress

Vă invit să vizionați un videoclip despre crearea unui meniu în WordPress:

Articolul a menționat widgetul Meniu personalizat. Să ne uităm la asta mai detaliat.

Accesați „Aspect” - „Widget-uri”, găsiți widgetul „Meniu personalizat” și trageți-l în zona disponibilă pentru tema dvs. și potrivită pentru blog:

În cazul nostru, blocul de meniu a fost adăugat în bara laterală. Pentru aceasta, am selectat secțiunile blocului suplimentar pe care l-am creat.

În consecință, în panoul lateral din dreapta vom afișa următorul bloc:

Pe lângă widget-ul standard încorporat în temă, există și multe plugin-uri suplimentare concepute pentru a crea diferite tipuri de meniuri: verticale, orizontale, drop-down etc.

Iată, de exemplu, un plugin pentru crearea unui meniu vertical pe mai multe niveluri în WordPress: Navgoco Vertical Multilevel Slide Menu.

Sau widgetul meniu dropdown, care are funcții avansate de personalizare.

Widgeturile cu efecte JQwery pentru meniuri sunt, de asemenea, populare, de exemplu: JQuery Slick Menu Widget.

Să ne uităm la principiul funcționării sale folosind un exemplu.

După instalarea widgetului JQuery Slick Menu, accesați „Aspect” - „Widget-uri”.

Un meniu glisant a apărut în partea stângă a antetului. Când faceți clic pe filă, apare un afișaj de secțiuni:

Când este apăsat din nou, blocul va dispărea din nou.

Acesta este doar o modalitate de a instala, edita și afișa meniuri în WordPress.

Alegeți cea mai potrivită și convenabilă modalitate de a crea un meniu pentru blogul dvs. WordPress. Noroc!

Este cunoscut faptul că WordPress 3.0 a adăugat suport pentru meniuri personalizate (meniuri personalizate). Lucrul, după părerea mea, este extrem de convenabil și util. De fapt, de aici vine acest articol.

Comoditatea este că acum puteți crea și configura meniuri direct din panoul de administrare, adăugând linkuri făcând clic pe casete de selectare și schimbând ordinea linkurilor prin simpla glisare și plasare. Puteți adăuga link-uri către pagini, categorii și postări individuale în meniu. Puteți crea meniuri cu mai multe niveluri, puteți adăuga, de asemenea, propriile link-uri arbitrare în meniu, despre care WordPress nu știe. În general, libertate deplină de acțiune.

Cu toate acestea, pentru ca o astfel de „libertate” să fie disponibilă, trebuie, să spunem, cu o ușoară mișcare a mouse-ului, să configurați afișarea unui meniu personalizat într-un șablon.

Utilizarea unor astfel de meniuri va fi extrem de convenabilă dacă utilizați un multisite Capacitățile WordPress, deoarece puteți configura meniuri diferite pentru site-uri diferite, dar utilizați același șablon pentru acestea.

Notă: meniul funcționează prin taxonomia WordPress (nav_menu), iar linkurile arbitrare (externe) sunt scrise în tabelul bazei de date de postări principale. Această abordare este mai flexibilă și mai dinamică, dar necesită generarea constantă a unor astfel de meniuri.

Register_nav_menus(array("top" => "Meniul de sus", //Numele locației meniului în șablonul "bottom" => "Meniul de jos" //Numele celeilalte locații de meniu din șablon));

Acum am înregistrat 2 meniuri cu identificatori „sus” și „jos” cu numele corespunzătoare. Identificatorii sunt necesari pentru a fi folositi in tema pentru a indica locul in care, prin functia de iesire wp_nav_menu(), va fi afisat meniul creat in panoul de administrare. Vom vedea numele locațiilor înregistrate în panoul de administrare când mergem la secțiunea Aspect -> Meniu.

După ce meniurile sunt înregistrate, accesați panoul de administrare și creați-vă propriile meniuri (în acest exemplu, 2 meniuri):

Setați numele meniului (meniul din șablon poate fi afișat după numele specificat folosind funcția wp_nav_menu()

Crearea elementelor de meniu. Folosim blocul din stânga: pagini de linkuri, categorii

1. Alegem unde va fi amplasat meniul, deoarece am înregistrat 2 meniuri, vom avea 2 opțiuni: „Meniu de sus” și „Meniu de jos”.

Suportul pentru meniuri personalizate în WordPress este activat pentru fiecare temă separat, cu această linie în fișierul functions.php add_theme_support("meniuri"); Cu toate acestea, această linie nu este necesară dacă înregistrăm un meniu. În acest caz, suportul va fi activat automat.

Afișarea meniurilor personalizate folosind funcția wp_nav_menu

Meniurile sunt înregistrate și create, nu rămâne decât să le adăugați la șablon. Acest lucru este realizat de funcția wp_nav_menu(), care poate lua următorii parametri:

Wp_nav_menu(array("menu" => "", // (șir) Numele meniului afișat (indicat în administrator la crearea meniului, prioritate // decât locație specificată theme_location - dacă este specificat, parametrul theme_location este ignorat) „container” => „div”, // (șir) Meniu container. Wrapper ul. Eticheta container este indicată (în mod implicit în eticheta div) "container_class" => "", // (șir) clasa containerului (eticheta div) "container_id" => "", // (șir) id-ul container (etichetă div) "menu_class " => "meniu", // (șir) clasa meniului în sine (eticheta ul) "menu_id" => "", // (șir) id-ul meniului în sine (eticheta ul) "echo" => true, // (boolean ) Afișează sau returnează pentru procesare "fallback_cb" => "wp_page_menu", // (șir) Funcția (de rezervă) de utilizat dacă meniul nu există (nu a putut fi preluat) "before" => "", // (șir) Text înainte fiecare link „după” => „”, // (șir) Text după fiecare link "link_before" => "", // (șir) Text înainte de ancora (textul) linkului "link_after" => "", // (șir) Text după ancora (textul) linkului "adâncime " => 0, / / ​​(întreg) Adâncime de imbricare (0 - nelimitat, 2 - meniu cu două niveluri) "walker" => "", // (obiect) Clasă care colectează meniuri. Implicit: nou Walker_Nav_Menu "theme_location" => "" // (șir) Locația meniului în șablon. (indică tasta cu care a fost înregistrat meniul în funcția register_nav_menus)));

În acest exemplu, trebuie să inserați aproximativ (în funcție de parametrii de care aveți nevoie) următoarele 2 coduri în șablon:

#1. Afișarea meniurilor după locație

Meniul de sus.Îl inserăm în antetul șablonului (header.php), unde va fi afișat meniul de sus:

"meniu", "locație_temă" => "sus", "după" =>" /")); ?>

Va afișa un meniu creat în panoul de administrare, atașat locației „Meniu de sus” cu o structură similară:

Meniul de jos.Îl inserăm în subsolul șablonului (footer.php), unde va fi afișat meniul de jos:

Afișează meniul creat în panoul de administrare, atașat locației „Meniu de jos”. Structura va fi identică cu prima.

Vă rugăm să rețineți că în prima opțiune parametrii au fost trecuți printr-o matrice. În al doilea, printr-o linie. Ambele variante sunt corecte. Acest lucru este obișnuit pentru funcțiile WordPress - parametrii pot fi trecuți fie ca o matrice, fie ca șir (șirul este apoi convertit într-o matrice).

#2 Afișează meniul după nume

Pentru a afișa un meniu după numele său, puteți utiliza argumentul „meniu”. Numele este indicat ca cel care a fost specificat la crearea meniului în panoul de administrare. În exemplul nostru (vezi imaginea) „Meniul principal”. Argumentul meniu are prioritate mai mare decât theme_location , ceea ce înseamnă că dacă afișăm după nume, parametrul theme_location va fi ignorat.

Puteți specifica ID-ul meniului mai degrabă decât numele. Deci, dacă numele meniului este schimbat, codul va rămâne funcțional. ID-ul meniului poate fi vizualizat în adresa URL în timp ce editați meniul:

Note

Să scoatem ambalajul Div

Probabil ați observat că meniul este adesea „împachetat” cu o etichetă div inutilă. Poate fi eliminat prin specificarea unui parametru gol "container" =>"" în argumentele funcției wp_nav_menu().

Modificarea setărilor implicite

Pentru a evita specificarea constantă a aceluiași parametru pentru meniurile inserate, acestea pot fi suprascrise în functions.php. Acest lucru se face prin filtrul wp_nav_menu_args:

Register_nav_menus(array("top" => "Meniul de sus", "bottom" => "Meniul de jos")); add_filter("wp_nav_menu_args", "my_wp_nav_menu_args"); funcția my_wp_nav_menu_args($args="")( $args["container"] = ""; returnează $args; )

Prin analogie, puteți crea propriile argumente implicite: $args["argument"] = "value" .

Se verifică dacă meniul este înregistrat

WordPress are și o funcție de condiție: has_nav_menu("sus") - verifică dacă locația meniului de sus a fost înregistrată. Dacă meniul nu este specificat, atunci funcția wp_nav_menu() va funcționa ca wp_list_pages() , dar „wrapper”-ul div va rămâne, în ciuda faptului că am eliminat-o din argumente. Puteți rezolva această problemă astfel:

If (has_nav_menu("sus"))( wp_nav_menu(array("container" => "", "theme_location" => "sus", "menu_class" => "meniu")); ) else ( echo "

"; wp_list_pages(array("depth" => 1, "title_li" => "")); echo "

Mega meniuri dropdown- o descoperire grozavă de design. Navigare pe site, care conține un număr mare de pagini, a prezentat întotdeauna o anumită problemă. Meniurile statice clasice la sitemap cresc rapid pe măsură ce numărul de pagini crește și ocupă mult spațiu. Meniurile derulante dinamice pot economisi în mod semnificativ spațiu pe pagină, dar utilitatea este sacrificată - navigarea necesită o funcționare activă și destul de precisă a mouse-ului. Ușor ratat și se deschide meniul greșit.

Impulsul pentru dezvoltarea conceptului de mega-meniu a fost probabil interfața cu panglică Microsoft Office 2007. Acest concept se află chiar la mijloc între un meniu static simplu și un meniu derulant dinamic. Pe de o parte, un astfel de meniu este destul de informativ și intuitiv, pe de altă parte, reduce semnificativ manipulările necesare ale mouse-ului. Deschizându-se, poate folosi totul spatiu disponibil ecran, care permite utilizatorului să preia toate articolele oferite într-un context dat și, dacă este necesar, îl ascunde.

Oricum ar fi, mega-meniul este acum, după cum se spune, în tendințe și dacă încă nu l-ați folosit încă, atunci merită să îl priviți mai atent.

UberMenu: plugin WordPress Mega Menu

În plus, meniul are și o serie de alte caracteristici excelente, cum ar fi:

• Grilă adaptivă încorporată
• Reglați individual lățimea fiecărei coloane și setați lățimea implicită
• Gruparea elementelor de meniu
• Centrarea elementelor de meniu în rânduri orizontale
• Imagini de fundal personalizate
• Submeniuri derulabile care conțin un număr mare de articole.

Cost: 19 USD

Mega meniu principal

Cost: 15 USD

Mega Meniu Liquida

Pluginul oferă oportunități ample pentru crearea meniului cu un design modern și stilat: orientare verticală sau orizontală, posibilitatea de a fi inclus în elementele de meniu link-uri, imagini și chiar carduri de produse WooCommerce sau Easy Digital Downloads, care poate fi util în dezvoltarea magazinelor online.

Cost: 19 USD

Sky Mega Meniu

Cost: 6 USD

WP Mega Meniu

Cost: 29 USD

Meniul NOO

Conținutul elementelor de meniu poate fi text, link-uri, imagini, videoclipuri, formulare și diverse widget-uri. Folosește propria sa grilă cu 12 coloane pentru a găzdui totul.

Cost: 15 USD

Hero Menu – Plugin WordPress Mega Meniu receptiv

Designul este modern și elegant și, desigur, complet.

Cost: 19 USD

Superfly - Plugin de meniu WordPress receptiv

Unul dintre reprezentanții acestui tip de mega-meniu este Superfly - Responsive WordPress Menu Plugin. Un instrument impresionant atât în ​​design, cât și în performanță.

Cost: 22 USD

Comutați meniu

Comutare meniu - foarte simplu, meniu minimalist, care, cu toate acestea, se descurcă bine cu funcția sa principală.

Cost: 5 USD

WP Floating Menu Pro

WP Floating Menu Pro oferă 13 și 7 la dispoziția dezvoltatorului diverse opțiuni locația pe pagină, opțiunile de personalizare, culoarea, conținutul și numărul de articole.
Pentru ecrane cu o rezoluție mai mică de 480px, este posibil oprire automată meniu.

Cost: 17 USD

Pluginul WordPress Flexi Menu

Cost: 14 USD

Max Mega Meniu (gratuit)

Capabil să convertească automat meniurile obișnuite deja existente într-un mega meniu cu control deplin asupra procesului de conversie și salvarea sau reatribuirea acțiunilor corespunzătoare.