Cum să creezi un meniu dinamic în WordPress

WordPress este un sistem de management al conținutului (CMS) care vă permite să creați un site web sau un blog de la zero sau să îmbunătățiți un site web existent. În acest articol, vă vom arăta cum să creați un meniu dinamic în WordPress. Un meniu dinamic este un meniu care se modifică în funcție de pagina pe care o vizualizați. De exemplu, dacă vizualizați o pagină despre „Teme WordPress”, meniul va afișa link-uri către alte pagini despre Teme WordPress. Dacă vizualizați o pagină despre „Pluginuri WordPress”, meniul va afișa link-uri către alte pagini despre Pluginuri WordPress. Crearea unui meniu dinamic în WordPress este ușoară. În primul rând, trebuie să creați un meniu. În al doilea rând, trebuie să adăugați elemente în meniu. În al treilea rând, trebuie să atribuiți meniul unei locații. În al patrulea rând, trebuie să adăugați codul la tema dvs. WordPress. Să începem cu primul pas: crearea unui meniu.

În partea 2 a acestei serii, facem un pas mai departe prin crearea meniurilor de navigare dinamice. Veți învăța cum să creați meniuri condiționate în funcție de locația lor în Block Visibility utilizând suplimentul Pro. O temă de bloc este folosită pentru a crea părți de șablon care se bazează pe principii de bloc. Acest tutorial vă va ghida prin pașii necesari pentru a crea un meniu secundar de navigare pe pagina „Excursii de drumeții”. Este la fel de simplu ca să faceți clic pe Editorul site-ului pentru a edita antetul site-ului. Folosind controlul Locație din pluginul Block Visibility, putem restricționa și locația meniului secundar. În baza de cunoștințe, selectați opțiunea Locație și apoi faceți clic pe pictograma puncte suspensie pentru ao activa.

Acum putem restricționa vizibilitatea blocului la pagina Excursii de drumeții utilizând controlul locației, care permite un control mai mare asupra vizibilității. Regula Postare ne instruiește să selectăm un tip de postare în pagină, precum și un tip de pagină „Drumeții”. În configurarea regulii rezultată, trebuie urmate următoarele. Pe pagina de pornire a site-ului nostru demonstrativ, vom putea accesa un nou meniu condiționat. Restul acestui articol urmează să fie completat. Puteți realiza acest lucru folosind o varietate de reguli și seturi de reguli. Pentru această demonstrație, am ales un exemplu simplu.

Pentru a crea un meniu nou, accesați Aspect. Faceți clic pe „Creați meniu” dacă doriți să creați un meniu secundar, „Meniul meu personalizat” dacă doriți să creați un meniu personalizat pentru o anumită locație și „Meniu secundar” dacă doriți să creați un meniu secundar pentru o altă locație. După ce ați adăugat câteva elemente în meniu, salvați-le (de exemplu, elementul de meniu 1, elementul de meniu 2 și elementul de meniu 3).

Cum creez un meniu dinamic în tema personalizată WordPress?

O modalitate de a crea un meniu dinamic în WordPress este să utilizați funcția wp_nav_menu. Această funcție vă va permite să creați un meniu care este generat automat pe baza structurii site-ului dvs. De asemenea, puteți utiliza această funcție pentru a crea un meniu personalizat care este specific temei dvs.

Urmând acești pași, puteți crea un meniu de navigare simplu și dinamic în WordPress. Pasul principal este înregistrarea meniului de navigare utilizând funcția register_nav_menus(). Pentru a rula acest lucru, trebuie mai întâi să îl înregistrați în fișierul functions.php din tema copilului și apoi să utilizați cârligul „init”. În acest exemplu, vom profita de meniul de antet principal. Pluginul Nav Menu este disponibil pe WordPress.org și vă permite să atribuiți diferite meniuri diferiților utilizatori în funcție de rolul lor. De asemenea, putem folosi acest plugin pentru a înregistra mai multe meniuri în același timp. În pasul precedent, putem stila meniul de navigare pe baza designului site-ului, făcând referire la clase CSS personalizate în apelul funcției WP_nav_menu.

Cum se creează un meniu de antet dinamic în WordPress

Pentru a crea un meniu de antet dinamic în WordPress, mai întâi va trebui să creați un meniu personalizat. Pentru a face acest lucru, accesați secțiunea Meniuri din panoul de administrare WordPress și faceți clic pe linkul de creare a unui meniu nou. Introduceți un nume pentru meniul dvs. și faceți clic pe butonul de creare a meniului. În continuare, va trebui să adăugați elemente în meniu. Pentru a face acest lucru, faceți clic pe linkul adăugați articole și selectați paginile sau postările pe care doriți să le adăugați în meniu. După ce ați adăugat toate elementele pe care le doriți, faceți clic pe butonul de salvare a meniului. Meniul dvs. de antet dinamic este acum gata de utilizare.

Dacă creăm o pagină de meniu dinamic cu metoda WordPress Dynamic Menu Page, descrisă mai târziu în acest tutorial, o vom putea schimba. În navigarea principală, o imagine de fundal este utilizată pentru a schimba poziția elementului de meniu pe baza ID-ului acestuia. Utilizarea etichetei „span” ne va permite să ascundem textul pentru a vizualiza imaginea de fundal așa cum o vedem. Codul pe care îl vom folosi este generat dinamic de WordPress, folosind o clasă specială numită current_page_ancestor, deci ar trebui să arate astfel: Nimic altceva nu a fost spus. Dacă dorim să creștem numărul de subpagini, pur și simplu creșteți sau micșorați setarea depth=2, astfel încât să afișeze un număr nelimitat de pagini. Folosind CSS, linkul paginii curente, așa cum se arată în imaginea de mai jos, este acum foarte simplu de afișat cu caractere aldine. Navigați la pagina părinte cu o secțiune evidențiată. Evidențiați pagina secundară a părintelui.

WordPress Adaugă în mod dinamic elemente de meniu

Adăugarea elementelor de meniu la meniurile WordPress se poate face fie prin intermediul tabloului de bord de administrare WordPress, fie prin adăugarea de cod la tema dvs. Dacă doriți să adăugați un element de meniu la un meniu existent, pur și simplu conectați-vă la site-ul dvs. WordPress și navigați la pagina „Aspect > Meniuri”. De acolo, puteți adăuga noi elemente de meniu selectându-le din partea stângă și făcând clic pe butonul „Adăugați la meniu”. Dacă doriți să adăugați elemente de meniu prin cod, va trebui să adăugați câteva rânduri de cod în fișierul functions.php al temei. Primul lucru pe care trebuie să-l faceți este să creați o nouă funcție care va adăuga elementele de meniu. Această funcție poate fi numită orice doriți, dar o vom numi „my_ custom_menu_items()”. În cadrul acestei funcții, va trebui să utilizați filtrul WordPress „wp_nav_menu_items”. Acest cârlig vă permite să adăugați elemente noi la un meniu existent. Codul din interiorul funcției dvs. va arăta cam așa: function my_custom_menu_items( $items, $args ) { // Faceți ceva cu $items return $items; } add_filter( 'wp_nav_menu_items', 'my_custom_menu_items', 10, 2 ); Codul de mai sus va adăuga o nouă funcție care poate fi utilizată pentru a adăuga elemente la un meniu existent. Funcția în sine nu face nimic încă, dar oferă un cadru pe care îl puteți folosi pentru a adăuga propriile elemente de meniu personalizate. Pentru a adăuga efectiv elemente de meniu, va trebui să modificați codul din interiorul funcției pentru a se potrivi nevoilor dvs. De exemplu, dacă doriți să adăugați un link către pagina dvs. „Despre”, ați folosi următorul cod: function my_custom_menu_items( $items, $args ) { $items .= 'Despre'; returnează $articole; } add_filter( 'wp_nav_menu_items', 'my_custom_menu_items', 10, 2 ); Codul de mai sus va adăuga un nou link la meniul dvs. cu textul „Despre”. Puteți adăuga câte elemente de meniu doriți adăugând linii de cod suplimentare în interiorul funcției.

Plugin de meniu dinamic WordPress

Un plugin pentru meniu dinamic WordPress este o modalitate excelentă de a adăuga un pic de condiment la navigarea site-ului dvs. Permițându-vă să creați meniuri care se schimbă în funcție de ceea ce se uită vizitatorii dvs., îi puteți menține implicați și puteți reveni pentru mai multe.

Cum se creează un meniu personalizat în WordPress

Pentru a crea un meniu personalizat în WordPress, va trebui să navigați la secțiunea „Aspect” din tabloul de bord și să selectați opțiunea „Meniuri”. De acolo, puteți crea un meniu nou și puteți adăuga orice pagini, categorii sau link-uri personalizate dorite. După ce ați salvat modificările, puteți atribui meniul nou creat unei locații de pe site-ul dvs. prin fila „Gestionați locații”.

Vegibit vă oferă o înțelegere a modului de a crea o temă WordPress. Meniul va fi sub numele site-ului și zona sloganului, dar va fi mai sus de conținutul site-ului. Pentru ca meniul să apară, trebuie mai întâi să înregistrăm locația în fișierul functions.php al temei. Creați meniul nostru personalizat în WordPress Dashboard. Acum este necesar să ne înregistrăm noul meniu cu nucleul WordPress. Cu această caracteristică, acum putem gestiona locația tabloului de bord. Vrem să arate ca și cum ar proveni direct din funcția WordPress_nav_menu().

În pasul următor, vom conecta la întreaga listă de categorii. Este posibil să puteți obține un efect de hover dacă mutați mouse-ul peste fiecare link. Pentru a înțelege cum va funcționa, am creat un fișier style.css. Dorim să eliminăm sublinierea pentru legături și punctele marcatoare din fiecare element din lista noastră, precum și să eliminăm umplutura și marginea din fiecare element. În Rezumatul WordPress, veți găsi o procedură pas cu pas pentru crearea unui meniu personalizat. Aceasta este o explicație excelentă a modului de utilizare a unui meniu personalizat într-o temă WordPress. Sarcina noastră a fost simplificată datorită câtorva funcții WordPress. Odată ce noul meniu a fost conectat la WordPress, a fost simplu să adăugați sau să eliminați orice tip de conținut dorit din acel meniu.

Crearea unui meniu personalizat în WordPress

După ce ați creat meniul, accesați Aspect. Veți putea vedea noul meniu pe pagina de meniu. De îndată ce îl selectați, îl puteți personaliza după cum doriți.