Child téma pre Divi

Obtiažnosť:
Začiatočník
Pokročilý
Skúsený
Expert

Vždy keď používate nejakú tému a chystáte sa urobiť v nej zmeny, používajte child tému. Dôvod je jednoduchý: pri aktualizácii témy, nestratíte svoje zmeny. Ako vytvoriť child tému sa môžte dozvedieť z WordPress dokumerntácie.

Na ukážku si vytvoríme child tému pre jednu z najlepších tém Divi.

1.) V prvom rade musíte vytvoriť priečinok pre svoju tému vo wp-content/themes/ a nazvite ho divi-child

2.) V našom novom priečinku si vytvorte súbory: style.css a functions.php

3.) Do style.css vložíme informáciu o child téme

/*
 Theme Name:   Divi Child
 Theme URI:    https://www.elegantthemes.com/gallery/divi/
 Description:  Divi child theme
 Author:       PeterB aka Viking
 Author URI:   https://wp-admin.sk
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v3 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Nižšie zadajte svoje css definície

Tieto informácie zadané v súbore style.css sú dôležité, aby WordPress vedel identifikovať Child tému. Detaily si upravte, podľa potreby, dôležité sú názvy jednotlivých položiek, tie nemeňte.

4.) Do functions.php nemusíme vkladať nič, Divi rodičovská téma sa o to postará. Vloží za nás stylesheet z rodičovskej témy a zároveň aj z našej child témy.

<?php
/**
 * Divi child functions
 */
 

Logika je nasledovná:

  • ak je v child téme pridaný stylesheet z rodičovskej témy -> potom rodičovská téma pridá stylesheet z child témy
  • ak v child téme nič nepridáme, rodičovská téma pridá oba stylesheety.

Preto nemusíme pridávať nič, Divi téma sa o to postará sama.

Pozor, takto to funguje u Divi témy. Každá téma to môže mať inak. Niektoré témy už obsahujú child tému a tam je to už všetko nastavené. Pre presný postup, si pozrite dokumentáciu, alebo kód pre danú tému (vo functions.php rodičovskej témy).

Divi child tému, nájdete aj na mojom GitHub

0 0 votes
Hodnotenie článku
Autor
Navigácia
Odoberať
Upozorniť na
guest
0 Komentáre
Inline Feedbacks
View all comments