Само шепа потребители на WordPress използват дъщерна тема и това е така, защото много от потребителите не знаят какво е дъщерна тема или Създаване на детска тема^{(Creating Child Theme)} в WordPress . Е^(Well) , повечето хора, които използват WordPress , са склонни да редактират или персонализират своята тема, но цялата тази персонализация се губи, когато актуализирате темата си и оттук идва използването на дъщерна тема. Когато използвате дъщерна тема, тогава цялата ви персонализация ще бъде запазена и можете лесно да актуализирате родителската тема.

Създаване на детска тема в WordPress

Създаване на дъщерна тема от немодифицирана родителска тема^{(Creating a Child Theme from an Unmodified Parent Theme)}

За да създадете дъщерна тема в WordPress , трябва да влезете в своя cPanel и да отидете до public_html, след това wp-content/themes, където трябва да създадете нова папка за вашата дъщерна тема (пример /Twentysixteen-child/). Уверете се, че нямате интервали в името на директорията на дъщерната тема, което може да доведе до грешки.

Препоръчително:^{(Recommended:)} Можете също да използвате плъгин Child Theme с едно щракване, за^{(One-Click Child Theme plugin)} да създадете дъщерна тема (само от немодифицирана родителска тема).

Сега трябва да създадете файл style.css за вашата детска тема (вътре в директорията на дъщерната тема, която току-що създадохте). След като създадете файла, просто копирайте и поставете следния код ( Променете^(Change) по-долу подробностите според спецификациите на вашата тема):

/*
 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: ) Редът Template ( Template : twentysixteen) трябва да бъде променен според текущото ви име на директорията с теми (родителската тема, чието дете създаваме). Родителската тема в нашия пример е темата Twenty Sixteen , така че шаблонът^(Template) ще бъде двадесет и шестнадесет.

По-рано @import се използваше за зареждане на стиловата таблица от родителска към дъщерната тема, но сега това не е добър метод, тъй като увеличава времето за зареждане на таблицата със стилове. Вместо използването на @import най-добре е да използвате PHP функции във файла functions.php на вашата дъщерна тема, за да заредите таблицата със стилове.

За да използвате файл functions.php, трябва да създадете такъв в директорията на вашата дъщерна тема. Използвайте следния код във вашия файл functions.php:

<?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' );

}
?>

Горният код работи само ако вашата родителска тема използва само един .css файл, за да съхранява целия CSS код.

Ако вашата детска тема style.css съдържа действително CSS код (както обикновено), ще трябва също да го поставите в опашка:

<?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' );
?>

Време е да активирате детската си тема, влезте в административния си панел, след което отидете на Appearance > Themes и активирайте детската си тема от наличния списък с теми.

Забележка:^(Note:) Може да се наложи да запазите отново менюто си ( Appearance > Menus ) и опциите за тема (включително фонови и заглавни изображения) след активиране на дъщерната тема.

Сега, когато искате да направите промени във вашия style.css или functions.php, можете лесно да направите това във вашата дъщерна тема, без да засягате папката на родителската тема.

Създаване на детска тема^{(Child Theme)} в WordPress от вашата родителска тема, но повечето от вас вече са персонализирали вашата тема, тогава горният метод няма да ви помогне изобщо. В такъв случай вижте как да актуализирате тема на WordPress , без да губите персонализиране.

Ако се надяваме, че тази статия ви е била полезна, но ако все още имате въпроси относно това ръководство, моля, не се колебайте да ги попитате в коментари.

Creating Child Theme in WordPress

Only a handful of WordРress usеrs uses a child theme and that’ѕ because many of the users don’t know what is a child theme or Creating Child Theme in WordPress. Well, most of the рeople using WordPress tend to edit or cuѕtomizе their theme but all that cuѕtomization is lost when you update your theme and that’ѕ whеre the υse of child theme comes. When you use a сhild theme then all your customization will be saved and you can eaѕily update 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.

София Точева-Клопова

About the author

Аз съм уеб разработчик с над 10 години опит, включително 8 години като професионален софтуерен инженер. Също така имам опит в разработването на мобилни приложения и игри, както за настолни компютри, така и за мобилни устройства. В свободното си време обичам да играя видео игри и да гледам филми, да слушам музика, да чета книги и да се занимавам с градинарство.

Създаване на детска тема в WordPress

Създаване на детска тема в WordPress

Създаване на дъщерна тема от немодифицирана родителска тема^{(Creating a Child Theme from an Unmodified Parent Theme)}

Creating Child Theme in WordPress