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 șabloane noi compatibile cu ultimele versiuni WordPress, afișarea meniului este destul de simplă și 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 meniu suplimentar WordPress în șablonul nostru și va crea 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 in zona noua vor fi afișate aceleași secțiuni ca și î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.

Să mergem "

Aspect

„-”Widget-uri”, găsiți widgetul „Meniu personalizat” și trageți-l într-o zonă 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.

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

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

În lista de widget-uri disponibile ar trebui să apară unul nou instalat de noi. Mutați-l într-o zonă accesibilă, în cazul nostru bara laterală:

Să extindem setările:

Selectați numele meniului (secțiunile pe care le-am creat), Tab Text - numele blocului care va fi afișat pe site, locația de plasare (selectați Left - în stânga), Offset - offset-ul de la marginea de sus în pixeli, Viteza animației - viteza animației (rapidă). Puteți selecta Meniu Închidere automată pentru a face blocul să dispară automat. Și alegeți culoarea blocului. Faceți clic pe salvare și vedeți rezultatul:

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 cel mai potrivit și convenabil mod de a crea un meniu pentru blogul tău WordPress. Noroc!

Mai recent, o astfel de caracteristică precum Mega Menu a fost domeniul exclusiv al pluginurilor și temelor premium. Dar astăzi, vă voi prezenta, dragi cititori, două plugin-uri complet gratuite, care vă vor permite să construiți rapid, ușor și, bineînțeles, complet gratuit, un meniu de navigare puternic pe site-ul dvs., care nu este cu mult inferior față de omologii săi plătiți. .

Oricum, ce este acest Mega Meniu? Da, același lucru, meniul obișnuit de navigare pe care probabil l-ați întâlnit și personalizat de mai multe ori. Doar că, spre deosebire de funcționalitatea standard, există și caracteristici suplimentare pentru a configura și afișa elemente individuale. De exemplu, adăugând nu numai submeniuri verticale, ci și orizontale, adăugând pictograme și imagini individuale în meniu, configurație detaliată aspectul tuturor elementelor de meniu etc. Toate acestea se află în pluginurile noastre considerate astăzi.

O altă oportunitate excelentă de a adăuga un meniu de navigare super cool pe site-ul tău cu un plugin este Mega Menu by WooRockets.com. Instalarea și activarea pluginului sunt standard.

Acest plugin este oarecum mai dificil de învățat, dar oferă și mai multe posibilități decât concurentul descris mai sus. Aici, construcția meniurilor este foarte asemănătoare cu construcția paginilor în Visual Composer standard.

Accesați secțiunea Mega meniu WRîn panoul de administrare și faceți clic pe Adăugați nou. Ajungem la noua pagina pentru a construi un nou meniu. Cei care s-au ocupat deja de compozitorii Drag & Drop se vor simți imediat ca acasă. Procesul de construire a unui meniu nu este mult diferit de construirea unei pagini.

Mai întâi asigurați-vă că în partea de sus a meniului - Locaţie Meniul este exact ceea ce ai nevoie. Sau faceți clic pe Menage Location pentru a selecta un meniu.

Click - Adăugați elementși selectați în fereastra pop-up tipul de conținut pe care doriți să îl adăugați în meniu. În stânga sus, puteți alege dintre opțiunile standard oferite sau puteți adăuga widget-uri WordPress.

Dacă este necesar, adăugați linii împărțite în cantitatea necesară coloane. În stânga sunt file pentru tragerea elementelor de meniu în sus sau în jos, iar în dreapta sunt file în care puteți activa editarea sau ștergerea. Nu uitați să apăsați butonul obișnuit din dreapta - Publica sau - Actualizare pentru a păstra rezultatele muncii lor.

În general, orice texte, imagini și, dacă doriți, orice widget-uri pot fi plasate cu ușurință în noul dvs. meniu. Aspectul meniului poate fi modificat făcând clic pe butonul Styling sau introduceți mesele lângă el folosind butonul CSS personalizat.

Un lucru foarte funcțional, pe scurt. Nu degeaba autorii, pe lângă acest plugin, mai au: un formular de contact și, bineînțeles, un compozitor, care se pare că a servit drept bază pentru mega plugin-ul meniului. Puteți vedea demonstrația de lucru în toată splendoarea aici.

Plugin-uri grozave și puternice cu care poți să creezi practic meniul visurilor tale. Singurul punct care poate întuneca ușor bucuria utilizatorilor este problema compatibilității cu diferite teme. Din păcate, din câte îmi amintesc, această problemă a apărut uneori cu pluginurile premium. Am testat ambele plugin-uri pe o temă standard și nu am observat probleme sau bug-uri. La fel va doresc si voua, prieteni!

Timp de citire: 8 minute. Publicat 11.01.2016

Buna ziua! Continuăm să analizăm cele mai interesante și cele mai multe pluginuri utile pentru un site 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 deschide linkul.
• 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 folosită 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 widgetului 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.

– Articol Umplutură, completarea elementelor de meniu într-un meniu derulant.

Widgeturi .

– Font de titlu, opțiunile de font pentru titlul widgetului din meniul drop-down.

– 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), culoarea 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 elementului (Hover), culoarea de fundal a elementului când trece cu mouse-ul.

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

– Articol 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 accesarea meniului 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 puteți adăuga propriile 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!

Din câte am înțeles, termenul de mega meniu în WordPress înseamnă un bloc imens super-funcțional cu multe elemente diferite: liste, imagini, texte, glisoare etc. Cu siguranță ați întâlnit astfel de oameni. Cândva voi publica o colecție completă pe această temă, dar astăzi vom vorbi despre o soluție foarte specifică - pluginul Max Mega Menu. L-am ales pentru că îl testasem deja la lucru pentru, de multe ori ajunge pe liste, plus că are una dintre cele mai inteligente și în continuă dezvoltare versiuni gratuite (Lite).

Imediat după instalarea Max Mega Menu în WordPress, navigarea dvs. standard va fi transformată într-un mecanism mai puternic și mai funcțional, cu posibilitatea de a adăuga diverse tipuri de widget-uri, un editor convenabil și o grămadă de setări suplimentare. Descărcați pluginul de aici sau căutați-l prin administratorul WP.

În acest moment, versiunea minimă necesară de sistem este 3.8, cea mai recentă versiune este în prezent 4.8.3. Există aproximativ 100 de mii de descărcări. Îmi place că în ultimele 2 luni au fost remediate aproape 70 de erori diferite din 89, ceea ce indică o activitate bună din partea dezvoltatorilor.

Principalele funcții și caracteristici ale Max Mega Menu

• Sunt acceptate mai multe locații de plasare, pentru fiecare dintre acestea vă puteți alege propriile parametri;
• Lucru ușor cu elementele de navigare prin Drag&Drop.
• Plus.
• Există un editor de teme convenabil.
• Adăugarea oricăror widget-uri: imagini, texte, liste etc.
• Condiție de declanșare: la trecerea cursorului, faceți clic.
• Efecte de afișare a submeniului: plecare, aspect/fading etc.
• Diverse opțiuni suplimentare, cum ar fi ascunderea textului/linkurilor sau dezactivarea versiunea mobilă. Ultimul punct va ajuta la simplificarea creării unui .
• Aliniere pentru elementele de meniu.

Pentru a înțelege cât de mișto și convenabil sunt toate acestea, vă sfătuiesc să vizionați următorul videoclip:

În plus, dezvoltatorii se pot lăuda cu o abordare foarte corectă și corectă a creării soluției lor. WordPress Max Mega Menu este un produs cu adevărat de înaltă calitate, iată câteva confirmări:

• tot designul este stabilit folosind unul fișier CSS, unde „celebra” proprietate importantă nu este folosită deloc;
• Suport Retina, adaptabilitate, declanșare pe smartphone-uri și tablete (testat în aproape toate browserele desktop și mobile existente);
• cod curat, scripturile JS atunci când sunt gzipped vor ocupa mai puțin de 2Kb;
• suport pentru diverse filtre/cârlige;
• documentație detaliată + spre deosebire de multe alte plugin-uri, menține forumul destul de animat.

Configurarea și lucrul cu Max Mega Menu

Imediat după instalare, o secțiune cu același nume va apărea în panoul de administrare. În „Setări de bază” puteți ajusta mai multe opțiuni privind comportamentul submeniurilor, dispozitivelor mobile etc. „Temele” arată mult mai interesante.

Există 6 file aici cu diferite caracteristici:

• De bază - alegeți tipul de săgeți, umbre, înălțimea liniei etc.
• Bara de meniu - designul blocului principal: fundaluri, indentări, fonturi, hover.
• Mega Meniuri - stiluri și Mega setări Meniu.
• Mențiunile derulante sunt un set de stiluri similare celorlalte.
• Meniul mobil - declanșează dimensiunea ecranului și alte opțiuni de meniu mobil.
• Design personalizat - adăugați propriile stiluri CSS.

După setarea parametrilor de bază, accesați secțiunea de administrare WP „Aspect” - „Meniu”.

Trebuie să selectați meniul cu care doriți să lucrați, apoi, în setările acestuia, bifați caseta „Activat”. Puteți activa Max Mega Menu în WordPress numai atunci când meniul are o zonă de afișare specificată în șablon (antet, subsol, bară laterală etc.). Există, de asemenea, parametri pentru efecte și evenimente de declanșare.

Pentru a deschide editorul de module, plasați cursorul peste unul dintre elementele ierarhiei și faceți clic pe butonul „Mega Menu” care apare. O fereastră pop-up va afișa instrumentul corespunzător, pe care este posibil să l-ați văzut în prezentarea video a pluginului de mai sus.

Aici puteți, în primul rând, să determinați numărul de coloane și, de asemenea, să adăugați orice widget-uri. În plus, dimensiunea fiecărui element poate fi modificată. Puteți selecta widget-uri numai în primul nivel de navigare (principal). Dacă faceți clic pe butonul „Mega Meniu” vizavi de alte elemente, atunci doar pentru a seta pictograme și diferite proprietăți:

Ascunderea textului/linkului, alinierea și dezactivarea pe desktop/mobil este un set de funcții foarte util. Este posibil să setați astfel de opțiuni în fiecare element de meniu. Nu uitați să salvați modificările.

Max Mega Menu Pro și concluzii

În general, pe lângă depozit, această dezvoltare are și un site separat. Există descrieri ale tuturor capabilităților modulului, sunt prezentate documentația și o mică demonstrație a acestuia și există, de asemenea, un link către suport tehnic și descărcări. Costul avansat Versiuni maxime Mega Menu Pro, în principiu, nu este atât de scump - pentru 1 / 5 / 99 de site-uri vă va costa 23 USD / 35 USD / respectiv 99 USD. Aceasta include actualizări și asistență pe tot parcursul anului. Dacă sunteți dezvoltator, atunci luând o Licență Pro Business și instalând pluginul pe 5 site-uri, veți obține costul total al soluției = 7 dolari!

Ce este inclus în Max Mega Menu Pro:

• Integrare Google Fonts, FontAwesome și pictograme personalizate în setări.
• Suportă meniuri verticale și acordeon.
• Logo general în navigare + bloc de căutare.
• Stiluri de articole individuale.
• Suport WooCommerce și EDD.
• Posibilitate de personalizare.
• Căutare, pictograme/logo-uri și HTML pentru elementele mobile.
• Actualizare automată și asistență prioritară.

Pentru site-urile clasice obișnuite, cel obișnuit este suficient versiune gratuită Max Mega Menu în WordPress, care este foarte bun ca funcționalitate. Diverse setari sunt multe aici. De asemenea, mi-a plăcut că dezvoltatorii le susțin crearea, remediază bug-urile actuale relativ rapid și se ocupă de curățenia/corectitudinea codului. Va dura ceva timp pentru a face cunoștință, dar va merita. Pentru a înțelege mai ușor cum funcționează pluginul, urmăriți videoclipul și citiți documentația.

Ce module Mega Menu din WordPress folosiți și de ce? Ați lucrat cu această soluție, ce puteți adăuga despre ea?

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 pe mai multe niveluri și, de asemenea, puteți adăuga propriile link-uri arbitrare la 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.

Va fi extrem de convenabil să folosiți astfel de meniuri dacă utilizați funcția multisite a WordPress, deoarece puteți configura meniuri diferite pentru site-uri diferite și puteți utiliza același șablon pentru ele.

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ă meniurile (în î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 (specificat în admin la crearea meniului, are prioritate // față de locația specificată theme_location - dacă este specificat, parametrul theme_location este ignorat) "container" => "div", // (string) Meniu container ul wrapper Specifică eticheta container (în mod implicit în eticheta div) "container_class" => "", // (șir) de clasă. containerul (eticheta div) "container_id" => "" , // (șir) id-ul containerului (eticheta 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 obține ) "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 comun pentru Caracteristici WordPress- parametrii pot fi transferați fie ca 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("sus" => "Meniul de sus", "de jos" => "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 "