Toto je úvodní článek na téma tvorby vlastních šablon v redakčním systému WordPress. V tomto článku si tento celosvětově nejrozšířenější systém na správu obsahu představíme, povíme si jeho silné stránky a ukážeme základní strukturu systému.

WordPress je open-source redakční systém (CMS – Content Management System) napsaný v PHP, který dnes pohání přes 40 % všech webových stránek na internetu. Původně vznikl v roce 2003 jako platforma pro blogování, časem se ale vyvinul v plnohodnotný nástroj pro tvorbu webů všeho druhu – od osobních blogů přes firemní prezentace až po komplexní e-shopy.

Existují dvě verze: WordPress.com je hostovaná služba, kde je vše nastavené za vás, ale máte omezené možnosti přizpůsobení. WordPress.org je naproti tomu volně stažitelná verze, kterou si nainstalujete na vlastní hosting – a právě ta nás zajímá, protože jen tam máte plnou kontrolu nad kódem i šablonami.

Proč je WordPress tak populární?

WordPress si získal popularitu z několika důvodů, které spolu úzce souvisí.

Zaprvé je to snadnost použití. Administrační rozhraní je intuitivní a správa obsahu nevyžaduje znalost programování. Články, stránky, média – vše lze spravovat přes přehledný panel bez jediného řádku kódu.

Zadruhé jde o obrovský ekosystém. WordPress má tisíce bezplatných i placených šablon (tzv. témata / themes) a přes 60 000 pluginů, které rozšiřují jeho funkčnost prakticky o cokoliv – SEO, kontaktní formuláře, e-commerce, cachování, zabezpečení a mnohem více.

Zatřetí je to flexibilita. Díky propracovanému systému háčků (hooks), filtrů a šablonovací hierarchii lze WordPress přizpůsobit do detailu – a přesně to budeme dělat v této sérii článků, kdy si vytvoříme šablonu od nuly.

Čtvrtým důvodem je velká komunita. Kolem WordPressu existuje obrovská celosvětová komunita vývojářů, designérů a uživatelů. Odpovědi na téměř jakýkoliv problém najdete na fórech, v dokumentaci nebo na Stack Overflow.

Struktura systému

Než se pustíme do psaní kódu, je nutné pochopit strukturu WordPress instalace. Po nainstalování WordPressu na server uvidíte tuto základní adresářovou strukturu:

/
├── wp-admin/          # Administrační rozhraní WP (nesahejte sem)
├── wp-includes/       # Jádro WordPressu (nesahejte sem)
└── wp-content/        # Váš obsah – zde pracujete
    ├── plugins/       # Pluginy
    ├── uploads/       # Nahraná média (obrázky, soubory...)
    └── themes/        # Šablony (témata)

Zlaté pravidlo: nikdy neupravujte soubory v wp-admin/ ani wp-includes/. Tyto složky patří jádru WordPressu a každá aktualizace vaše změny přepíše.

Vaším pracovním prostorem je výhradně složka wp-content/. Šablony pak konkrétně patří do wp-content/themes/ a každá šablona dostane vlastní podsložku:

wp-content/themes/
├── twentytwentyfour/   # Výchozí šablona WP
├── moje-sablona/       # Vaše vlastní šablona ← sem míříme
└── dalsi-sablona/

To by bylo pro dnešek vše. V dalším díle si ukážeme, jaké základní soubory musí šablona WordPressu obsahovat.