Только несколько пользователей 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:)} вы также можете использовать плагин One-Click 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) : двадцать шестнадцать) должна быть изменена в соответствии с вашим текущим именем каталога темы (родительская тема, дочернюю тему которой мы создаем). Родительской темой в нашем примере является тема 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 WordPress users uses a child theme and that’s because many of the users dоn’t know what is a child theme or Сreating Child Theme in WordPress. Well, moѕt of thе people using WordPresѕ tend to edit or customize their theme but all that customіzation is lost when you update your theme and that’s where the use of child theme comes. When you use a child themе then all your customization will be saved and you can easily update the parent theme.

Creating Child Theme in WordPress

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.

Related posts

• Как создать дочернюю тему WordPress

• Как настроить свой собственный веб-сайт, похожий на Twitter, используя тему WordPress P2

• Как переместить WordPress site от одного хоста на другой

• Как установить и настроить WordPress на Microsoft Azure

• Как бегать восколы быстро WordPress на Microsoft Azure

• WordPress показывает HTTP Error при загрузке изображений

• Must Have WordPress Yoast SEO Settings 2021

• Как создать блог Wix, который так же хорош, как WordPress

• Как перейти от классического редактора WordPress к Gutenberg

• Как использовать Lumen5, чтобы превратить сообщение в блоге в видео

• Как сделать WordPress Site Secure

• Squarespace против WordPress: какая платформа сайта лучше?

• Protect и закрепите WordPress website от хакеров

• Как сделать резервную копию вашего сайта WordPress

• Как проверить, заблокирован ли веб-сайт из AdSense

• Как вручную настроить WordPress на домене

• Как сделать дубликат страницы в WordPress

• Как изменить URL-адрес входа в WordPress для большей безопасности

• Как обновить PHP в WordPress

• Что такое AMP для WordPress и как его установить