WordPress: Создаём дочернюю тему

Дочерняя тема – это как надстройка над основной темой. Все правки и изменения в дочерней теме влияют на отображение и поведение элементов на сайте, но при этом не затрагивают функционал основной темы, на которой работает сайт. Приэтом обновления основной темы не уничтожат все ваши доработки, которые вы внесли в дочернюю тему (коды счётчиков, скрипты, прописанные вручную, стили и др).


Скачать исходники для статьи можно ниже

Рассмотрим создание дочерней тема на основе стандартной бесплатной wordpress темы – Twentytwenty.

Сперва в папке wp-content/themes создаем новую папку и называем ее точно также как основную тему, но добавляем в название -child.

Теперь в этой папке нужно создать всего 2 файла. Первый это style.css, в котором такое содержание. Важные строки здесь Template: twentytwenty (тут указано к какой теме относится эта дочерняя тема) и Text Domain: twenty-twenty-child (где название папки дочерней темы).

/*
Theme Name:   Twenty Twenty Child
Description:  A child theme for Twenty Twenty
Author:       Your Name
Author URI:   https://yourblog.com
Template:     twentytwenty
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         two-columns, right-sidebar
Text Domain:  twenty-twenty-child
*/

Второй файл это functions.php, в который нужно добавить следующий код:

<?php
//Child theme for twenty twenty
function my_theme_enqueue_styles() {
 
    $parent_style = 'twentytwenty-style'; // Make sure here it's the parent 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' );

?>

Теперь если вы загляните в админке в раздел Темы, то увидите новую созданную тему twentytwenty–child. Активируйте ее. Сейчас она ничем не отличается от основной темы, но зато в ней можно экспериментировать с настройками.

Дополнительно, я рекомендую скопировать из основной темы файл footer.php и в этом файле в нужно место вставить коды счетчиков.

На этом всё, прибыльных Вам сайтов!

Введите свой email адрес для того, чтобы подписаться на мой блог:


knopkisoc

Добавить комментарий