Co je WordPress šablona a child šablona?

WordPress šablona je sada souborů, která určuje vizuální vzhled a funkcionalitu Vaší WordPress webové stránky. Použitím různých WordPress šablon můžete jednoduše měnit celkový design a rozložení svého webu, aniž byste museli měnit jeho obsah nebo strukturu.

Na oficiálním webu WordPressu, wordpress.org, naleznete obrovskou sbírku bezplatných WordPress šablon. Můžete si vyhledat šablonu podle různých kritérií, jako je design, funkcionalita, popularita či hodnocení uživatelů. Tyto bezplatné šablony jsou vynikající volbou pro začínající uživatele WordPressu s omezeným rozpočtem.

Kromě bezplatných šablon pro WordPress existují také placené šablony. Najdete je na samostatných webstránkách jako například Elegantthemes.com, Wpastra.com, Athemes.com, ale i známých platformách. Envato Market, kde si můžete vybrat ze spousty WordPress šablon s různým zaměřením. Placené šablony poskytují oproti těm bezplatným vyšší kvalitu designu, podporu zákazníkům a rozšířené funkce a také vývoj. Jsou vhodné pro ty, kteří potřebují vytvořit web s pokročilými možnostmi přizpůsobení.

U nás na wpslevy.cz naleznete na jednom místě slevy a slevové kódy nejen na WordPress šablony, ale také pluginy, kurzy, či hostingy a domény.

Výhody a nevýhody bezplatných a placených šablon

Bezplatné WordPress šablony

Placené WordPress šablony

Co je child šablona a jak ji vytvořit?

Kromě standardních WordPress šablon existují také tzv. child šablony. Child šablona je odvozená šablona, která vychází z nadřazené (rodičovské) šablony. Použitím child šablony můžete měnit vzhled a funkcionality nadřazené šablony, přičemž se Vaše kódy uchovají i v případě aktualizací nadřazené WordPress šablony.

Proč používat child šablonu

Jak jsme již zmínili výše, child šablona umožňuje bezpečně aktualizovat nadřazenou šablonu, protože všechny Vaše úpravy a přizpůsobení funkcionality a vzhledu provedené prodtresnictvím odvozené šablony se nezmění. Pokud byste upravovali přímo soubory rodičovské šablony a ta by se aktualizovala, všechny Vaše úpravy by se ztratily.

TIP: Pokud byste si chtěli přidat trackovací kód z Google Analytics na svou webstránku, přidejte jej do souboru functions.php v child šabloně.

Jak vytvořit child šablonu

Vytvoření child šablony je snadné. Postupujte podle následujících kroků:

1. Vytvořte přes FTP nový adresář pro child šablonu ve složce s tématy (/wp-content/themes/). Nazvat ho můžete jako nazev-nadřazené-sablony-child. Teda ak je Vaša nadradená šablóna Divi, odvodenú šablónu nazvite divi-child.
2. Vytvořte nový soubor s názvem style.css, ve kterém budete měnit styly jednotlivých prvků na webové stránce. Tento soubor zároveň nese základní informace o child šabloně (název, autora, web, popis child šablony, ...)

/*
Theme Name: Divi child
Theme Url: https://wp-zlavy.sk
Description: Táto child téma je odovdená téma on elegantnej Divi témy.
Theme Author: Peter Dudák
Author Url: https://wp-zlavy.sk
Template: Divi
Verzion: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html 
*/

3. Vytvořte další soubor s názvem functions.php, a vložte do něj následující kód, díky kterému bude jasné, které styly a scripty má child šablona stahovat z nadřazené šablony. Do tohoto souboru budete moci vkládat kódy pro úpravu funkcionalit webové stránky.

<?php
add_action('wp_enqueue_scripts', 'enqueue_parent_styles');
function enqueue_parent_styles() {
   wp_enqueue_style('parent-style', get_template_directory_uri().'/style.css');
}
?>

4. Přidejte obrázek s názvem screenshot.png as rozměry 1200px X 900px.
5. Nakonec přejděte do rozhraní WordPressu, do složky vzhled - > šablony a aktivujte vytvořenou child šablonu.

Po úspěšném vytvoření a aktivaci child šablony můžete začít měnit styl (style.css) a funkcionality (functions.php) dle Vašich požadavků. Všechny úpravy, které provedete v child šabloně, budou mít přednost před nadřazenou šablonou a zbytek se doplní z nadřazené šablony.

Pokud by vám přišlo manuální vytváření child šablony příliš složité, můžete k tomu použít plugin Child Theme Configurator. K některým nadřazeným tématům existují také vlastní generátory odvozených šablon, které vytvoří child šablonu za Vás. Například generátor child šablony pro multifunkční WordPress šablonu Divi od Elegantthemes naleznete na divi-pixels.com.