Când sistemul de meniu de navigare a fost lansat cu WordPress 3.0, acesta a fost unul dintre factorii care au transformat WordPress dintr-o platformă de blogging într-un CMS puternic.

Aceasta a însemnat că puteți adăuga orice conținut dorit la meniurile de navigare ale site-ului dvs. web, inclusiv linkuri personalizate. Interfața „drag and drop” înseamnă că oricine își poate crea propriul meniu personalizat fără abilități de codare.

Dar uneori nu vrei să te bazezi pe asta. Dacă dezvoltați un site web pentru un client care urmează să adauge pagini pe site-ul său, este puțin probabil să actualizeze meniul (menurile) de navigare atunci când le face sau le lipsește abilitățile. .

Așadar, aici este un meniu de navigație automatizat.

În acest tutorial, vă voi arăta cum să creați un meniu de navigare automatizat care să afișeze toate paginile site-ului dvs., precum și paginile copil afișate ca intrări de nivel secundar în meniul de navigare.

Apoi, puteți adăuga acest cod la antetul paginii temei, bara laterală sau subsol, dacă doriți, iar acest lucru va afișa utilizatorilor dvs. legături care se actualizează automat când conținut nou este adăugat pe site-ul dvs. web.

Dar, dacă nu ați instalat niciodată WordPress, descoperiți Cum se instalează un blog WordPress pași 7 et Cum de a găsi, a instala și a activa o temă WordPress pe blog-ul dvs. 

Apoi înapoi la motivul pentru care suntem aici.

Iată ce veți avea nevoie pentru a automatiza meniurile de navigare WordPress:

• O instalare de dezvoltare sau testare WordPress, cu câteva pagini și sub-pagini adăugate
• Un editor de coduri.

Codul de configurare

Voi adăuga acest cod la un plugin, astfel încât să fie permanent, chiar dacă schimb tema WordPress. În acest fel, pot adăuga funcția pluginului meu în tema mea pentru a adăuga meniul de navigare unde vreau. Dacă tema dvs. WordPress are „ cârlige Puteți utiliza unul sau mai mulți pentru a injecta acest cod.

Vezi și lista noastră cu Pluginurile 10 WordPress pentru a crea o numărătoare inversă

Dacă lucrați cu o temă WordPress terță parte care nu are Hooks, va trebui să adăugați cod temei. Nu o codificați direct în temă: în schimb, creați o temă copil și adăugați codul la aceasta. Creați doar un duplicat al fișierului șablon temă din tema principală pe care doriți să o editați, adăugați-o la tema copilului dvs. și editați-o.

Pasul unu

Primul pas este crearea pluginului. Creez un folder în " wp-content / plugins ". Crearea unui folder înseamnă că pot adăuga mai multe fișiere în plugin în viitor, dacă trebuie, cum ar fi o foaie de stil sau să includ fișiere.

Mai întâi, trebuie să adăugați codul de conectare pentru pluginul dvs., în comentarii, pentru a spune WordPress ce este:

<?php
/**
 *Nume plugin:Plugin
 * URI plugin: http://blogpascher.com
 * Descriere: plugin WordPress
 * Versiunea: 1.0
 * Autor: Herve
 * URI autor: http://blogpascher.com
 *
 */

Activează acum pluginul.

Apoi, dacă utilizați o temă copil, configurați-o. Folosesc tema copilului din tema Douăzeci și șaptesprezece - aici este foaia mea de stil:

<?php
/**
 *Nume plugin:Plugin
 * URI plugin: http://blogpascher.com
 * Descriere: plugin WordPress
 * Versiunea: 1.0
 * Autor: Herve
 * URI autor: http://blogpascher.com
 *
 */

@import url( " ../twentyseventeen/style.css " );

După ce ați făcut acest lucru, dacă site-ul dvs. web nu are încă pagini, adăugați câteva. Acestea trebuie să aibă o structură pe mai multe niveluri. Așa arată paginile mele false:

Acum, să începem să adăugăm codul la plugin.

Creați o funcție pentru a lista toate paginile ierarhic

Vom folosi funcția « wp_list_pages () Pentru a prelua toate paginile și a le lista cu linkuri. Dar mai întâi, trebuie să definim câteva argumente pentru aceasta. Începeți prin a vă crea funcția și adăugați aceste argumente:

wpmu_list_pages () {wpmu_list_pages () {$ args = array ('adâncime' => 2); }

Argumentele sunt foarte simple - există doar unul pentru nivelul de pagini pe care vrem să le facem. Setarea „2” înseamnă că paginile de nivel superior și subpaginile acestora vor fi afișate, dar nu mai mult.

Descoperiți conexiune 5 erori comune și soluțiile pe WordPress

Acum să adăugăm funcția „wp_list_pages ()” după argumentele:

wp_list_pages ($ args);

Iată funcția completă:

wpmu_list_pages () {wpmu_list_pages () {$ args = array ('adâncime' => 2); wp_list_pages ($ args); }

Adăugarea funcției la temă

În acest moment, funcția nu afișează nimic pe site-ul meu. Pentru a schimba acest lucru, trebuie să adăugăm o copie a antetului temei principale la tema copil și să o edităm.

Vezi și: Cum să vă protejați activitatea WordPress pe site-urile web ale clienților

Începeți prin a copia fișierul antet pe tema copilului și deschideți-l. În Twenty Seventeen, codul meniului de navigare poate fi găsit în „ template-parts / navigation / navigation-top.php Ceea ce înseamnă că trebuie să adaug o copie a acestui fișier în același loc din tema copilului meu.

Descoperă să mergi mai departe Cum se instalează o temă WordPress copil

În tema dvs., acesta poate fi fișierul header.php care trebuie copiat.

În funcție de temă, codul meniului va fi diferit. În cel pe care îl folosesc, acesta este codul pe care trebuie să îl înlocuiesc:

'top', 'menu_id' => 'top-menu',)); ?>

Modificați codul meniului dvs. de navigare pentru a adăuga o nouă funcție, cu codul existent într-o declarație „altfel {}”:

'top', 'menu_id' => 'top-menu',)); }?>

Declarațiile condiționale sunt importante: mai întâi, verifică dacă funcția pe care ați adăugat-o la plugin este prezentă (adică dacă pluginul este activat) și, dacă da, îndeplinește funcția din aceea. În caz contrar, funcționează normal.

Consultați și ghidul nostru la Cum de a afișa blocuri de anunțuri de pe WordPress

Acum uitați-vă pe site-ul meu web:

Link-urile apar, dar există unele probleme. Nu vreau ca „Pagini” să fie afișate în partea de sus (care este implicit pentru funcție wp_list_pages () ) și vreau să comand paginile mai eficient. Veți vedea că pagina de pornire se află în mijlocul listei, ceea ce nu este ideal.

Îmbunătățirea funcției

Să revenim la codul pluginului și să-l adaptăm pentru a corecta aceste probleme.

Căutați argumentele pe care le-ați definit deja wp_list_pages ():

$ args = array ('adâncime' => 2);

Și editați-o:

$ args = array ($ args = array ('depth' => 2, 'title_li' => ' '. __ („Meniu”, „bpc”). ' ',' sort_column '=>' meniu-comandă ');

Aceasta adaugă două argumente suplimentare:

• Marcajul înainte de listă, care acum spune „ Meniu În loc de pagini ".
• Ordinea în care sunt afișate paginile.

Trebuie să reveniți la ecranele de editare ale paginilor dvs. și să definiți ordinea paginilor pentru fiecare dintre ele. Setați pagina de pornire la o valoare „0”, iar alte pagini de nivel superior sunt mai mari decât acestea. 

Citiți și ghidul nostru pe : Cum să încărcați treptat comentariile Facebook și Disqus

Acum, când afișați meniul, acesta va arăta astfel:

De asemenea, puteți schimba ordinea meniului paginilor de nivelul doi. Acest lucru nu va apărea niciodată deasupra paginilor de nivel superior, deci puteți începe de la 0 sau 1 pentru fiecare set de subpagini.

Descoperiți și câteva plugin-uri premium WordPress  

Puteți folosi altele WordPress plugin-uri pentru a da un aspect modern și pentru a optimiza conexiunea cu blogul sau site-ul tău.

Vă oferim aici câteva plugin-uri WordPress premium care vă vor ajuta să faceți asta.

1. Formulare de gravitate

Ca proprietar de companie, permisiunea clienților dvs. să vă contacteze ar trebui să fie prioritatea dvs. Formulare Gravity este pluginul lui formular de contact cel mai popular pe WordPress.

Îl puteți folosi pentru creați orice tip de formă, cum ar fi un formular de cotație, sondaje și multe altele.

Descarca | Demo | web hosting

2. formularul electronic

eForm este un constructor de formulare avansat și flexibil care poate fi integrat într-un site web WordPress existent. Este o soluție completă de gestionare a formularelor. Aceasta se referă, printre altele, la teste, sondaje, colectarea datelor, estimarea plății și comentariile utilizatorilor.

Cu un astfel de designer de formulare, puteți proiecta formularele într-un mod nelimitat și le puteți gestiona din tabloul de bord. Toate cererile sunt stocate în baza de date, veți putea vedea, urmări, analiza și acționa asupra datelor pe care le-ați salvat.

Citiți și articolul nostru pe Cum Content Marketing afectează blog-ul dvs. SEO

În plus, un portal pentru utilizatori permite utilizatorilor înregistrați să le revizuiască și să le urmărească solicitările.

Descarca | Demo | web hosting

3. Mailster

Mailster este un WordPress plug-in premium ușor de utilizat, care vă va ajuta să integrați un buletin informativ în site-ul dvs. web. Cu acesta din urmă, veți putea să vă creați, să trimiteți și să urmăriți campaniile fără prea multe bătăi de cap.

Principalele sale caracteristici sunt: ​​capacitatea de a urmări e-mailuri deschise, clicuri, abonamente și rate de respingere, capacitatea de a vă direcționa campaniile, gestionarea și planificarea campaniilor, asistență pentru 6 tipuri de răspunsuri auto, crearea nelimitată formulare de înregistrare, o interfață ușor de utilizat, personalizarea fundalului, suport pentru multilingveȘi multe altele.

Descarca | Demo | web hosting

Resurse recomandate

Aflați despre alte resurse recomandate pentru a vă ajuta să construiți și să gestionați site-ul dvs. web.

• Pluginurile 8 WordPress pentru a crea un megamenu pe blogul tău
• Cum să afișați articole recente pe WordPress
• Cum să creați o prezentare de diapozitive cu Slider Revolution pe WordPress
• Cum de a afișa blocuri de anunțuri de pe WordPress

Concluzie

Aici este ! Asta este totul pentru acest tutorial, sper că vă va permite să adăugați automat pagini în meniurile dvs. Dacă aveți nelămuriri sau sugestii în acest domeniu, să ne regăsim secțiunea de comentarii pentru a discuta.

Cu toate acestea, veți putea, de asemenea, să ne consultați Resurse, dacă aveți nevoie de mai multe elemente pentru a vă derula proiectele de creare a site-urilor de internet, consultați ghidul nostru cu privire la Creare blog WordPress sau cea de pe Divi: cea mai bună temă WordPress din toate timpurile.

Dar între timp, împărtășește acest articol pe diferitele rețele de socializare.

...