3 minut čtení

Autor: Jarda Majer
3 minut čtení

Jak vytvořit Child Theme pro váš WordPress web

Jste připraveni personalizovat váš WordPress web bez obav z budoucích aktualizací? Vytvoření child theme je řešením, které ochrání vaše úpravy a zajistí, že vaše práce nebude ztracena. Popišu vám, jak snadno vytvořit child theme a zachovat změny ve WordPressu v bezpečí.

Co je to Child Theme a proč byste ho měli používat?

Child theme je WordPress šablona, která dědí funkcionalitu a styling své rodičovské šablony, tzv. parent theme. Použití child theme je bezpečný způsob, jak přizpůsobit váš web, aniž byste riskovali ztrátu svých změn při aktualizaci parent theme.

Krok 1: Vytvoření složky Child Theme

Nejdříve se přes FTP klienta připojte k serveru, kde máte hosting pro váš web. V adresáři /wp-content/themes/ vytvořte novou složku pro vaše child theme. Doporučuji použít název, který odráží název parent theme s příponou -child, například twentytwentyone-child.

Krok 2: Vytvoření souboru style.css

V nově vytvořené složce pro child theme vytvořte soubor style.css, který bude sloužit jako základní kámen pro stylování vašeho webu. Tento soubor otevřete v textovém editoru a na jeho začátek vložte základní informace o vašem child theme. Do style.css můžete přidávat vlastní CSS pravidla, která upraví nebo rozšíří vzhled vašeho webu, přičemž všechny tyto změny zůstanou zachovány i po aktualizaci parent theme.

				
					/*
 Theme Name:   Twenty Twenty-One Child
 Theme URI:    http://example.com/twenty-twenty-one-child/
 Description:  Twenty Twenty-One Child Theme
 Author:       Jméno autora
 Author URI:   http://example.com
 Template:     twentytwentyone
 Version:      1.0.0
*/

Změňte hodnoty tak, aby odpovídaly vašemu webu a parent theme.

Krok 3: Aktivace šablon stylů parent theme

Pod základní informace přidejte následující řádek k importu stylů parent theme:

				
					@import url("../twentytwentyone/style.css");

Krok 4: Vytvoření souboru functions.php

Dalším soubrem k vytvoření je functions.php ve složce child. Tento soubor zajistí, vytvořené vlastní funkce a skripty budou správně nyčtené do vašeho WordPress. Do tohoto souboru přidejte kód, který zajistí načtení stylů z parent theme. Čímž vaše child theme plně využije všechny základní styly a funkcionalitu parent theme a umožní zachovat vlastní přidané úpravy.

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

Krok 5: Aktivace Child Theme

Přihlaste se do administrace WordPress, jděte na sekci Vzhled > Šablony a aktivujte vaše child theme.

A to je vše! Nyní máte základní child theme, která je připraveá na vaše další úpravy. Pamatujte, že jakékoli přizpůsobení funkcionality by mělo být prováděno v souboru functions.php vašeho child theme.

Díky child theme můžete bez obav provádět změny a vaše práce zůstane nedotčena při aktualizaci parent theme.

Sdílet článek
na sociální sítě

Nevíte si rady? Potřebujete poradit?

Objednejte si WordPress konzultaci online.

Vysvětlím vám na sdílené obrazovce konkrétní postupy a zašlu video záznam.

Konzultace probíhá formou videokonference, zašlete požadavek s jakým tématem potřebujete poradit. Já si vyhradím čas a vysvětlím vám dané téma.

Autor Jarda Majer

19 let tvořím webové stránky,

posledních 9 let se zaměřuji jen na WordPress řešení.

Pro své zákazníky připravují kompletní prezentace na míru, nebo jednoduché stánky z dodaných podkladů. Mám za sebou realizaci několika e-shopů.

Další služby

Správa WordPressu
Oprava nefunkčního WordPressu
Administrace WordPressu
Analýzy návštěvnosti
Audit webu
PPC kampaně

Jarda Majer, IČ: 74083066
Zapsán v živnostenském rejstříku od roku 2005.

Bankovní spojení: 213751254/0300

Sídlo: Náměstí generála Knopa 1061, 564 01, Žamberk
Kancelář: J. Trnky 68, Frýdek Místek 736 01

Tento web pohání WordPress, tak jako 43,2% všech webových stránek na internetu.