Владельческий шаблон (дочерняя тема) WordPress — это специальная тема, которая наследует функционал и стиль основной (родительской) темы, позволяя вносить изменения без риска потерять их при обновлении родительской темы. Это одна из самых важных практик для разработчиков и продвинутых пользователей WordPress, стремящихся безопасно кастомизировать сайт.
Что такое дочерняя тема и зачем она нужна
Дочерняя тема — это отдельный набор файлов, который использует файлы и функции родительской темы, но позволяет переопределять их или добавлять новые. Без дочерней темы все изменения в файлах родительской темы будут потеряны при её следующем обновлении. Владельческий шаблон решает эту проблему, сохраняя ваши кастомизации в отдельном месте.
Использование дочерней темы:
- Обеспечивает безопасность обновлений родительской темы.
- Позволяет добавлять новые функции и стили.
- Упрощает организацию кастомных изменений.
Если вы используете темы с темой Bono или Root от WPShop, создание дочерней темы особенно актуально, так как эти темы регулярно обновляются.
Создание базового владелческого шаблона WordPress: пошагово
Для создания дочерней темы нужно выполнить несколько простых шагов. Рассмотрим на примере родительской темы twentytwentyone.
1. Создайте папку для дочерней темы
Перейдите в директорию wp-content/themes/ и создайте новую папку, например, twentytwentyone-child.
2. Создайте файл style.css
Внутри папки twentytwentyone-child создайте файл style.css со следующим содержанием:
/*
Theme Name: Twenty Twenty-One Child
Theme URI: https://example.com/twenty-twenty-one-child/
Description: Дочерняя тема для Twenty Twenty-One
Author: Ваше имя
Author URI: https://example.com
Template: twentytwentyone
Version: 1.0.0
Text Domain: twentytwentyone-child
*/
Важно: поле Template должно точно совпадать с названием папки родительской темы.
3. Подключите стили родительской темы
Создайте файл functions.php в папке дочерней темы и добавьте туда следующий код для подключения стилей:
<?php
function wplink_enqueue_child_styles() {
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'));
}
add_action('wp_enqueue_scripts', 'wplink_enqueue_child_styles');
?>
Этот код гарантирует, что стили родительской темы будут загружены перед стилями дочерней темы.
4. Добавьте свою кастомизацию
Теперь вы можете добавлять свои CSS-правила в style.css дочерней темы, а также создавать свои шаблоны и функции, которые будут переопределять или дополнять функциональность родительской темы.
Как переопределять шаблоны родительской темы
Чтобы изменить какой-либо файл шаблона, например header.php или single.php, просто скопируйте его из папки родительской темы в папку дочерней темы и внесите нужные изменения. WordPress при загрузке шаблонов будет отдавать приоритет файлам из дочерней темы.
Это особенно полезно, если нужно изменить разметку, добавить новые элементы или изменить логику отображения без риска потерять изменения после обновления родителя.
Пример расширения функций родительской темы через дочернюю
В файле functions.php дочерней темы можно добавлять свои функции и фильтры. Например, добавим функцию, которая выводит дополнительный текст в конце каждой записи:
<?php
function wplink_child_add_custom_text($content) {
if (is_single()) {
$content .= '<p><em>Спасибо за чтение!</em></p>';
}
return $content;
}
add_filter('the_content', 'wplink_child_add_custom_text');
?>
Этот код добавит небольшой благодарственный текст в конец всех одиночных записей.
Рекомендации по работе с дочерними темами
- Используйте дочерние темы для всех кастомизаций, чтобы избежать потери изменений при обновлении.
- Регулярно тестируйте сайт после обновления родительской темы, чтобы убедиться в совместимости кастомных изменений.
- Для сложных изменений можно использовать плагины, но дочерние темы остаются отличным инструментом для кастомизации внешнего вида и шаблонов.
- Если вы используете темы от WPShop, такие как JournalX, дочерняя тема поможет сохранить индивидуальные настройки.
Заключение
Создание владелческого шаблона — обязательный навык для любого разработчика WordPress, который хочет безопасно и эффективно кастомизировать сайт. Это простой и надёжный способ сохранить свои изменения при обновлениях и обеспечить масштабируемость проекта.