Témata WordPressu umožňují měnit design vašich webových stránek a poskytují kontrolu nad jejich vzhledem. Jsou to v podstatě kolekce různých souborů šablon, které spolupracují a vytvářejí celkový design vašeho webu.

Než se ponoříte hlouběji do témat WordPressu, je důležité, abyste měli přehled o tom, jak WordPress funguje a jak se vytvářejí jednotlivé stránky vašeho webu. WordPress při ukládání obsahu spolupracuje s databází. To znamená, že kdykoli vytvoříte nový příspěvek nebo stránku, obsah příspěvku nebo stránky žije v databázi a zobrazí se pomocí šablon, až když návštěvník požádá o daný obsah.

Šablona WordPressu je soubor šablon (souborů CSS a PHP), které WordPress používá k zobrazení obsahu databáze. WordPress vyhledá v tématu soubory, které použije k vykreslení aktuální stránky v určitém pořadí. Tomu se říká „hierarchie šablon“, která se používá k vytváření a rozšiřování témat WordPressu.

Témata WordPressu rozhodují o tom, jak se má na webu zobrazovat obsah. Šablona ve WordPressu je jeden soubor, který určuje, jak bude konkrétní stránka nebo sada stránek vypadat na přední straně vašeho webu. Když změníte šablonu, změníte způsob zobrazení obsahu, aniž byste měnili samotný obsah.

Šablony WordPressu používají různé soubory šablon k vytvoření kompletní webové stránky. Například při přístupu na webovou stránku WordPressu můžete ve skutečnosti vidět více různých souborů šablon spojených dohromady, aby vytvořily jednu kompletní stránku.

Pokud se například podíváte na indexovou stránku, jako je úvodní stránka blogu, obvykle uvidíte záhlaví vytvořené šablonou header.php, obsah vytvořený šablonou index.php, postranní panel vytvořený šablonou sidebar.php a patičku vytvořenou šablonou footer.php

Pokud však budete přistupovat na jednu stránku, uvidíte stále stejnou hlavičku, stejný postranní panel a stejnou patičku, ale obsah by byl místo toho vytvořen šablonou single.php. Otázkou je, jak poznáte, který z těchto souborů šablony se nakopíruje a v jakém okamžiku? K tomu slouží hierarchie šablon WordPressu.

Hierarchie šablon WordPressu určuje, v jakém pořadí se soubory šablon v rámci tématu WordPressu načítají. WordPress tyto soubory vyhledává, aby určil, jak má váš web načíst.

Pokud otevřete složku tématu „Twenty Fifteen“ (jedno z výchozích témat WordPressu), najdete v ní více než 15 souborů šablon. Patří mezi ně soubory šablon pro 404, archiv, autor-bio, komentáře a odkaz na obsah, abychom jmenovali alespoň některé. WordPress použije informaci Query String obsaženou v každém odkazu na vašem webu k rozhodnutí, která šablona nebo sada šablon bude použita pro zobrazení stránky.

WordPress rozhodne, jaký typ stránky (například stránka vyhledávání, stránka kategorie nebo domovská stránka) je požadován, a poté vybere vhodnou šablonu navrženou hierarchií šablon WordPress pro vygenerování obsahu.

Konvence pojmenování

WordPress má speciální a přísnou konvenci pojmenování spojenou se soubory témat, takže všechna témata sdílejí poměrně běžně pojmenovanou sadu souborů v zadní části. Pro snadnou správu obsahu můžete například vytvořit soubory header.php a footer.php. Tyto soubory šablon se musí jmenovat header.php a footer.php.

WordPress hledá soubory šablon s konkrétními názvy v adresáři aktuálního tématu, aby určil, kterou šablonu má použít, nejčastěji se použije první odpovídající soubor šablony. Pokud WordPress nenajde soubor šablony se shodným názvem, přeskočí na další soubor v hierarchii. Pokud WordPress nenajde žádný odpovídající soubor šablony, použije soubor index.php (soubor šablony domovské stránky tématu).

Při úpravách souborů šablon je tedy třeba myslet na to, o jaký typ obsahu se jedná, a poté upravit příslušný soubor šablony pro tento typ obsahu. Totéž platí, když vytváříte šablony WordPressu od začátku.

Minimální požadavky na šablonu

Jediné soubory, které jsou nutné pro fungování šablony WordPressu, jsou index.php a style.css. index.php je hlavní a jediný soubor, který bude zpracovávat každý dotaz WordPressu a také strukturu webu.

Minimální soubory potřebné k tomu, aby téma WordPressu fungovalo a bylo viditelné v ovládacím panelu WordPressu pro aktivaci, jsou index.php a style.css.

Pokud index.php nebo style.css chybí, zobrazí se následující chyba.

Následující témata jsou nainstalována, ale nejsou kompletní. Motivy musí mít soubor stylů a šablonu.

• style.css (povinné)

• index.php (povinné)

• functions.php (nepovinné)

• screenshot.png (nepovinné)

Toto oddělení výrazně zvyšuje efektivitu. Spojení všeho do jednoho velkého souboru index.php by technicky mohlo fungovat, ale nebylo by to hezké a způsobilo by to nekonečné problémy v budoucnu. Také úprava tématu by byla noční můrou!“

Tady je seznam souborů témat rozpoznávaných WordPressem.

• style.css

• rtl.css

• index.php

• comments.php

• front-page.php

• single.php

• page.php

• author.php

• archive.php

Existuje i mnoho dalších souborů, podrobnější informace naleznete v seznamu souborů šablony.

Příklad hierarchie šablon Twenty Fifteen

Předpokládejme, že máte aktivované téma Twenty Fifteen a uživatel navštíví stránku yoursite.com/author/tahir/. WordPress nejprve vyhledá šablonu označenou author-tahir.php, ale author-tahir.php není k dispozici. WordPress poté vyhledá šablonu author.php, pokud ani ta neexistuje, vyhledá šablonu archive.php. Tento soubor je k dispozici v tématu Twenty Fifteen. Pokud odstraníte nebo přejmenujete archive.php, pak WordPress použije k vykreslení stránky index.php.

Při každé návštěvě vašeho webu se WordPress posouvá v hierarchii šablon, dokud nenajde odpovídající soubor šablony. To souvisí s tím, jak jsou tyto soubory pojmenovány.

Zásuvný modul ‚What The File‘

Chcete-li zjistit, jaký soubor a šablonu WordPress používá k zobrazení obsahu stránky, kterou právě prohlížíte, můžete použít velmi praktický zásuvný modul What The File. Jedná se o bezplatný zásuvný modul, který vyvinul Barry Kooij.

Tento zásuvný modul přidá na panel nástrojů možnost zobrazující, jaké soubory a šablony se používají. Nainstaloval jsem plugin ‚What The File Plugin‘ pro účely testování na svém místním serveru a zjistil jsem, že funguje skvěle.

Abych otestoval, které soubory WordPress používá, pokud není k dispozici konkrétní soubor, přejmenoval jsem dva soubory (v tématu Twenty Fifteen). Na snímku obrazovky níže vidíte, které soubory používá WordPress pro zobrazení obsahu.

Vidíte, že téma Twenty Fifteen používá pro zobrazení výsledků vyhledávání soubor content-search.php. Pokud odstraníte nebo přejmenujete content-search.php, WordPress místo toho použije k zobrazení výsledků vyhledávání content.php.

Zásuvný modul ‚What The File‘ také umožňuje kliknout přímo na název souboru a upravit jej prostřednictvím editoru motivu. Tento doplněk vyžaduje WordPress 3.1 nebo vyšší, fungoval dobře i s WordPressem 4.1.

Užitečné zdroje