Když byl systém navigačního menu vydán s WordPress 3.0, byl to jeden z faktorů, které transformovaly WordPress z blogovací platformy na výkonný CMS.

To znamená, že do navigačních nabídek svého webu můžete přidat jakýkoli požadovaný obsah, včetně vlastních odkazů. Rozhraní „drag and drop“ znamenalo, že si kdokoli mohl vytvořit vlastní nabídku bez jakýchkoli dovedností v kódování.

Ale někdy se na to nechcete spoléhat. Pokud vyvíjíte web pro klienta, který se chystá přidávat stránky na své webové stránky, je nepravděpodobné, že by aktualizoval navigační nabídky, pokud to udělá nebo jim chybí. .

Zde se hodí automatizované navigační menu.

V tomto tutoriálu vám ukážu, jak vytvořit automatizované navigační menu, které zobrazuje všechny stránky vašeho webu, stejně jako podřízené stránky zobrazené jako položky druhé úrovně v navigační nabídce.

Tento kód pak můžete přidat do záhlaví stránky, postranního panelu nebo zápatí vašeho motivu, pokud chcete, a zobrazí vašim uživatelům odkazy, které se automaticky aktualizují, když na váš web je přidán nový obsah.

Ale pokud jste nikdy nenainstalovali WordPress, objevte to Jak nainstalovat 7 kroků WordPress blogu et Jak najít, nainstalovat a aktivovat WordPress téma na svém blogu 

Pak zpět k tomu, proč jsme tady.

Zde je třeba automatizovat navigační nabídky WordPress:

• Vývojová nebo testovací instalace WordPress s přidáním několika stránek a podstránek
• Editor kódu.

Konfigurace kódu

Tento kód přidám do pluginu tak, aby byl trvalý, i když změníme téma WordPress. Tímto způsobem mohu přidat funkci mého pluginu do mého tématu a přidat navigační nabídku tam, kde chci. Pokud má téma WordPress „ háky K vložení tohoto kódu můžete použít jeden nebo více.

Viz také náš seznam 10 WordPress pluginy pro vytvoření odpočítávání

Pokud pracujete s tématem WordPress třetí strany, které nemá Hooks, budete muset k tématu přidat kód. Nekódujte to přímo do motivu: místo toho vytvořte podřízený motiv a přidejte k tomu svůj kód. Jednoduše vytvořte duplikát souboru šablony motivu z hlavního motivu, který chcete upravit, přidejte jej do podřízeného motivu a upravte jej.

První krok

Prvním krokem je vytvoření pluginu. Vytvořím složku v wp-content/plugins ". Vytvoření složky znamená, že v budoucnu můžu do pluginu přidat další soubory, pokud budu muset, například šablonu stylů nebo zahrnout soubory.

Nejprve musíte do komentářů přidat přihlašovací kód pro svůj plugin, abyste WordPressu řekli, co to je:

<?php
/**
 * Název pluginu: Plugin
 * URI pluginu: http://blogpascher.com
 * Popis: WordPress Plugin
 * Verze: 1.0
 * Autor: Herve
 * URI autora: http://blogpascher.com
 *
 */

Nyní aktivujte plugin.

Potom, pokud používáte podřízené téma, nakonfigurujte jej. Používám podřízené téma z motivu Twenty Seventeen - zde je můj styl:

<?php
/**
 * Název pluginu: Plugin
 * URI pluginu: http://blogpascher.com
 * Popis: WordPress Plugin
 * Verze: 1.0
 * Autor: Herve
 * URI autora: http://blogpascher.com
 *
 */

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

Jakmile to uděláte, pokud váš web ještě nemá žádné stránky, přidejte několik. Musí mít strukturu na několika úrovních. Takto vypadají moje falešné stránky:

Nyní začneme přidávat kód do pluginu.

Vytvořte funkci pro hierarchické vypsání všech stránek

Použijeme funkci « wp_list_pages () Načíst všechny stránky a vypsat je s odkazy. Nejprve však musíme definovat některé argumenty. Začněte vytvořením své funkce a přidejte tyto argumenty:

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

Argumenty jsou velmi jednoduché - pro úroveň stránek, které chceme dělat, existuje pouze jeden. Nastavení „2“ znamená, že se zobrazí stránky nejvyšší úrovně a jejich podstránky, ale ne více.

Objevte 5 připojení k běžné chyby a jejich řešení na WordPress

Nyní přidejme po argumentech funkci „wp_list_pages ()“:

wp_list_pages ($ args);

Zde je kompletní funkce:

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

Přidání funkce do motivu

V tuto chvíli tato funkce na mém webu nic nezobrazuje. Chcete-li to změnit, musíme do podřízeného motivu přidat kopii záhlaví hlavního motivu a upravit ji.

Viz též: Jak chránit práci WordPress na klientských webech

Začněte zkopírováním souboru záhlaví do podřízeného motivu a otevřete jej. V Twenty Seventeen najdete kód navigačního menu v „ templates-parts / navigation / navigation-top.php Což znamená, že musím přidat kopii tohoto souboru na stejné místo v mém podřízeném motivu.

Objevte jít dále Jak nainstalovat WordPress dětskou téma

Ve vašem motivu to může být soubor header.php to musí být zkopírováno.

V závislosti na vašem tématu se kód nabídky bude lišit. V tom, který používám, je to kód, který musím nahradit:

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

Upravte kód navigační nabídky a přidejte novou funkci, přičemž stávající kód bude uveden v deklaraci „else {}“:

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

Podmíněná prohlášení jsou důležitá: nejprve zkontroluje, zda je přítomna funkce, kterou jste přidali do svého pluginu (tj. pokud je plugin aktivován), a pokud ano, plní z toho funkci. Jinak to funguje normálně.

Viz také náš průvodce Jak zobrazovat reklamní jednotky v aplikaci WordPress

Nyní se podívejte na můj web:

Odkazy se zobrazí, ale existují určité problémy. Nechci, aby se „Stránky“ zobrazovaly nahoře (což je výchozí funkce wp_list_pages () ) a chci stránky objednat efektivněji. Uvidíte, že domovská stránka je uprostřed seznamu, což není ideální.

Vylepšete funkci

Vraťme se k kódu pluginu a upravíme jej tak, aby tyto problémy odstranilo.

Najděte argumenty, které jste již definovali wp_list_pages ():

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

A upravit:

$ args = pole ($ args = pole ('depth' => 2, 'title_li' => ' '. __ ('Nabídka', 'bpc'). '' ',' sort_column '=>' menu-order ');

To přidá dva další argumenty:

• Označení před seznamem, které nyní říká „ Menu Místo stránky ".
• Pořadí, ve kterém jsou stránky zobrazeny.

Musíte se vrátit na obrazovky úprav svých stránek a pro každou z nich určit pořadí stránek. Dejte své domovské stránce hodnotu „0“ a ostatní stránky nejvyšší úrovně jsou vyšší než tyto. 

Přečtěte si také našeho průvodce : Jak postupně načítat komentáře Facebook a Disqus

Nyní, když zobrazíte nabídku, bude to vypadat takto:

Můžete také změnit pořadí nabídek na stránkách druhé úrovně. Nad stránkami nejvyšší úrovně se to nikdy neobjeví, takže u každé sady podstránek můžete začít na 0 nebo 1.

Objevte také některé prémiové doplňky WordPress  

Můžete použít jiné WordPress pluginy poskytnout moderní vzhled a optimalizovat připojení k vašemu blogu nebo webu.

Nabízíme vám zde prémiové doplňky WordPress, které vám to pomohou.

1. Gravity Forms

Jako vlastník firmy by mělo být vaší prioritou umožnit vašim zákazníkům kontaktovat vás. gravitační Formuláře je pluginem kontaktní formulář nejoblíbenější na WordPressu.

Můžete jej použít pro vytvořit jakýkoli typ formuláře, například formulář nabídky, průzkumy a další.

Stáhnout | Demo | Web hosting

2. eForm

eForm je pokročilý a flexibilní nástroj pro vytváření formulářů, který lze integrovat do existujícího webu WordPress. Jedná se o kompletní řešení pro správu formulářů. To se mimo jiné týká kvízů, průzkumů, shromažďování údajů, odhadů plateb a komentářů uživatelů.

S takovým návrhářem formulářů můžete vytvářet formuláře neomezeným způsobem a spravovat je z ovládacího panelu. Všechny požadavky jsou uloženy v databázi, budete moci vidět, sledovat, analyzovat a jednat podle uložených dat.

Přečtěte si také náš článek o Jak Content Marketing ovlivňuje SEO vašeho blogu

Uživatelský portál navíc umožňuje registrovaným uživatelům také kontrolovat a sledovat jejich požadavky.

Stáhnout | Demo | Web hosting

3. Mailster

Mailster je a WordPress Plugin snadno použitelná prémie, která vám pomůže začlenit newsletter do vašeho webu. S tím druhým budete moci vytvářet, odesílat a sledovat své kampaně bez přílišných potíží.

Jeho hlavní rysy jsou: schopnost sledovat otevřené e-maily, kliknutí, předplatné a míry okamžitých odchodů, schopnost cílit na kampaně, správu a plánování kampaní, podporu 6 typů automatických respondentů, neomezené vytváření registrační formuláře, uživatelsky přívětivé rozhraní, přizpůsobení pozadí, podpora vícejazyčnéA mnoho dalšího.

Stáhnout | Demo | Web hosting

Doporučené zdroje

Zjistěte další doporučené zdroje, které vám pomohou vytvořit a spravovat váš web.

• Doplňky 8 WordPress k vytvoření megamenu na vašem blogu
• Jak zobrazit poslední články o WordPress
• Jak vytvořit prezentaci pomocí Slider Revolution na WordPress
• Jak zobrazovat reklamní jednotky v aplikaci WordPress

Proč investovat do čističky vzduchu?

Tady je ! To je vše pro tento tutoriál, doufám, že vám to umožní automaticky přidat stránky do nabídek. Pokud máte v této oblasti nějaké obavy nebo návrhy, najděte si nás v sekci komentáře k diskuzi.

Budete však také moci konzultovat naše ressources, pokud potřebujete více prvků k realizaci vašich projektů vytváření internetových stránek, nahlédněte do našeho průvodce na internetu Vytvoření blogu WordPress nebo ten, který je zapnutý Divi: nejlepší téma WordPress všech dob.

Mezitím sdílejte tento článek na různých sociálních sítích.

...