Jak a proč vytvořit child šablonu na WordPress webu

WordPress a obrovské množství šablon s různými vlastnostmi a zaměřením se stává stále populárnější a pravděpodobnější volbou pro nový projekt. Ale ne každá šablona vyhovuje.

Co vlastně ta child šablona je?

Velice stručně řečeno, child šablona je kopií vaší hlavní šablony, která zajišťuje rozvržení layoutu webu. Doporučuje se všem uživatelům redakčního systému WordPress, kteří potřebují na svých stránkách provést úpravy WordPressu na míru projektu.

Výhodou tohoto postupu je především to, že pokud provedete změny konfiguračních souborů např. function.php, provedené změny se po aktualizaci šablony nesmažou.

 

Jak mám child šablonu vytvořit?

Krok č.1: Složka s šablonou

V prvním kroku si vytvořte nejprve složku na ftp v adresáři wp-content/themes. (TIP: Jak používat protokol FTP a program Filezilla) Složku pojmenujte podle vaší aktuální šablony s postfixem “-child”.

Pokud tedy vaši aktuální šablonou je např. šablona Divi, pojmenujte složku divi-child.

Krok č.2: Vytvoření souboru style.css

Aby WordPress věděl, že se jedná o šablonu, je potřeba vytvořit soubor style.css, který bude v komentářích obsahovat informace o autorech child šablony, adresu vašeho webu, kontaktní údaje atd.

Záznam může vypadat například takhle:

  1. /*
  2. Theme Name: Divi child šablona
  3. Theme Url: vasedomena.cz
  4. Description: child šablona webu vasedomena.cz
  5. Theme Author: Jan Novák
  6. Author Url: vasedomena.cz
  7. Template: Divi
  8. Verzion: 1.0.0
  9. Text Domain: Divi
  10. */

Záznamy za dvojtečkami si doplníte podle svých potřeb.

Krok č.3: Vytvoření souboru function.php

K tomu, aby child šablona správně fungovala, je zapotřebí WordPressu říci, jaké styly a scripty má při zobrazování obsahu použít.

  1. <?php
  2. add_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' );
  3. function enqueue_parent_styles() {
  4. wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );
  5. }
  6. ?>

Tento kód je potřeba vložit do nově vytvořeného souboru function.php. V adresáři child šablony se tedy nyní budou nacházet dva soubory, a to style.css a function.php.

Krok č.4: Úpravy child šablony

Veškeré úpravy, ať už se týkají funkcí nebo vzhledu nyní provádějte v těchto dvou souborech. Jak již bylo řečeno v úvodu, jakmile bude hlavní šablona aktualizována, vaše úpravy nebudou touto aktualizací ovlivněny.

Konkrétním úpravám souboru function.php se budu věnovat v některém z příštích příspěvků na webu webspecialista.cz

Krok č.5: Aktivace child šablony

Pokud jste postupovali správně, přejděte v administraci vašeho webu v hlavním panelu do části Vzhled > Šablony. V seznamu nainstalovaných šablon by se vám měla zobrazit vytvořená child šablona.

Aktivujete ji stejně jako jakoukoliv jinou šablonu, to znamená stiskem tlačítka Aktivovat pod náhledovým obrázkem šablony.

Jakmile child šablonu aktivujete, neznamená to, že hlavní šablonu můžete smazat. Nezapomeňte, že šablona, kterou jste nyní vytvořili je přímo závislá na existenci hlavní šablony.

 

Pár slov závěrem

Pokud si současnou šablonu na svém webu chcete upravovat podle svých potřeb a neumožňuje vám to šablona samotná (třeba s pomocí vlastního panelu s nastavením) nebo funkce Přizpůsobení, je cesta přes child šablonu nejbezpečnější.


Pridajte komentár

Vaša e-mailová adresa nebude zverejnená. Vyžadované polia sú označené *

Scroll to Top