Бурное развитие цифровых технологий и повсеместное использование социальных сетей кардинально изменили формат коммуникации между брендами и потребителями. Однако социальные платформы чаще служат пространством для возникновения первоначального диалога. Основной же фундамент экспертности, аргументации и авторитета компании по-прежнему закладывается на базе корпоративных блогов и официальных веб-сайтов.
Качественное цифровое присутствие через собственный блог — ценнейший актив для экспертов и компаний, стремящихся закрепить свою репутацию в сети. Благодаря платформам управления контентом, таким как WordPress, процесс создания привлекательного информационного пространства стал доступен каждому.
Однако многие владельцы сайтов сталкиваются с серьезной проблемой: после установки очередного регулярного обновления темы оформления весь индивидуальный дизайн, на который были потрачены десятки часов кропотливой работы, внезапно ломается или полностью сбрасывается к заводским настройкам.
Как защитить свои доработки от перезаписи при обновлениях? Решение этой задачи — использование дочерних тем (Child Themes).
—
Что такое дочерняя тема (Child Theme)?
Представьте, что вы потратили массу времени, редактируя файлы стилей и шаблонов вашей темы WordPress, чтобы довести внешний вид сайта до идеала. Спустя несколько месяцев в панели администратора появляется уведомление о выходе свежей версии темы с важными исправлениями безопасности. Вы нажимаете кнопку «Обновить» и с ужасом обнаруживаете, что все ваши уникальные шрифты, цвета, отступы и кастомные скрипты исчезли.
Именно для предотвращения таких ситуаций разработана концепция дочерних тем.
Дочерняя тема (Child Theme) — это тема оформления WordPress, которая наследует весь внешний вид, функционал и шаблоны родительской (основной) темы, но при этом изолирует все ваши персональные изменения.
Главное преимущество дочерней темы заключается в том, что при обновлении родительской темы файлы дочерней темы остаются нетронутыми. Таким образом, ваш сайт регулярно получает критические обновления безопасности и новые возможности родительской темы, сохраняя при этом ваш уникальный кастомизированный код и стиль.
—
Какие функции выполняет дочерняя тема на сайте?
Использование дочерней темы необходимо во всех случаях, когда вам требуется внести изменения в стандартный код шаблона, не рискуя потерять их в будущем:
- Безопасная правка CSS: Изменение визуальных параметров страниц, цветовых схем, типографики и адаптивной сетки.
- Расширение функционала: Добавление собственных функций PHP, хуков, фильтров и интеграций со сторонними сервисами без вмешательства в исходные файлы родительской темы.
- Переопределение шаблонов: Модификация отдельных структурных файлов (например, `header.php`, `footer.php`, `single.php`), которые перекрывают родительские файлы только для нужных страниц.
—
Пошаговое руководство по созданию дочерней темы
Чтобы наглядно разобрать процесс создания дочерней темы, возьмем в качестве родительской базовую тему Twenty Seventeen. Для создания собственной дочерней темы выполните следующие шаги:
1. Активация базовой темы: В панели управления WordPress («Внешний вид» → «Темы») убедитесь, что родительская тема (например, Twenty Seventeen) установлена. 2. Доступ к файловой системе: Подключитесь к хостингу через FTP-клиент или файловый менеджер панели управления и перейдите в каталог `/wp-content/themes/`. Здесь находятся папки всех установленных тем сайта. 3. Создание каталога дочерней темы: В папке `/wp-content/themes/` создайте новую директорию. Общепринятое правило именования — добавить к названию родительской папки суффикс `-child`. В нашем примере назовем ее `twentyseventeen-child`. 4. Создание обязательных файлов: Внутри созданной папки необходимо создать два ключевых текстовых файла: `style.css` и `functions.php`.
#### 3.1. Настройка файла style.css Откройте созданный файл `style.css` и добавьте в самое начало заголовочный комментарий с метаданными темы:
«`css /* Theme Name: Twenty Seventeen Child Theme URI: http://misitio.com/twenty-seventeen-child/ Description: Child theme para modificaciones varias Author: Mi nombre Author URI: http://misitio.com Template: twentyseventeen 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: twenty-seventeen-child */ «`
> Важно: Параметр `Template: twentyseventeen` должен в точности совпадать с именем папки родительской темы (с учетом регистра символов). Именно эта строчка указывает ядру WordPress, откуда наследовать основные стили и функционал.
#### 3.2. Настройка файла functions.php Чтобы стили родительской темы корректно загружались вместе со стилями дочерней, добавьте в файл `functions.php` функцию постановки стилей в очередь (`wp_enqueue_scripts`):
«`php
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’, ‘enqueue_styles_child_theme’ ); «`
5. Активация темы: Перейдите в административную панель WordPress («Внешний вид» → «Темы») и активируйте появившуюся тему Twenty Seventeen Child.
Теперь вы можете безопасно добавлять любые CSS-правила в `style.css` дочерней темы и новые функции в `functions.php`. Родительская тема сможет регулярно обновляться разработчиками, а ваш сайт навсегда сохранит стабильный, уникальный и защищенный дизайн.
This post is also available in: