Дочерняя тема WordPress: как создать и настроить

Логотип WordPress рядом с компьютером и кодом

Найдена тема WordPress, которая вам нравится, но нужно изменить её внешний вид или стиль CSS? Самый быстрый путь — дописать собственные правила в файл стилей темы. Но при обновлении родительской темы вы рискуете потерять эти правки.

Дочерняя тема решает эту проблему. Она наследует функциональность и шаблоны родительской темы, при этом ваши изменения хранятся в отдельной теме и не теряются при обновлениях. В этом руководстве вы найдёте три способа создания дочерней темы: с помощью онлайн-генератора, через плагин и вручную. Также здесь есть практические рекомендации, чек-листы и план действий на случай проблем.

Что такое дочерняя тема

Дочерняя тема — это полноценная тема WordPress, которая наследует стили, шаблоны и функции другой темы, называемой родительской. Вы можете переопределять отдельные файлы шаблонов и дописывать CSS или PHP, не меняя файлы родительской темы. Это безопасный способ кастомизации, рекомендованный для всех, кто собирается поддерживать правки в долгосрочной перспективе.

Ключевые понятия в одну строку:

Родительская тема — тема, от которой наследуют файлы и стили.
Дочерняя тема — ваша кастомная тема, которая переопределяет или добавляет файлы.
Template — директива в style.css дочерней темы, указывающая папку родительской темы.

Основные варианты создания дочерней темы

Онлайн-генератор — самый простой путь. Нужно только указать имя, скачать zip и установить.
Плагин — удобно делать прямо из админки WordPress.
Вручную — гибко, подходит для разработчиков и когда нужно контролировать каждый файл.

Ниже подробные инструкции по каждому методу.

1. Создание дочерней темы с помощью онлайн-генератора

Это наиболее простой метод. Перейдите на сайт генератора дочерних тем, введите имя дочерней темы и скачайте zip.

Популярные генераторы:

Astra Child Theme Generator — если используете тему Astra, сначала установите её.
Child Theme Generator — универсальные решения для популярных тем.

Скриншот генератора дочерней темы Astra, показывающий поле для имени темы и кнопку генерации

Процедура обычно такая:

Зайдите на сайт генератора.
Введите имя дочерней темы.
Нажмите Generate или аналогичную кнопку.
Скачайте zip и установите его как обычную тему через Внешний вид > Темы > Добавить.

Плюсы: быстро, не требует знаний PHP/CSS. Минусы: ограниченные настройки, иногда требуется ручная доработка.

2. Создание дочерней темы с помощью плагина

Если вы предпочитаете работать в админке, используйте плагин генератора дочерних тем. Рекомендуемый вариант — Child Theme Configurator.

Интерфейс плагина Child Theme Configurator с параметрами анализа родительской темы

Шаги:

Установите и активируйте плагин из каталога плагинов WordPress.
В админке перейдите в Инструменты > Дочерние темы.
Отметьте ‘Создать новую дочернюю тему’.
Выберите родительскую тему и нажмите Анализировать.
При успешном анализе нажмите Создать дочернюю тему.
Активируйте дочернюю тему в Внешний вид > Темы.

Плюсы: визуальный интерфейс, дополнительные опции. Минусы: плагин добавляет ещё один компонент в систему, иногда требуется ручная корректировка подключаемых файлов.

Скриншот с результатом анализа и кнопкой создания дочерней темы

3. Создание дочерней темы вручную

Это самый прозрачный и гибкий метод. Понадобятся базовые навыки работы с файловой системой сайта — через cPanel, менеджер файлов хостинга или FTP.

Необходимые компоненты:

Папка дочерней темы в wp-content/themes.
Файл style.css с заголовочным блоком.
Файл functions.php, который подключает стили родительской темы.

1. Создание папки темы

Рекомендуемый путь через cPanel: cPanel > File Manager > public_html > wp-content > themes. Создайте новую папку с именем родительской темы и добавьте суффикс -child. Пример: если родительская тема twentytwentyone, папка должна называться twentytwentyone-child.

Скриншот папки тем WordPress в cPanel, отображающий созданную папку дочерней темы

2. Создание style.css

Файл style.css обязателен. В него помещается заголовок темы и ваши CSS-правила. Пример корректного заголовка, который нужно вставить в новый файл style.css:

/*
Theme Name: Twenty Twenty One Child
Theme URI: http://example.com/twenty-twenty-one-child/
Description: Twenty Twenty One Child Theme
Author: Jane Doe
Author URI: http://example.com
Template: twentytwentyone
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain: twentytwentyonechild
*/

/* Ваши кастомные CSS-правила начинаются ниже */

body {
  /* пример: изменяем фон для дочерней темы */
  background-color: #ffffff;
}

Важно: директива Template должна точно совпадать с именем папки родительской темы.

3. Создание functions.php

Файл functions.php в дочерней теме используется для подключения стилей родительской темы и любых дополнительных функций. Простой и надёжный вариант подключения стилей:

Сохраните файл как functions.php в папке дочерней темы. После этого дочерняя тема будет корректно наследовать CSS родительской темы.

`Примечания по совместимости`

Если родительская тема использует более сложную очередь стилей или дополнительные скрипты, иногда требуется подключить родительские файлы с использованием wp_get_theme или указать зависимости при очереди стилей. Для сложных случаев изучите документацию родительской темы.
Если родительская тема использует блоки Full Site Editing (FSE) и JSON-темы, механизм дочерних тем отличается. В таких случаях рекомендуем проверять совместимость и читать документацию к конкретной теме.

`Дополнительные рекомендации и сценарии`

`Когда дочерняя тема не нужна`

Если вы вносите только мелкие изменения CSS, можно использовать раздел Внешний вид > Настроить > Дополнительные стили или плагин для кастомного CSS.
Если вы используете конструктор страниц (page builder) и все правки делаются внутри конструктора, дочерняя тема может быть излишней.

`Альтернативные подходы`

Плагин Custom CSS or Simple Custom CSS — быстрый способ добавить пользовательский CSS.
Плагин для сниппетов функций — сохранять PHP-правки безопасно без редактирования functions.php.
Кастомный плагин для сайта — если кастомизация выходит за пределы темы и должна работать независимо от темы.

`Ментальные модели и эвристики`

Изменения внешнего вида = CSS в дочерней теме.
Изменения логики или шаблонов = переопределение конкретных файлов шаблонов в дочерней теме.
Миграция на новую родительскую тему = проверьте все переопределенные файлы, возможно, потребуется адаптация.

`Шаблон методологии для команды (коротко)`

Оценка: определить цель правки и возможные риски.
Выбор метода: генератор, плагин или ручной способ.
Реализация: создать дочернюю тему, добавить CSS и шаблоны.
Тестирование: кроссбраузерная проверка, мобильная адаптация.
Деплой: активировать дочернюю тему на staging, затем на production.
Мониторинг: отслеживать ошибки и скорость загрузки.

`Чек-листы по ролям`

Разработчик:

Создать папку темы и файлы style.css и functions.php.
Проверить корректность Template в style.css.
Подключить стили корректно через wp_enqueue_style.
Протестировать на staging.

Маркетолог или контент-менеджер:

Проверить визуальные совпадения с макетом.
Проверить адаптацию на мобильных.
Убедиться, что шрифты и цвета соответствуют брендбуку.

Администратор сайта:

Сделать резервную копию файлов и базы данных перед правками.
Убедиться в работоспособности плагинов после активации дочерней темы.
Подготовить план отката.

`План отката и инцидентный runbook`

Если после активации дочерней темы сайт стал работать некорректно:

Отключите дочернюю тему и активируйте родительскую тему через Внешний вид > Темы.
Если админка недоступна, переименуйте папку дочерней темы через FTP или cPanel, чтобы WordPress переключился на родительскую тему автоматически.
Проверьте error_log на наличие ошибок PHP. Устраните синтаксические ошибки в functions.php.
Откатите изменения из резервной копии, если проблема не устраняется быстро.

`Критерии приёмки`

Дочерняя тема устанавливается и активируется без ошибок.
Внешний вид соответствует требованиям макета в основных браузерах и на мобильных.
Нет PHP-ошибок в логах после активации.
Функциональность плагинов не нарушена.

`Тестовые случаи и приёмка`

Установка дочерней темы и активация: страница отображается без фатальных ошибок.
Переопределение шаблона header.php: изменения видны на фронтенде.
Кастомный CSS: стили применяются и не конфликтуют с родительской темой.
Режим обслуживания: сайт не падает при включении дочерней темы на проде.

`Безопасность и конфиденциальность`

Не храните секреты и ключи API в файлах темы. Используйте wp-config.php или секретное хранилище.
Внимательно проверяйте сторонние сниппеты PHP перед вставкой в functions.php.
Делайте резервные копии перед изменениями.

`Совместимость и миграция`

Перед обновлением родительской темы тестируйте дочернюю тему на staging.
При переходе на новую версию родительской темы проверяйте переопределенные шаблоны — иногда меняется структура и нужно подправить файлы.

`Короткий глоссарий`

Родительская тема — основная тема, от которой наследуют файлы.
Дочерняя тема — тема, содержащая пользовательские изменения.
Template — поле в style.css, указывающее имя папки родительской темы.

`Часто задаваемые вопросы`

Q: Можно ли изменить функции родительской темы из дочерней темы? A: Да, вы можете добавлять собственные функции в functions.php дочерней темы и переопределять шаблоны. Но удалять функции родителя напрямую нельзя; вместо этого используйте remove_action или фильтры.

Q: Что делать, если при активации дочерней темы возникает белый экран? A: Белый экран обычно означает фатальную PHP-ошибку. Проверьте functions.php на синтаксические ошибки и включите display_errors на staging или просмотрите логи ошибок.

Q: Нужно ли подключать скрипты родительской темы в дочерней? A: Скрипты подключаются автоматически, если родительская тема делает это корректно. Если нет, подключите их явно через wp_enqueue_script с правильными зависимостями.

`Короткое резюме`

Дочерняя тема — безопасный способ кастомизации WordPress.
Для быстрого результата используйте генератор или плагин.
Для полного контроля создавайте дочернюю тему вручную и корректно подключайте стили.
Всегда тестируйте и делайте резервные копии перед изменениями.

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