--- site_name: WPlama site_description: "Správa, opravy a vývoj WordPress webů a e-shopů" site_url: https://www.wplama.cz contact_email: info@wplama.cz title: Kapitola 12 – Šablony url: https://www.wplama.cz/kapitola-12-sablony/ date: 2017-07-06 modified: 2017-09-23 author: Tomáš Cirkl type: post categories: [WordPress kniha] tags: [pluginy, šablony, WordPress kniha] --- WordPress kniha # Kapitola 12 – Šablony [TC **Tomáš Cirkl**](https://www.wplama.cz/author/tomas/) Publikováno 6. 7. 2017 Aktualizováno **23. 9. 2017** 5 min čtení Pozor: Článek je z roku 2017. Některé postupy se mohly změnit. ![The Pink Lillies design, od Naoko Takano](https://www.wplama.cz/wp-content/uploads/2017/07/the-pink-lillies-design-od-naoko-takano-1.png "The Pink Lillies design, od Naoko Takano") Šablonový systém byl další oblastí pro vylepšení. Uživatelé mohli rozšířit jejich blog a mít jej v jejich jazyce, ale nebyl žádný jednoduchý způsob, jak změnit vzhled stránky. Dokonce na fóru b2 bylo spoustu dotazů o změně designu. Blog vizuálně reprezentuje autora. Jeho vkus a jeho zájmy. Blog je domov na internetu a jako každý jiný domov si jej vlastník chce vyzdobit podle svého vkusu. Pro změnu vzhledu u b2 nebo rané verze WordPress blogu, musel uživatel vytvořit CSS soubor. To umožnilo změnu barev a vzhledu stránky. Nicméně to nenabídlo žádnou reálnou flexibilitu pro úpravu designu. V tuto chvíli byla potřeba pro tvorbu robustního šablonového systému. Michel se zabýval tvorbou šablonového systému pro b2, ale nedošlo k tomu dříve, než se WordPress dostal z verze 1.2 na 1.5*. Tvorbě samotného šablonového systému předcházel rozsáhlý výzkum. Začaly se objevovat Smarty šablony. Smarty je PHP šablonový systém, který umožňuje uživateli změnu vzhledu stránky nezávisle na administraci. Uživatel si tak může změnit design stránky bez starostí, co se stane se zbytkem aplikace. Na vývojářském blogu WordPress.org existuje [velké množství příspěvků](https://wordpress.org/news/2003/04/smarty-and-smarttemplate/), kde se diskutuje o Smarty. [Donncha jej dokonce vložil do repozitáře](https://core.trac.wordpress.org/changeset/530) (jeho první příspěvek do projektu). Ale navzdory sdílení PHP s WordPress, obsahoval Smarty složitou syntaxi k naučení. Nakonec [byl odmítnut z důvodu velké složitosti](https://wordpress.org/support/topic/smarty-the-templating-system-that-came-from-hell/?replies=6#post-22474). Co WordPress potřeboval, byl jednoduchý systém, který se snadno bude používat jako systém samotný. Zatímco diskuze o šablonovém systému pokračovali, byli WordPress uživatelé kreativní s CSS. Pro jednoduchou změnu designu napsal Alex King [CSS Style Switcher](http://alexking.org/blog/2004/01/20/wordpress-css-style-switcher) hack, který obsahoval tři CSS soubory. Ne všichni uživatelé, kteří měli WordPress blog chtěli vytvářet vlastní styly a ne všichni věděli jak. Uživatelé potřebovali nabídku, ze které si mohli vybírat. Pro rozšíření počtu vzhledů vytvořil Alex [CSS Style soutěž](http://alexking.org/blog/2004/01/25/wordpress-css-style-competition). Ceny, které věnovaly členové komunity, byly rozdány třem nejlepším CSS úpravám (70, 35 a 10 USD). Tvorba zdrojů podobných [CSS Zen Garden](http://csszengarden.com/) byla druhým cílem soutěže. Jako CSS Zen Garden dokazoval flexibilitu CSS, tak CSS repozitář ukazoval flexibilitu WordPress. Soutěž byla v komunitě hodně diskutovaná. Celkem se přihlásilo 38 soutěžících. Naoko Takano vyhrál s jeho úpravou nazvanou Pink Lillies: [![The Pink Lillies design, od Naoko Takano](https://www.wplama.cz/wp-content/uploads/2017/07/the-pink-lillies-design-od-naoko-takano-1-1024x614.png "The Pink Lillies design, od Naoko Takano")](https://www.wplama.cz/wp-content/uploads/2017/07 / the-pink-lillies-design-od-naoko-takano-1.png) The Pink Lillies design, od Naoko Takano Soutěž úspěšně rozšířila nabídku dostupných stylů a navýšila ji ze 7 na 45. Na své stránce Alex [spustil ukázky vzhledů](http://alexking.org/projects/wordpress/styles/sample.php?wpstyle=pink_lilies) dostupné pro uživatele. Soutěž proběhla [znovu v roce 2015](http://alexking.org/blog/2005/02/27/wordpress-theme-competition), tentokrát se přihlásilo více než 100 vzhledů. Při druhé soutěži už byl šablonový systém dostupný a účastníci měli k dispozici více nástrojů pro návrh a tvorbu jejich šablony. Alexovi zkušenosti v druhé soutěži ukázaly problémy, které budou komunitu v příštích letech sužovat. Hostoval 138 šablon na své stránce. Alex musel kontrolovat kód, aby se ujistil, že šablony neobsahují škodlivý kód a ujistit se, že kódování splňuje doporučené postupy. Proto se rozhodl, že v roce 2006 nebude soutěž pořádat z důvodu náročnosti. WordPress rostl a znamenalo to, že opět přibude počet šablon v soutěži a bude to víc, než by jeden člověk zvládl zkontrolovat. Problém přetrval s tím, jak projekt rostl. Jak zachovat kvalitu a potřebné požadavky pro přijetí, speciálně pak u pluginů a šablon třetích stran? Soutěž v roce 2005 ukázala flexibilitu nového šablonového systému, který se objevil v únoru 2005 ve verzi WordPress 1.5. Nakonec byl šablonový systém vytvořen za použití PHP, které je samo o sobě šablonový systém. Použitím PHP byl systém rychlý a jednoduchý, speciálně pro WordPress vývojáře a designéry, kteří se PHP učili. Bylo to „jednoduché, levné, známé a přenosné“, [řekl Ryan](http://archive.wordpress.org/interviews/2013_05_15_Boren1.html#L101). Šablonový systém rozložil šablonu na části – hlavička, patička, sidebar a další. Každá část je samostatný soubor, který může designer upravit. Designer také používá tagy ze šablony pro zobrazení různých elementů na stránce. Tento balík souborů je WordPress šablona. Nativní šablonový systém WordPress je pravým opakem systémů jako je Smarty. Umožňuje designérům tvorbu šablon bez nutnosti se učit zcela novou syntaxi. Společně s WordPress 1.5 přišla i nová výchozí šablona – upravená verze Michela Hilemanna – Kubrick. Někteří příchod nové šablony přivítali, [jiní nebyli z vybrané šablony šťastní](https://web.archive.org/web/20041016090654/http://binarybonsai.com/archives/2004/08/22/kubrick-vs-wordpress/): [![Kubrick šablona, výchozí WordPress šablona do roku 2010](https://www.wplama.cz/wp-content/uploads/2017/07/kubrick-sablona-vychozi-wordpress-sablona-do-roku-2010.jpg "Kubrick šablona, výchozí WordPress šablona do roku 2010")](https://www.wplama.cz/wp-content/uploads/2017/07 / kubrick-sablona-vychozi-wordpress-sablona-do-roku-2010.jpg) Kubrick šablona, výchozí WordPress šablona do roku 2010 Jedním z problémů šablony Kubrick bylo, že obsahovala obrázky. Pokud si uživatel chtěl jejich šablonu změnit, musel použít externí obrázkový editor. Někteří si mysleli, že uživatelé neočekávají, že musí stáhnout další software pro úpravu designu stránky. Jiní si zase mysleli, že je Kubrick moc komplexní a má .htacces problémy a že jsou jiné (lepší) varianty pro výchozí šablonu. Vlákno na fóru se velmi rychle dostalo na 5 stránek s agresivními komentáři. Tyto malé rozmíšky se rychle u podobných projektů objevují. Rychle se mohou vymknout kontrole, jak lidé vyjadřují své názory na blogu a sociálních sítích. Podobně jako jiné debaty komunity u svobodného softwaru, Kubrick na chvíli zažehl vášnivou debatu, která poté vyšuměla. Asi je zde něco na šablonách, co vytváří vášnivé debaty více, než u jiných aspektů WordPress. Nicméně vydání WordPress 1.5 obsahovalo dva elementy, které definují projekt a komunitu: šablony a pluginy. Tyto dvě vylepšení přeměnily WordPress ze samostatného softwaru na rozšířitelnou platformu. Rozšířitelnost vytváří pravé podmínky pro růst ekosystému. Jestli je produkt dobrý a přitahuje uživatele, pak vývojáři budou následovat a rozšiřovat software a budovat nástroje pro něj. Systém pluginů a šablon toto umožnil. * WordPress verze mezi 1.2 a 1.5 byly z důvodu dlouhé doby přeskočeny. Zdroj: [Milestones: The Story of WordPress – 12. Themes](https://github.com/WordPress/book/blob/master/Content/Part%203/12-themes.md) - [#pluginy](https://www.wplama.cz/stitek/pluginy/) - [#šablony](https://www.wplama.cz/stitek/sablony/) - [#WordPress kniha](https://www.wplama.cz/stitek/wordpress-kniha/) Sdílet - - [](mailto:?subject=Kapitola 12 – Šablony&body=Kapitola 12 – Šablony https://www.wplama.cz/kapitola-12-sablony/) - [](https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.wplama.cz%2Fkapitola-12-sablony%2F) - [](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fwww.wplama.cz%2Fkapitola-12-sablony%2F) TC Autor Tomáš Cirkl Baví mě Internet a zvláště pak redakční systém WordPress. Jsem pravidelným účastníkem a přednášejícím na Word Camp Praha a WordPress konferencích. 1 030 článků [Všechny články autora →](https://www.wplama.cz/author/tomas/) ## Komentáře Zatím tu nikdo nekomentoval. Napište první komentář. ### Přidat komentář [Zrušit odpověď](https://www.wplama.cz/kapitola-12-sablony/#respond) [← Předchozí článek Jak deaktivovat automatické roztahování vizuálního editoru](https://www.wplama.cz/jak-deaktivovat-automaticke-roztahovani-vizualniho-editoru/) [Další článek → Jak ve WordPress změnit výchozí složku pro nahrávání souborů](https://www.wplama.cz/jak-ve-wordpress-zmenit-vychozi-slozku-pro-nahravani-souboru/) Související ## Mohlo by vás zajímat [Všechny články z rubriky WordPress kniha →](https://www.wplama.cz/wordpress/wordpress-kniha/) ![wordpress 2.5](https://www.wplama.cz/wp-content/uploads/2025/03/wordpress-2.5.jpg "wordpress 2.5") WordPress kniha ### [Kapitola 28: Redesign od Happy Cog](https://www.wplama.cz/kapitola-28-redesign-od-happy-cog/) 28. 3. 2025 5 min čtení --- ![meeting 594091 1280](https://www.wplama.cz/wp-content/uploads/2023/12/meeting-594091_1280.jpg "meeting 594091 1280") WordPress kniha ### [Kapitola 27: Oznámení aktualizací](https://www.wplama.cz/kapitola-27-oznameni-aktualizaci/) 5. 12. 2023 7 min čtení --- ![theme viewer 2007](https://www.wplama.cz/wp-content/uploads/2023/09/theme-viewer-2007.jpg "theme viewer 2007") WordPress kniha ### [Kapitola 26 – Sponzorované šablony](https://www.wplama.cz/kapitola-25-sponzorovane-sablony/) 25. 9. 2023 10 min čtení ---