Как создать дочернюю тему Kadence и зачем она нужна

Дочерняя тема в WordPress — это отдельная тема, которая наследует внешний вид и функции основной темы. В нашем случае основной темой будет Kadence, а дочерней — Kadence Child.

Главная идея простая: мы не меняем файлы основной темы напрямую. Все свои правки, шаблоны и дополнительный код можно хранить в дочерней теме. Тогда при обновлении Kadence наши изменения не пропадут.

Зачем нужна дочерняя тема Kadence

Kadence регулярно обновляется: исправляются ошибки, улучшается безопасность, добавляются новые возможности. Если вносить изменения прямо в файлы основной темы, например в functions.php или шаблоны, то после обновления эти изменения могут быть перезаписаны.

Дочерняя тема решает эту проблему.

Она нужна, если вы планируете:

• добавлять PHP-код в тему;
• менять шаблоны страниц;
• переопределять шаблоны WooCommerce;
• подключать свои CSS/JS-файлы;
• делать кастомную структуру сайта;
• передавать сайт разработчику для дальнейших правок.

Если же вы меняете только цвета, шрифты, отступы, шапку и подвал через настройки Kadence, дочерняя тема не обязательна. Но для аккуратной разработки её лучше поставить заранее.

Важный момент

Дочернюю тему лучше устанавливать до того, как вы полностью настроили внешний вид сайта.

Почему? WordPress воспринимает обычную тему Kadence и Kadence Child как две разные активные темы. Поэтому настройки внешнего вида могут не подтянуться автоматически.

Например, после активации дочерней темы могут измениться:

• цвета;
• шрифты;
• шапка;
• подвал;
• меню;
• виджеты;
• настройки страниц;
• настройки WooCommerce;
• дополнительные стили;
• кастомные скрипты.

Это не значит, что сайт сломался. Просто настройки были сохранены для основной темы Kadence, а теперь активна другая тема — Kadence Child.

Ниже покажу, как это исправить через экспорт и импорт настроек.

Шаг 1. Создаём папку дочерней темы

На компьютере создаём папку:

kadence-child

Внутри этой папки должны быть два файла:

style.css
functions.php

Структура должна выглядеть так:

kadence-child/
├── style.css
└── functions.php

Шаг 2. Создаём файл style.css

Файл style.css нужен WordPress, чтобы он понял: перед ним настоящая тема.

Вставляем в style.css такой код:

/*
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Description: Child theme for Kadence.
Version: 1.0.0
Text Domain: kadence-child
*/

Самая важная строка здесь:

Template: kadence

Она говорит WordPress, что родительская тема называется kadence.

Важно: название должно быть именно kadence, потому что это имя папки основной темы Kadence.

Шаг 3. Создаём файл functions.php

Файл functions.php нужен для подключения стилей дочерней темы и для будущего PHP-кода.

Добавляем в него:

<?php
add_action('wp_enqueue_scripts', function () {
    wp_enqueue_style(
        'kadence-child',
        get_stylesheet_uri(),
        ['kadence-global'],
        wp_get_theme()->get('Version')
    );
});

Этот код подключает CSS-файл дочерней темы.

Шаг 4. Архивируем дочернюю тему

Теперь нужно создать ZIP-архив.

Важно архивировать именно папку kadence-child, а не два файла отдельно.

Правильная структура архива:

kadence-child.zip
└── kadence-child/
    ├── style.css
    └── functions.php

Если в архиве не будет файла style.css в правильном месте, WordPress покажет ошибку:

В теме отсутствует таблица стилей style.css

Шаг 5. Устанавливаем тему в WordPress

Заходим в админку WordPress:

Внешний вид → Темы → Добавить новую → Загрузить тему

Выбираем файл:

kadence-child.zip

Нажимаем Установить, затем Активировать.

Важно: основная тема Kadence должна быть установлена. Дочерняя тема не работает без родительской.

Что делать, если после активации сайт стал выглядеть иначе

Это нормальная ситуация, если сначала сайт был настроен на обычной Kadence, а потом вы активировали Kadence Child.

Настройки внешнего вида могли остаться привязанными к основной теме.

В этом случае помогает экспорт и импорт настроек.

Как перенести настройки из Kadence в Kadence Child

Сначала активируем обычную тему Kadence.

Затем заходим:

Внешний вид → Настроить

В меню настроек находим пункт:

Импорт/Экспорт

Как на скриншоте, там есть блок Экспорт.

Нажимаем кнопку:

Экспорт

WordPress скачает файл с настройками текущей темы.

После этого активируем Kadence Child.

Снова заходим:

Внешний вид → Настроить → Импорт/Экспорт

В блоке Импорт нажимаем:

Выберите файл

Выбираем ранее скачанный файл настроек и нажимаем:

Импорт

После этого настройки основной Kadence должны перенестись в дочернюю тему.

Что проверить после импорта

После импорта обязательно проверьте:

• шапку сайта;
• подвал;
• меню;
• цвета;
• шрифты;
• настройки главной страницы;
• виджеты;
• настройки блога;
• настройки WooCommerce;
• дополнительные стили;
• custom scripts;
• переключатель светлой и тёмной темы, если он был добавлен отдельно.

Некоторые вещи могут потребовать ручной проверки. Например, меню иногда нужно заново назначить в нужную область.

Итог

Дочерняя тема Kadence нужна для безопасной кастомизации сайта. Она позволяет обновлять основную тему Kadence без риска потерять свои правки.

Лучше всего устанавливать дочернюю тему в самом начале работы над сайтом. Но если сайт уже был настроен на обычной Kadence, ничего страшного: можно экспортировать настройки основной темы и импортировать их в Kadence Child через раздел Импорт/Экспорт в настройках темы.

Файл дочерней темы Kadence

Чтобы вам не делать лишнюю работу, если вы уже все поняли и все знаете. Но я рекомендую своими ручками сделать дочернюю тему.