Share
Dacă creați un site cu unele pagini de nivel superior pe care doriți să atrageți atenția vizitatorilor și să îi încurajați să le viziteze, vă ajută să le afișați în mod proeminent în antetul site-ului dvs..
Desigur, puteți adăuga pagini de nivel superior în meniul de navigare, dar în acest tutorial vă vom arăta cum să adăugați câteva linkuri suplimentare către aceste pagini utilizând get_pages () funcţie.
Notă: Nu este necesar să utilizați acest cod în antetul site-ului dvs. Dacă funcționează mai bine pentru dvs., puteți oricând să o adăugați în bara laterală sau în subsol, editând sidebar.php sau footer.php fișiere în loc de header.php.
În acest tutorial voi crea o temă copilărească a temei douăzeci și șasezeci și apoi voi crea un duplicat de douăzeci și șasezeci header.php fișier în tema copilului meu, pe care îl voi edita. Nu trebuie să editați niciodată fișierele unei teme pe care le-ați descărcat, ca atunci când actualizați tema veți pierde munca. Alternativ, dacă lucrați cu propria temă, nu ezitați să adăugați acest cod în locul respectiv.
Pentru a urmări împreună cu acest tutorial, veți avea nevoie de următoarele:
Deci sa începem.
Începeți prin a crea un copil de douăzeci și șasezeci (dacă nu lucrați cu propria temă).
Creați un dosar nou în dvs. wp-content / teme / dosar și să-i dea un nume logic: eu sun de-al meu link-butoane tutsplus-page-.
În interiorul acelui dosar, creați un fișier nou și denumiți-l style.css. Acum, deschideți fișierul și adăugați-l la acesta:
Accentsconagua
/ * Nume temă: Tuts + Butoane pentru link-ul paginii Teme URI: http: //.tutsplus.com/tutorials/using-get_pages-to-create-link-buttons-to-site-top-level-pages-creating-the -code - cms-24967 Descriere: Tema de a sprijini tuts + tutorial în adăugarea butoanelor la paginile de nivel superior din antetul site-ului dvs. (partea 1). Tema copilului pentru tema Twenty Sixteen. Autor: Rachel McCollin Autor URI: http://rachelmccollin.co.uk/ Format: twentysixteen Versiune: 1.0 * / @import url ("... /twentysixteen/style.css"); Editați codul de mai sus pentru a indica faptul că aceasta este tema dvs., nu a mea.
Acum salvați fișierul și activați noua temă pe site-ul dvs..
Așa cum vom edita header.php fișier, trebuie să creați un duplicat al acelui fișier din cele douăzeci și șaisprezece teme din tema copilului. Găsi header.php fișier în douăzeci și șaisprezece și copiați (nu mutați!), în folderul temei noi.
Acum, tema dvs. va avea două fișiere: style.css și header.php. WordPress va folosi automat header.php fișier de pe tema copilului dvs., mai degrabă decât cel din douăzeci și șasezeci, pentru că așa funcționează temele copiilor.
Deschideți noul header.php astfel încât să puteți începe editarea acestuia.
Voi adăuga legăturile mele către paginile de nivel superior din interiorul paginii antet element, imediat înainte de închidere etichetă. Deci, găsiți acea linie în tema dvs. și începeți să adăugați un cod nou deasupra închiderii etichetă.
Mai întâi, creați argumentele pentru get_pages () introducând următoarele:
$ args = array ('părinte' => 0, 'sort_order' => ASC, 'sort_column' => 'menu_order'); Acest lucru asigură acest lucru get_pages () aduce numai acele pagini fără părinte ("părinte" => 0) și sortează paginile utilizând ordinea pe care o specificați în ecranele de editare a paginilor. Dacă doriți să modificați ordinea de sortare, folosiți unul sau mai multe dintre argumentele pe care le puteți găsi pe pagina codex pentru get_pages ().
Acum, sub argumentele dvs., adăugați următoarele:
$ pages = get_pages ($ args);
Acest lucru va rula get_pages () utilizând argumentele pe care le-ați specificat.
Înainte de a emite mai multe coduri, doriți să verificați dacă există unele pagini la nivelul superior, așa că verificați acest lucru get_pages () a returnat ceva.
Sub get_pages () funcția, adăugați aceasta:
dacă (paginile $)
Apoi adăugați codul de ieșire în interiorul bretele.
Acum, pentru partea distractivă. În interiorul bretele pe care tocmai l-ați adăugat, tastați următoarele:
Se deschide a ul element, apoi în interiorul acelei bucle prin fiecare pagină preluată get_pages () și își scoate titlul în interiorul unui link către el.
Acum salvați fișierul.
Am adăugat niște pagini manuale pe site-ul meu. După cum puteți vedea din captura de ecran, există trei pagini de nivel superior și o pagină de al doilea nivel, care nu ar trebui să apară în antetul meu:
Iată cum arată legăturile pe site-ul meu:
După cum puteți vedea, se afișează numai paginile de nivel superior. Chiar acum nu arată prea bine: se prezintă într-o listă simplă cu gloanțe. Deci, în tutorialul următor, vă voi arăta cum să le potriviți ca niște butoane.
Adăugarea de linkuri la paginile de nivel superior din antetul site-ului dvs. poate fi o modalitate utilă de direcționare a traficului către paginile respective. În loc să codificați greșit aceste link-uri, ar trebui să utilizați WordPress get_pages () pentru a automatiza procesul. Aici ați învățat cum să faceți acest lucru, iar în partea următoare vă voi arăta cum să adăugați ceva stil.
