--- 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: Jak vytvořit vlastní šablonu stránky url: https://www.wplama.cz/jak-vytvorit-vlastni-sablonu-stranky/ date: 2015-01-24 modified: 2020-06-22 author: Tomáš Cirkl type: post categories: [WordPress návody] tags: [šablona stránky] --- WordPress návody # Jak vytvořit vlastní šablonu stránky [TC **Tomáš Cirkl**](https://www.wplama.cz/author/tomas/) Publikováno 24. 1. 2015 Aktualizováno **22. 6. 2020** 2 min čtení Pozor: Článek je z roku 2015. Některé postupy se mohly změnit. ![Klávesnice](https://www.wplama.cz/wp-content/uploads/2015/01/klavesnice.jpg "Klávesnice") Obsah článku (2 kapitoly) 1. [Tvorba souboru šablony stránky](https://www.wplama.cz/jak-vytvorit-vlastni-sablonu-stranky/#tvorba-souboru-sablony-stranky) 2. [Úprava šablony stránky](https://www.wplama.cz/jak-vytvorit-vlastni-sablonu-stranky/#uprava-sablony-stranky) Stránky jsou jedním z výchozích typů příspěvků. Obvykle všechny stránky vypadají stejně, ale může nastat situace, kdy budete potřebovat upravenou stránku. Tvorba vlastní [šablony stránky](http://codex.wordpress.org/Page_Templates "page template") je velmi jednoduchá a rychlá. Úplně nejdříve se musíte přihlásit na FTP a jít do adresáře vaší šablony (*wp-content/themes/vase-sablona*). ## Tvorba souboru šablony stránky Nyní zde potřebujete vytvořit soubor nové šablony stránky. Soubor můžete udělat přímo v základním adresáři šablony nebo když chcete vytvářet více šablon stránek, můžete vytvořit adresář *my-templates* a šablony stránky vytvářet v něm. Od verze 3.4. WordPress hledá nové šablony stránek v těchto adresářích: ``` /wp-content/themes/my-theme/ /wp-content/themes/my-theme/my-templates /wp-content/themes/my-child-theme /wp-content/themes/my-child-theme/my-templates /wp-content/themes/my-parent-theme /wp-content/themes/my-parent-theme/my-templates ``` TIP: Pro lepší orientaci přidejte před jméno souboru *page-* a až poté dejte jméno šablony stránky*.* V našem případě byl název souboru *page-test.php*. **Na co však nezapomeňte je, že soubor musí mít koncovku .php.** [![Tvorba souboru šablony stránky](https://www.wplama.cz/wp-content/uploads/2015/01/tvorba-souboru-sablony-stranky.png "Tvorba souboru šablony stránky")](https://www.wplama.cz/wp-content/uploads/2015/01 / tvorba-souboru-sablony-stranky.png) Tvorba souboru šablony stránky Při tvorbě vlastní šablony stránky je dobré začít tak, že si zkopírujete obsah výchozí stránky ze souboru *page.php*. Tento soubor se nachází v základním adresáři šablony. Zkopírujte jeho veškerý obsah a vložte ho do nově vytvořeného souboru. V dalším kroku musíme WordPressu říct, že se jedná o šablonu stránky. To uděláte tak, že **na úplný začátek** nově vytvořeného souboru šablony stránky vložíte následující kód: [![Hlavička stránky](https://www.wplama.cz/wp-content/uploads/2015/01/hlavicka-stranky-1024x259.png "Hlavička stránky")](https://www.wplama.cz/wp-content/uploads/2015/01 / hlavicka-stranky.png) Hlavička stránky Soubor uložte. ## Úprava šablony stránky V naší ukázce upravujeme šablonu **twentynineteen** tak, aby nadpis nebyl černě, ale červeně a všechny písmena byly velké. Stačí když v kódu najdeme, kde se vypisuje nadpis a do původního kódu: [![Před úpravou](https://www.wplama.cz/wp-content/uploads/2015/01/pred-upravou-1024x183.png "Před úpravou")](https://www.wplama.cz/wp-content/uploads/2015/01 / pred-upravou.png) vložíme styly: [![Po úpravě](https://www.wplama.cz/wp-content/uploads/2015/01/po-uprave-1024x183.png "Po úpravě")](https://www.wplama.cz/wp-content/uploads/2015/01 / po-uprave.png) Po úpravě Po úpravách opět nezapomeňte soubor uložit. Nyní máte šablonu stránky hotovou a musíte ji jen přiřadit k vytvořené stránce v administraci WordPressu. Přihlašte se do WordPressu a vytvořte novou stránku nebo editujte stávající. V boxu **Vlastnosti stránky** změňte **Šablonu stránky** na nově vytvořenou. [![Přiřazení šablony stránky](https://www.wplama.cz/wp-content/uploads/2015/01/prirazeni-sablony-stranky.jpg "Přiřazení šablony stránky")](https://www.wplama.cz/wp-content/uploads/2015/01 / prirazeni-sablony-stranky.jpg) Přiřazení šablony stránky ### Výsledek Takto vypadá námi upravená šablona stránky. [![Upravený nadpis](https://www.wplama.cz/wp-content/uploads/2015/01/upraveny-nadpis-1024x500.png "Upravený nadpis")](https://www.wplama.cz/wp-content/uploads/2015/01 / upraveny-nadpis.png) Upravený nadpis - [#šablona stránky](https://www.wplama.cz/stitek/sablona-stranky/) Sdílet - - [](mailto:?subject=Jak vytvořit vlastní šablonu stránky&body=Jak vytvořit vlastní šablonu stránky https://www.wplama.cz/jak-vytvorit-vlastni-sablonu-stranky/) - [](https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.wplama.cz%2Fjak-vytvorit-vlastni-sablonu-stranky%2F) - [](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fwww.wplama.cz%2Fjak-vytvorit-vlastni-sablonu-stranky%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 031 článků [Všechny články autora →](https://www.wplama.cz/author/tomas/) ## Komentáře (8) [Přidat komentář →](https://www.wplama.cz/jak-vytvorit-vlastni-sablonu-stranky/#respond) DN Daniel Nytra [20. 7. 2015](https://www.wplama.cz/jak-vytvorit-vlastni-sablonu-stranky/#comment-15739) Dobrý den, děkuji za článek. Myslím si, že frameworky jsou na toto trochu lepší. Sám jsem vytvořil pod 100% GPL licencí šablonu zdarma. Měříte potom rychlost šablon? Jak je testujete? Snažil jsem se testovat na svém blogu: [http://www.danielnytra.cz/wordpress-sablona-zdarma/](http://www.danielnytra.cz/wordpress-sablona-zdarma/) Díky za odpověď. Da N [Odpovědět](https://www.wplama.cz/jak-vytvorit-vlastni-sablonu-stranky/#comment-15739) --- H Hamil [28. 8. 2015](https://www.wplama.cz/jak-vytvorit-vlastni-sablonu-stranky/#comment-21118) V příkladech se zobrazují značky místo znaků.

a ne [Odpovědět](https://www.wplama.cz/jak-vytvorit-vlastni-sablonu-stranky/#comment-21118) TC Tomáš Cirkl WPlama [28. 8. 2015](https://www.wplama.cz/jak-vytvorit-vlastni-sablonu-stranky/#comment-21217) Opraveno, díky za upozornění. [Odpovědět](https://www.wplama.cz/jak-vytvorit-vlastni-sablonu-stranky/#comment-21217) --- --- H Hamil [28. 8. 2015](https://www.wplama.cz/jak-vytvorit-vlastni-sablonu-stranky/#comment-21119) A v mém příkladu vkomentáři se značky převedli na znaky. [Odpovědět](https://www.wplama.cz/jak-vytvorit-vlastni-sablonu-stranky/#comment-21119) --- A Adéla [14. 4. 2016](https://www.wplama.cz/jak-vytvorit-vlastni-sablonu-stranky/#comment-30634) Safari v iPadu nezobrazuje kód, jen prázdný šedý obdelník. [Odpovědět](https://www.wplama.cz/jak-vytvorit-vlastni-sablonu-stranky/#comment-30634) TC Tomáš Cirkl WPlama [14. 4. 2016](https://www.wplama.cz/jak-vytvorit-vlastni-sablonu-stranky/#comment-30635) Chyba by měla být opravena, díky. [Odpovědět](https://www.wplama.cz/jak-vytvorit-vlastni-sablonu-stranky/#comment-30635) --- --- M mates [19. 6. 2020](https://www.wplama.cz/jak-vytvorit-vlastni-sablonu-stranky/#comment-133945) nezobrazuje se kód, jen prázdný šedý obdélník. [Odpovědět](https://www.wplama.cz/jak-vytvorit-vlastni-sablonu-stranky/#comment-133945) TC Tomáš Cirkl WPlama [22. 6. 2020](https://www.wplama.cz/jak-vytvorit-vlastni-sablonu-stranky/#comment-134365) Díky, opraveno. [Odpovědět](https://www.wplama.cz/jak-vytvorit-vlastni-sablonu-stranky/#comment-134365) --- --- ### Přidat komentář [Zrušit odpověď](https://www.wplama.cz/jak-vytvorit-vlastni-sablonu-stranky/#respond) [← Předchozí článek Jak vytvořit uživatele přímo v MySQL databázi](https://www.wplama.cz/tvorba-uzivatele-mysql-databaze/) [Další článek → Jak zakázat provedení PHP v určitém adresáři WordPressu](https://www.wplama.cz/zakazat-provedeni-php-urcitem-adresari-wordpressu/) Související ## Mohlo by vás zajímat [Všechny články z rubriky WordPress návody →](https://www.wplama.cz/wordpress/navody/) ![llms txt scaled](https://www.wplama.cz/wp-content/uploads/2026/03/llms-txt-scaled.png "llms txt scaled") WordPress návody ### [Konec tradičního SEO? Jak a proč začít optimalizovat WordPress web pro AI vyhledávače](https://www.wplama.cz/optimalizace-pro-ai-vyhledavace/) 3. 3. 2026 9 min čtení --- ![cloudflare turnstile scaled](https://www.wplama.cz/wp-content/uploads/2025/12/cloudflare-turnstile-scaled.png "cloudflare turnstile scaled") WordPress návody ### [Cloudflare Turnstile – Jeden antispam, který ochrání celý váš WordPress](https://www.wplama.cz/cloudflare-turnstile-antispam/) 17. 12. 2025 4 min čtení --- ![image scaled](https://www.wplama.cz/wp-content/uploads/2025/09/image-scaled.png "image scaled") WordPress návody ### [Jak přidat měřicí kód Sklik do WordPress pomocí Complianz](https://www.wplama.cz/jak-pridat-merici-kod-sklik-do-wordpress-pomoci-complianz/) 16. 9. 2025 3 min čtení ---