Child theme pro WordPress

Pokud provozujete web na platformě WordPress, pravděpodobně jste se setkali s themes, které můžete použít pro úpravu vzhledu a stylu vašich stránek. Přestože většina témat umožňuje různé úpravy a přizpůsobení, někdy se může stát, že chcete vytvořit něco naprosto jedinečného. V tom případě si můžete vytvořit tzv. „child theme„, což je odvozená verze původního tématu, jež máte možnost upravovat podle svých potřeb. Nyní si ukážeme, jak tuto šablonu vytvořit pro WordPress.

  1. Vytvoření nové složky: Prvním krokem je vytvoření nové složky na vašem serveru. Tuto složku pojmenujte podle vašeho tématu a přidejte k ní příponu „-child“. Například pokud chcete vytvořit child theme pro standardní téma Twenty Twenty-One, pojmenujte novou složku jako „twentytwentyone-child„.
  2. Vytvoření style souboru: Poté musíte vytvořit nový soubor s názvem „style.css“ v této nové složce. Tento soubor obsahuje vlastnosti, které ovlivňují vzhled a styl vašeho webu. Základním kódem pro tento soubor je:
/*
Theme Name: Twenty Twenty-One Child
Theme URI: https://example.com/twenty-twenty-one-child/
Description: Child theme for the Twenty Twenty-One theme
Author: Your Name
Author URI: https://example.com
Template: twentytwentyone
Version: 1.0.0
*/

/* Add your custom CSS here */

Zdůrazňuji, že v řádku „Template“ uvedete název původní šablony, pro kterou vytváříte child theme.

  1. Vytvoření souboru functions.php: Poté musíte vytvořit nový soubor s názvem „functions.php“ v této nové složce. Tento soubor obsahuje vaše vlastní funkce a kódy, které ovlivňují chování a funkčnost vašeho webu. Kód pro tento soubor může vypadat třeba takto:
<?php
add_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' );
function enqueue_parent_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );
}
?>

Tento kód načte stylus soubor z původního tématu a zajistí, aby se použily i pro vaši child theme.

  1. Aktivace: Nyní musíte aktivovat child theme v administraci WordPressu. Přihlaste se do svého WordPressu a přejděte do části „Vzhled“ (Appearance) a poté klikněte na „Šablony“ (Themes). Zde byste měli vidět seznam všech nainstalovaných šablon včetně nově vytvořené. Aktivujte vlastní šablonu kliknutím na tlačítko „Aktivovat„.
  2. Úpravy a přizpůsobení: Nyní, když máte aktivovaný child theme, můžete začít s úpravami a přizpůsobením. Pokud chcete upravit vzhled a styl vašeho webu, upravte soubor „style.css“ v nové složce. Pokud chcete upravit chování nebo funkčnost, upravte soubor „functions.php“.

Výhodou, když si vytvoříte child theme je, že se nemusíte obávat, že vaše úpravy se přepíší při aktualizaci původního tématu. Navíc máte výhodu, že se můžete kdykoli vrátit k původní šabloně, bude-li třeba.

Vytvoření child theme je užitečné pro ty, kteří chtějí mít naprosto jedinečný web, jenž se bude odlišovat od ostatních. S vlastním šablonou můžete upravovat vzhled a funkčnost vašeho webu podle svých potřeb a nemusíte provádět úpravy přímo v původní šabloně.