Keď bol systém WordPress 3.0 uvedený na trh, bol to jeden z faktorov, ktoré transformovali WordPress z blogovacej platformy na výkonný CMS.

To znamená, že do navigačných ponúk svojho webu môžete pridať akýkoľvek požadovaný obsah vrátane vlastných odkazov. Rozhranie „drag and drop“ znamená, že si ktokoľvek môže vytvoriť svoje vlastné menu bez akýchkoľvek kódovacích schopností.

Ale niekedy sa na to nechcete spoliehať. Ak vyvíjate webovú stránku pre klienta, ktorý sa chystá pridávať stránky na svoju webovú stránku, je nepravdepodobné, že by aktualizoval navigačné ponuky, ak na to nemá alebo nemá dostatočné znalosti. .

Preto sa tu hodí automatizované navigačné menu.

V tomto návode vám ukážem, ako vytvoriť automatizované navigačné menu, ktoré zobrazuje všetky stránky vášho webu, ako aj podradené stránky zobrazené ako položky druhej úrovne v navigačnom menu.

Tento kód potom môžete pridať do hlavičky, bočného panela alebo päty stránky svojej témy, ak chcete, a používateľom sa tak zobrazia odkazy, ktoré sa automaticky aktualizujú, keď na váš web sa pridá nový obsah.

Ak ste však ešte nikdy nenainštalovali program WordPress, zistite to Ako nainštalovať 7 krokov WordPress blogu et Ako nájsť, nainštalovať a aktivovať WordPress tému na svojom blogu 

Potom späť k tomu, prečo sme tu.

Tu je potrebné automatizovať navigačné ponuky WordPress:

• Vývojová alebo testovacia inštalácia WordPress s pridaním niekoľkých stránok a podstránok
• Editor kódu.

Konfigurácia kódu

Tento kód pridám do doplnku tak, aby bol trvalý, aj keď zmením tému WordPress. Týmto spôsobom môžem do svojej témy pridať funkciu môjho doplnku a pridať navigačné menu, kam chcem. Ak má vaša téma WordPress „ háky Na vloženie tohto kódu môžete použiť jeden alebo viac.

Pozri tiež náš zoznam 10 WordPress pluginy na vytvorenie odpočítavania

Ak pracujete s témou WordPress tretej strany, ktorá nemá háčiky, budete k nej musieť pridať kód. Nekódujte ho priamo do témy: namiesto toho vytvorte detskú tému a pridajte do nej svoj kód. Stačí vytvoriť duplikát súboru šablóny témy z hlavnej témy, ktorú chcete upraviť, pridať ju do svojej podradenej témy a upraviť ju.

Krok 1

Prvým krokom je vytvorenie doplnku. Vytvorím priečinok v priečinku „ wp-content/plugins „. Vytvorenie priečinka znamená, že v budúcnosti budem môcť do doplnku pridať ďalšie súbory, napríklad šablónu so štýlmi alebo zahrnúť súbory.

Najskôr musíte do komentárov pridať prihlasovací kód pre svoj doplnok, aby ste WordPressu povedali, čo to je:

<?php
/**
 * Názov doplnku: Doplnok
 * Identifikátor URI doplnku: http://blogpascher.com
 * Popis: WordPress Plugin
 * Verzia: 1.0
 * Autor: Herve
 * Identifikátor URI autora: http://blogpascher.com
 *
 */

Teraz aktivujte doplnok.

Potom, ak používate podradený motív, nakonfigurujte ho. Používam detskú tému z témy Dvadsať sedemnásť - tu je moja šablóna štýlov:

<?php
/**
 * Názov doplnku: Doplnok
 * Identifikátor URI doplnku: http://blogpascher.com
 * Popis: WordPress Plugin
 * Verzia: 1.0
 * Autor: Herve
 * Identifikátor URI autora: http://blogpascher.com
 *
 */

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

Keď to urobíte, ak váš web ešte nemá žiadne stránky, pridajte niekoľko. Musia mať štruktúru na niekoľkých úrovniach. Takto vyzerajú moje falošné stránky:

Teraz začneme pridávať kód do doplnku.

Vytvorte funkciu na hierarchické zostavenie zoznamu všetkých stránok

Použijeme funkciu « wp_list_pages () Načítanie všetkých stránok a ich zoznam s odkazmi. Najprv však musíme definovať niekoľko argumentov. Začnite vytvorením svojej funkcie a pridajte tieto argumenty:

wpmu_list_pages () {wpmu_list_pages () {$ args = pole ('depth' => 2); }

Argumenty sú veľmi jednoduché - pre úroveň stránok, ktoré chceme robiť, existuje iba jeden. Nastavenie „2“ znamená, že sa zobrazia stránky najvyššej úrovne a ich podstránky, ale nie viac.

Objavte 5 pripojenie k bežnej chyby a ich riešenie na WordPress

Teraz pridajme za argumenty funkciu „wp_list_pages ()“:

wp_list_pages ($ args);

Toto je úplná funkcia:

wpmu_list_pages () {wpmu_list_pages () {$ args = pole ('depth' => 2); wp_list_pages ($ args); }

Pridanie funkcie k téme

Táto funkcia momentálne na mojom webe nič nezobrazuje. Aby sme to zmenili, musíme do podradenej témy pridať kópiu hlavičky hlavnej témy a upraviť ju.

Pozri tiež: Ako chrániť prácu WordPress na webových stránkach klientov

Začnite skopírovaním hlavičkového súboru do svojej podradenej témy a otvorte ho. V dvadsiatich sedemnástich nájdete kód navigačného menu v „ templates-parts / navigation / navigation-top.php Čo znamená, že musím pridať kópiu tohto súboru na to isté miesto v mojej detskej téme.

Objavte, aby ste šli ďalej Ako nainštalovať WordPress detskú tému

Vo vašej téme to môže byť súbor header.php to sa musí kopírovať.

Kód ponuky sa bude líšiť v závislosti od vašej témy. V tej, ktorú používam, je to kód, ktorý musím nahradiť:

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

Upravte kód svojej navigačnej ponuky a pridajte novú funkciu s existujúcim kódom v deklarácii „else {}“:

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

Podmienečné vyhlásenia sú dôležité: najskôr skontroluje, či existuje funkcia, ktorú ste pridali do svojho doplnku (teda ak je doplnok aktivovaný), a ak je to tak, vykonáva z toho funkciu. Inak to funguje normálne.

Pozrite si aj nášho sprievodcu Ako zobraziť reklamné bloky na WordPress

Teraz sa pozrite na môj web:

Odkazy sa zobrazia, ale existujú určité problémy. Nechcem, aby sa „Stránky“ zobrazovali v hornej časti (čo je predvolená funkcia wp_list_pages () ) a chcem si stránky objednať efektívnejšie. Uvidíte, že domovská stránka je v strede zoznamu, čo nie je ideálne.

Vylepšite funkciu

Vráťme sa do kódu doplnku a upravíme ho tak, aby tieto problémy vyriešil.

Nájdite argumenty, ktoré ste už definovali wp_list_pages ():

$ args = pole ('depth' => 2);

A upravte ho:

$ args = pole ($ args = pole ('depth' => 2, 'title_li' => ') ". __ ('Menu', 'bpc'). „ ',' sort_column '=>' order-order ');

Pridajú sa ďalšie dva argumenty:

• Označenie pred zoznamom, ktoré teraz hovorí „ Menu Namiesto toho stránky ".
• Poradie, v akom sú stránky zobrazené.

Musíte sa vrátiť na obrazovky úprav svojich stránok a pre každú z nich definovať poradie stránok. Nastavte svoju domovskú stránku na hodnotu „0“ a ostatné stránky najvyššej úrovne sú vyššie ako tieto. 

Prečítajte si tiež nášho sprievodcu : Ako postupne načítať komentáre Facebook a Disqus

Po zobrazení ponuky bude teraz vyzerať takto:

Môžete tiež zmeniť poradie ponúk na stránkach druhej úrovne. Táto stránka sa nikdy nezobrazí nad stránkami najvyššej úrovne, takže pre každú skupinu podstránok môžete začať od 0 alebo 1.

Objavte aj niektoré prémiové doplnky WordPress  

Môžete použiť iné WordPress pluginy poskytnúť moderný vzhľad a optimalizovať prepojenie s vaším blogom alebo webovou stránkou.

Ponúkame vám tu niekoľko prémiových doplnkov WordPress, ktoré vám to pomôžu.

1. Závažnosť formulárov

Ako vlastník firmy by malo byť vašou prioritou umožnenie zákazníkom kontaktovať vás. Gravity Forms je plugin pre Kontaktný formulár najpopulárnejší na WordPress.

Môžete ho použiť na vytvoriť akýkoľvek typ formulára, napríklad formulár cenovej ponuky, prieskumy a ďalšie.

Stiahnuť | demo | web hosting

2. eForm

eForm je pokročilý a flexibilný nástroj na tvorbu formulárov, ktorý je možné integrovať do existujúceho webu WordPress. Je to kompletné riešenie pre správu formulárov. Týka sa to okrem iného kvízov, prieskumov, zhromažďovania údajov, odhadov platieb a komentárov používateľov.

S takýmto návrhárom formulárov môžete navrhovať formuláre neobmedzeným spôsobom a spravovať ich z hlavného panela. Všetky požiadavky sú uložené v databáze, budete mať možnosť vidieť, sledovať, analyzovať a konať na základe uložených údajov.

Prečítajte si tiež náš článok o Ako obsah marketing má vplyv na SEO vášho blogu

Portál pre používateľov navyše umožňuje registrovaným používateľom tiež kontrolovať a sledovať ich požiadavky.

Stiahnuť | demo | web hosting

3. Mailster

Mailster je a WordPress Plugin jednoducho použiteľná prémia, ktorá vám pomôže integrovať newsletter do vašej webovej stránky. S tým druhým budete môcť vytvárať, odosielať a sledovať svoje kampane bez prílišných problémov.

Medzi jeho hlavné vlastnosti patrí: schopnosť sledovať otvorené e-maily, kliknutia, predplatné a miera okamžitých odchodov, schopnosť zacieliť vaše kampane, správa a plánovanie kampaní, podpora 6 typov automatických odpovedí, neobmedzená tvorba registračné formuláre, užívateľsky prívetivé rozhranie, prispôsobenie pozadia, podpora viacjazyčnéhoA mnoho ďalšieho.

Stiahnuť | demo | web hosting

Odporúčané zdroje

Zistite ďalšie odporúčané zdroje, ktoré vám pomôžu pri vytváraní a správe vašich webových stránok.

• Doplnky 8 WordPress na vytvorenie megamenu vo vašom blogu
• Ako zobraziť posledné články o WordPress
• Ako vytvoriť prezentáciu pomocou Slider Revolution na WordPress
• Ako zobraziť reklamné bloky na WordPress

záver

Tu je! To je všetko pre tento tutoriál, dúfam, že vám to umožní automaticky pridať stránky do ponúk. Ak máte nejaké obavy alebo návrhy v tejto oblasti, dajte sa do toho časť na diskusiu.

Môžete sa však poradiť aj s našimi zdroje, ak potrebujete viac prvkov na realizáciu svojich projektov tvorby internetových stránok, konzultujte nášho sprievodcu na internete Tvorba blogu WordPress alebo jeden na Divi: najlepšia téma WordPress všetkých čias.

Ale medzičasom zdieľajte tento článok na rôznych sociálnych sieťach.

...