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.
...
Dobrý den,
Díky za článek
Mým problémem je, že nerozumím postupu, který je třeba dodržet v části „Přidání funkce k tématu“, musím přímo upravit soubor „navigation-top.php“? Mám to duplikovat ve svém podřízeném motivu? Mám upravit označenou část a přidat ji do svého souboru function.php?
Nebo jiné řešení x)
Děkuji za objasnění věci
PS: odkaz github nás přivede do prázdného adresáře
Dobrý večer, opravdu jde o duplikování souboru v podřízeném tématu. O zbytek se postará WordPress. Protože se pokusí zkontrolovat, zda soubor existuje na podřízeném motivu, a proto načte nadřazený soubor motivu, pokud neexistuje.