Представьте: вы вложили 150 000 рублей в разработку сайта на WordPress. Дизайнер нарисовал уникальный лендинг, верстальщик накрутил кастомных стилей, программист допилил функционал под ваши бизнес-процессы. Всё работает идеально ровно до того момента, пока в админке не загорается значок: «Доступно обновление темы».
Что вы сделаете? Нажмёте «Обновить» и потеряете все кастомные доработки? Или оставите старую версию и будете сидеть с потенциальной дырой в безопасности? Знакомая дилемма?
На самом деле, третий вариант — правильный. И он называется «дочерняя тема WordPress».
Я за 8 лет в веб-разработке видел десятки бизнесов, которые теряли деньги из-за того, что разработчики поленились или не знали, как создать дочернюю тему. Клиент платил за уникальный функционал, а после обновления всё слетало. Приходилось платить снова. Абсурд? Ещё какой.
Давайте разберёмся, как сделать дочернюю тему правильно, чтобы ваш сайт оставался безопасным, обновляемым и не требовал переплат.
Что такое дочерняя тема и зачем она бизнесу
Дочерняя тема (child theme) — это надстройка над основной (родительской) темой WordPress. Она наследует весь функционал и стили «родителя», но позволяет вносить изменения без риска их потерять при обновлениях.
Простая аналогия: представьте, что вы арендуете офис. Родительская тема — это само здание. Вы можете сделать в нём ремонт, перекрасить стены, повесить свои картины. Но если арендодатель решит обновить фасад или заменить проводку — ваш ремонт снесут. Дочерняя тема — это ваша отдельная комната внутри здания. Вы делаете ремонт в ней, а арендодатель обновляет только общие помещения. Ваши изменения не трогают.
Для бизнеса это означает:
- Экономию бюджета. Вы не платите разработчику каждый раз за восстановление функционала после обновлений.
- Стабильность. Сайт не ломается внезапно в самый разгар сезона продаж.
- Безопасность. Вы можете обновлять родительскую тему и плагины без страха.
- Гибкость. Можно быстро вносить изменения, не трогая ядро системы.
Когда дочерняя тема обязательна?
Не каждый сайт требует дочерней темы. Если вы купили готовую тему на ThemeForest и просто меняете картинки в слайдере — можно обойтись без неё. Но если вы планируете:
- Менять цвета, шрифты, отступы (не через настройки кастомайзера, а через CSS)
- Добавлять новые шаблоны страниц
- Изменять HTML-структуру (например, переставлять блоки в футере)
- Добавлять кастомные функции в functions.php
- Менять поведение виджетов
…то без дочерней темы — как без рук. Любое обновление родительской темы перезапишет ваши изменения.
Я однажды консультировал интернет-магазин, который потерял 3 дня работы из-за того, что разработчик внёс правки напрямую в тему. Пришло обновление — слетела вёрстка карточки товара. Пришлось срочно откатывать, искать старую версию, восстанавливать. Потеряли продажи на 2 дня. Всё из-за экономии 20 минут на создании child theme.
Как создать дочернюю тему WordPress правильно
Давайте пошагово разберём процесс. Я покажу два способа: ручной (через FTP) и через плагин.
Ручной способ (рекомендую)
Этот метод даёт полный контроль и не требует установки лишних плагинов.
Шаг 1. Создайте папку для дочерней темы
Зайдите в /wp-content/themes/ через FTP или файловый менеджер хостинга. Создайте новую папку. Назовите её как родительскую тему + суффикс -child. Например, если родительская тема называется twentytwentyfour, создайте папку twentytwentyfour-child.
Шаг 2. Создайте файл style.css
Внутри новой папки создайте файл style.css со следующим содержимым:
/* Theme Name: Twenty Twenty-Four Child Theme URI: https://wenesis.ru Description: Дочерняя тема для Twenty Twenty-Four Author: Ваше имя или компания Author URI: https://wenesis.ru Template: twentytwentyfour Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: twentytwentyfourchild */
Самое важное — строка Template: twentytwentyfour. Она должна точно совпадать с именем папки родительской темы. Если ошибётесь — WordPress не увидит дочернюю тему.
Шаг 3. Создайте файл functions.php
Это обязательный файл. Без него стили родительской темы не подключатся.
<?php
/<em></em>
* Дочерняя тема Twenty Twenty-Four
*/
function child_theme_enqueue_styles() {
// Подключаем стили родительской темы
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
// Подключаем стили дочерней темы
wp_enqueue_style( 'child-style', get_stylesheet_uri(), array( 'parent-style' ), wp_get_theme()->get( 'Version' ) );
}
add_action( 'wp_enqueue_scripts', 'child_theme_enqueue_styles' );
Этот код гарантирует, что стили родительской темы загрузятся первыми, а ваши кастомные стили — поверх них. Без этого дочерняя тема будет работать некорректно.
Шаг 4. Активируйте дочернюю тему
Зайдите в админку WordPress → «Внешний вид» → «Темы». Вы увидите свою новую дочернюю тему. Активируйте её.
Готово. Теперь все изменения вы будете вносить только в файлы дочерней темы. Родительская остаётся нетронутой.
Способ через плагин (для новичков)
Если работа с FTP вызывает у вас страх, можно использовать плагины:
- Child Theme Configurator — самый популярный. Он автоматически создаёт дочернюю тему, анализирует родительскую и подключает все зависимости.
- One Click Child Theme — простой плагин, который делает то же самое буквально в два клика.
Но предупрежу: я не фанат плагинов для таких базовых вещей. Лишний плагин — лишняя нагрузка на сайт и потенциальная уязвимость. Лучше один раз разобраться с файловой структурой.
Как вносить изменения в дочернюю тему
Теперь, когда дочерняя тема создана, разберёмся, как правильно в ней работать.
Изменение стилей (CSS)
Все изменения CSS вносите в файл style.css дочерней темы (после заголовка).
/<em> Ваши кастомные стили </em>/
.site-header {
background-color: #2c3e50;
}
.main-navigation a {
color: #ecf0f1;
font-weight: 600;
}
Не трогайте style.css родительской темы. Если нужно переопределить какой-то стиль — просто напишите свой с таким же или более высоким приоритетом.
Изменение шаблонов (PHP-файлы)
Хотите изменить структуру header.php, footer.php или single.php? Скопируйте нужный файл из родительской темы в дочернюю и редактируйте его там.
WordPress сначала ищет файл в дочерней теме, и только если не находит — берёт из родительской. Это называется «цепочка шаблонов».
Например, если вы скопируете header.php в дочернюю тему и измените в нём логотип — эти изменения будут применяться, а родительский файл останется в безопасности.
Добавление функций (PHP)
Весь кастомный PHP-код пишите в functions.php дочерней темы. Никогда не редактируйте functions.php родительской темы.
Пример: добавим поддержку произвольного логотипа.
// В functions.php дочерней темы
function child_theme_custom_logo() {
add_theme_support( 'custom-logo', array(
'height' => 100,
'width' => 400,
'flex-height' => true,
'flex-width' => true,
) );
}
add_action( 'after_setup_theme', 'child_theme_custom_logo' );
Важный момент: если вы используете remove_action() или remove_filter() в дочерней теме — убедитесь, что они вызываются с правильным приоритетом. Иногда нужно добавить задержку, чтобы родительская функция успела зарегистрироваться.
Типичные ошибки при создании дочерней темы
Даже опытные разработчики иногда допускают промахи. Вот что чаще всего идёт не так.
Неправильное имя в Template
Самая частая ошибка — несовпадение имени папки родительской темы в строке Template: .... WordPress просто не увидит дочернюю тему. Проверьте регистр символов и отсутствие лишних пробелов.
Отсутствие functions.php
Без этого файла стили родительской темы не подключатся. Сайт будет выглядеть как голый HTML.
Редактирование родительской темы
Создали дочернюю, но продолжаете править файлы в родительской? Бессмысленно. Все изменения слетят при первом же обновлении.
Копирование всего родительского кода
Не копируйте весь functions.php родительской темы в дочернюю. Это может привести к конфликтам. Переносите только те функции, которые хотите изменить или дополнить.
Когда дочерняя тема не нужна
Честно говоря, есть ситуации, когда создание child theme — лишняя трата времени:
- Сайт на конструкторе страниц (Elementor, WPBakery). Если вся вёрстка сделана через плагин, а тема — лишь база, изменения вносятся через интерфейс плагина.
- Кастомная тема, написанная с нуля. Если тема создана специально для вас и не будет обновляться — дочерняя не нужна.
- Сайт-одностраничник без сложной логики. Иногда проще всё написать в одной теме.
Но в 80% случаев для бизнес-сайтов дочерняя тема — стандарт хорошего тона.
Как проверить, работает ли дочерняя тема
После активации сделайте простую проверку:
style.css вашей дочерней темы. Она должна загружаться.style.css дочерней темы, например:body {
border: 3px solid red;
}
Если сайт обвёлся красной рамкой — всё работает. Удалите тестовый код и приступайте к реальным правкам.
Бизнес-выгода: цифры и факты
Давайте посчитаем. Допустим, у вас интернет-магазин на WordPress с кастомной доработкой темы под бизнес-процессы. Разработка обошлась в 200 000 рублей.
Без дочерней темы:
- Каждое обновление родительской темы (а их выходит 4-6 в год) требует восстановления изменений.
- Средняя стоимость восстановления — 5 000 — 15 000 рублей за раз.
- В год: 6 × 10 000 = 60 000 рублей.
- За 3 года: 180 000 рублей — почти стоимость повторной разработки.
С дочерней темой:
- Обновления проходят без последствий.
- Вы платите только за первоначальную настройку child theme (обычно 1 000 — 3 000 рублей).
- Экономия за 3 года: около 170 000 рублей.
Цифры говорят сами за себя.
Резюме
Дочерняя тема — это не техническая прихоть разработчиков, а инструмент защиты ваших инвестиций в сайт. Она позволяет обновлять WordPress без страха, вносить изменения без риска и экономить деньги на повторной разработке.
Создать дочернюю тему правильно — дело 15 минут. Но эти 15 минут сэкономят вам тысячи рублей и десятки часов нервов в будущем.
Если вы заказываете разработку сайта на WordPress — обязательно требуйте, чтобы всё делалось через дочернюю тему. Если вам предлагают «пропатчить родительскую тему» — бегите от такого разработчика.
Ну а если хотите, чтобы ваш сайт был сделан грамотно с самого начала — обращайтесь в WENESIS. Мы всегда работаем через дочерние темы и знаем, как сделать так, чтобы ваш бизнес не терял деньги на технических проблемах.
Добавить комментарий