Len hŕstka používateľov WordPress používa podradenú tému, a to preto, že mnohí používatelia nevedia, čo je podradená téma alebo vytváranie podradenej témy^{(Creating Child Theme)} vo WordPress . Väčšina^(Well) ľudí používajúcich WordPress má tendenciu upravovať alebo prispôsobovať svoju tému, ale všetko toto prispôsobenie sa stratí, keď svoju tému aktualizujete, a tu prichádza použitie podradenej témy. Keď použijete podradenú tému, všetky vaše prispôsobenia sa uložia a nadradenú tému môžete jednoducho aktualizovať.

Vytvorenie detskej témy vo WordPress

Vytvorenie podradenej témy z neupravenej nadradenej témy^{(Creating a Child Theme from an Unmodified Parent Theme)}

Ak chcete vytvoriť podradenú tému vo WordPress , musíte sa prihlásiť do svojho cPanelu a prejsť na public_html, potom wp-content/themes, kde musíte vytvoriť nový priečinok pre vašu detskú tému (príklad /Twentysixteen-child/). Uistite sa, že v názve adresára podradenej témy nemáte žiadne medzery, ktoré by mohli spôsobiť chyby.

Odporúčané:^{(Recommended:)} Môžete tiež použiť doplnok One-Click Child Theme^{(One-Click Child Theme plugin)} na vytvorenie podradenej témy (iba z neupravenej nadradenej témy).

Teraz musíte vytvoriť súbor style.css pre svoju podradenú tému (v adresári podradenej témy, ktorý ste práve vytvorili). Po vytvorení súboru skopírujte a prilepte nasledujúci kód ( Podrobnosti nižšie zmeňte^(Change) podľa špecifikácií témy):

/*
 Theme Name: Twenty Sixteen Child
 Theme URI: http://example.com/twenty-sixteen-child/
 Description: Twenty Sixteen Child Theme
 Author: WordPress Team
 Author URI: http://example.com
 Template: twentysixteen
 Version: 1.3.0
 License: GNU General Public License v3 or later
 License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

Poznámka: ^(Note: ) Riadok Šablóna^(Template) ( Šablóna^(Template) : dvadsaťšestnásť) sa má zmeniť podľa vášho aktuálneho názvu adresára tém (nadradenej témy, ktorej dieťa vytvárame). Nadradená téma v našom príklade je téma Twenty Sixteen , takže šablóna^(Template) bude mať dvadsaťšestnásť.

Predtým sa @import používal na načítanie šablóny so štýlmi z nadradenej do podradenej témy, ale teraz to nie je dobrý spôsob, pretože predlžuje čas na načítanie šablóny so štýlmi. Namiesto použitia @import je na načítanie šablóny so štýlmi najlepšie použiť funkcie PHP v súbore funkcií podriadenej témy.

Ak chcete použiť súbor functions.php, musíte si ho vytvoriť v adresári podriadenej témy. Vo svojom súbore functions.php použite nasledujúci kód:

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

}
?>

Vyššie uvedený kód funguje iba vtedy, ak vaša nadradená téma používa iba jeden súbor .css na uloženie celého kódu CSS .

Ak vaša podriadená téma style.css skutočne obsahuje kód CSS (ako zvyčajne), budete ho musieť tiež zaradiť do frontu:

<?php
function my_theme_enqueue_styles() {

    $parent_style = 'parent-style'; // This is 'twentyfifteen-style' for the Twenty Fifteen theme.

    wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style',
        get_stylesheet_directory_uri() . '/style.css',
        array( $parent_style ),
        wp_get_theme()->get('Version')
    );
}
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
?>

Je čas aktivovať detskú tému, prihláste sa do svojho administrátorského panela, potom prejdite na Appearance > Themes a aktivujte si detskú tému z dostupného zoznamu tém.

Poznámka:^(Note:) Po aktivácii podradenej témy možno budete musieť znova uložiť ponuku ( Appearance > Menus ) a možnosti témy (vrátane obrázkov pozadia a hlavičky).

Teraz, kedykoľvek budete chcieť vykonať zmeny vo svojom style.css alebo functions.php, môžete to jednoducho urobiť vo svojej podradenej téme bez ovplyvnenia nadradeného priečinka témy.

Vytvorenie podradenej témy^{(Child Theme)} vo WordPress z vašej nadradenej témy, ale väčšina z vás už svoju tému prispôsobila, potom vám vyššie uvedená metóda vôbec nepomôže. V takom prípade si prečítajte, ako aktualizovať tému WordPress bez straty prispôsobenia.

Ak dúfame, že vám tento článok pomohol, ale ak máte stále nejaké otázky týkajúce sa tohto sprievodcu, neváhajte sa ich opýtať v komentároch.

Creating Child Theme in WordPress

Only a handful оf WordPress users uses a child theme and that’s because many of thе userѕ don’t know what is a child theme or Creating Child Theme in WordPress. Well, most of the people υsing WordPresѕ tend to edit or customize their theme but all that customization is lost when yоu update your theme аnd that’s where thе use of child themе comes. When you uѕe a child theme then аll your customization will be saved and you can easily υpdate the parent theme.

Creating a Child Theme from an Unmodified Parent Theme

In order to create a child theme in WordPress you need to login to your cPanel and navigate to the public_html then wp-content/themes where you have to create a new folder for your child theme (example /Twentysixteen-child/). Make sure you don’t have any spaces in the name of child theme directory which may result in errors.

Recommended: You can also use One-Click Child Theme plugin to create a child theme(only from an unmodified parent theme).

Now you need to create a style.css file for your child theme (inside the child theme directory you just created). Once you have created the file just copy and paste the following code (Change below details according to your theme specifications):

/*
 Theme Name: Twenty Sixteen Child
 Theme URI: http://example.com/twenty-sixteen-child/
 Description: Twenty Sixteen Child Theme
 Author: WordPress Team
 Author URI: http://example.com
 Template: twentysixteen
 Version: 1.3.0
 License: GNU General Public License v3 or later
 License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

Note: The Template line (Template: twentysixteen) is to be changed according to your current name of the theme directory(the parent theme whose child we are creating). The parent theme in our example is the Twenty Sixteen theme, so the Template will be twentysixteen.

Earlier @import was used to load the stylesheet from parent to the child theme, but now it’s not a good method as it increases the amount of time to load the stylesheet. In place of using @import its best to use PHP functions in your child theme functions.php file to load the stylesheet.

In order to use functions.php file you need to create one in your child theme directory. Use the following code in your functions.php file:

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

}
?>

The above code only works if your parent theme uses only one .css file to hold all the CSS code.

If your child theme style.css contain actually CSS code (as it normally does), you will need to enqueue it as well:

<?php
function my_theme_enqueue_styles() {

    $parent_style = 'parent-style'; // This is 'twentyfifteen-style' for the Twenty Fifteen theme.

    wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style',
        get_stylesheet_directory_uri() . '/style.css',
        array( $parent_style ),
        wp_get_theme()->get('Version')
    );
}
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
?>

It’s time to activate your child theme, login to your admin panel then go to Appearance > Themes and activate your child theme from the available list of themes.

Note: You may need to re-save your menu (Appearance > Menus) and theme options (including background and header images) after activating the child theme.

Now whenever you want to make changes to your style.css or functions.php you can easily do that in your child theme without affecting the parent theme folder.

Creating Child Theme in WordPress from your parent theme, but most of you have already customized your theme then the above method is not going to help you at all. In that case, check out how to update a WordPress Theme without losing customization.

If hope this article was helpful to you but if you still have any question regarding this guide please feel free to ask them in comments.

Eleonóra Kolrusová

About the author

Som softvérový inžinier s viac ako 10-ročnými skúsenosťami s vývojom a údržbou aplikácií pre Windows 11 alebo 10. Mám tiež skúsenosti s prácou s Google Docs a Microsoft Edge. Moje schopnosti v týchto oblastiach zo mňa robia vynikajúceho kandidáta na pozície softvérového inžinierstva v budúcnosti.

Vytvorenie detskej témy vo WordPress

Vytvorenie detskej témy vo WordPress

Vytvorenie podradenej témy z neupravenej nadradenej témy^{(Creating a Child Theme from an Unmodified Parent Theme)}

Creating Child Theme in WordPress