Nedávno jsme potřebovali navrhnout a vyvinout vlastní šablonu příspěvku na blogu pro náš Web Design & rozvojové konference, které se zúčastní 2020 článek zde na 1stWebDesigner. Spíše než jen držet se stejným rozvržením, které používáme na všech našich blogových příspěvcích a jednoduše vytvářet dlouhý seznam odkazů na různé konference po celý rok, chtěli jsme dát tomuto konkrétnímu příspěvku jiný, uživatelsky přívětivější rozvržení, s každým měsícem roku jako jeho vlastní sekci a mřížku s více sloupci, která by zobrazovala až tři sloupce na řádek. Kliknutím na výše uvedený odkaz zobrazíte, s čím jsme přišli.
protože jsme předtím nepoužili vlastní šablonu příspěvku na blogu, museli jsme přijít na to, jak se to stane, a přitom jsme si uvědomili, že by to byl skvělý tip, který bychom mohli sdílet s našimi čtenáři, abyste i vy mohli implementovat tuto metodiku, pokud to bude potřeba.
neomezené stahování: 500,000 + WordPress & design Assets
přihlaste se k Envato Elements a získejte neomezené stahování začínající pouze na $ 16.50 za měsíc!
Stáhnout nyní
proč byste použili vlastní šablonu příspěvku na blogu?
v našem případě to dávalo smysl použít vlastní šablonu blogu, protože jsme měli stovky konferencí, které jsme mohli sdílet a vypsat je s prostým textem a odkazy by nebyly nudné pouze vizuálně, bylo by opravdu příliš dlouhé procházet v tomto formátu. Možná budete chtít, aby konkrétní příspěvek vyčníval ze zbytku vašich článků, můžete mít řadu příspěvků, které chcete mít v sérii konzistentní rozvržení, které se liší od vašich standardních příspěvků, nebo možná budete muset zobrazit obsah určitého příspěvku jinak než ostatní kvůli tomu, z čeho se tento obsah skládá, jako byl náš případ. Vlastní šablony příspěvků na blogu lze přiřadit na základě jednotlivých příspěvků, použít jednou nebo vícekrát a můžete mít také tolik různých šablon, kolik chcete.
naštěstí je schopnost vytvářet a používat vlastní šablony pro příspěvky na blogu zabudována přímo do WordPress a je velmi podobná vytváření vlastních šablon stránek. Pojďme se tedy ponořit a uvidíme, jak jednoduché to může být!
jak vytvořit vlastní šablonu příspěvku na blogu
existují určité rozdíly, se kterými se můžete setkat v závislosti na motivu, který používáte, ale základy jsou stejné bez ohledu na to. Pokud ještě nepoužíváte podřízené téma, budete jej muset vytvořit, pokud nepoužíváte vlastní motiv nějakého typu, jinak pokud někdy upgradujete nadřazené téma, ztratíte práci, kterou zde děláte. Zde je dobrý článek o tom, jak vytvořit dětské téma.
jakmile budete mít své dítě nebo vlastní motiv, budete muset vytvořit nový soubor v kořenovém adresáři složky motivu (podřízené nebo vlastní) a pojmenovat jej, co chcete. V našem případě jsme pojmenovali naše konference.Linux. Neexistuje žádná požadovaná konvence pojmenování – stačí použít cokoli, co vám pomůže vědět, k čemu je tento soubor určen.
v editoru kódu přidejte do nového souboru na začátku následující kód a nahraďte název šablony požadovaným názvem. Druhý řádek říká WordPress, kde bude tato šablona použita(na příspěvcích, nikoli na stránkách). Poslední řádek je pouze komentář pro naše osobní použití, takže můžete podle potřeby smazat nebo přidat svůj vlastní komentář.
<?php
/* Template Name: Upcoming Conferences
* Template Post Type: post
*/
/* The template for annual upcoming conferences post. */
?>
jakmile tento soubor uložíte, uvidíte nyní svou novou šablonu příspěvku v rozbalovací nabídce šablony meta pole atributy příspěvku na obrazovce úpravy příspěvku, jak je znázorněno na obrázku níže.
dalším krokem je kopírování obsahu singlu vašeho motivu.php soubor do nového vlastního souboru šablony blog post a začít upravovat a přizpůsobovat podle potřeby, nebo můžete začít od nuly (jako my), pokud vaše nové rozvržení se bude radikálně lišit od standardních příspěvků.
Voila! To je ono!
nebudeme se dostat do kódování celé šablony, protože se bude značně lišit v závislosti na vašich požadavcích a tématu, které používáte, ale tato jednoduchá malá metoda vám pomůže začít na vaší cestě k vytvoření vlastní šablony blogu v WordPress. Nyní můžete zbláznit vytváření všech přizpůsobení, které chcete! Bavte se!
titulní fotografie se svolením ShotStash.