Дочерняя тема в WordPress
Опубликовано: 01.09.2018
В очередном обновлении платформы всегда добавляются новые функции, улучшается защита, появляются новые возможности. Так, одну из нескольких возможностей можно отметить такой полезный инструмент, как создание и управление произвольного меню в WordPress . И это лишь одна из многих функций. А есть и более значительные, например – дочерняя тема.
Что представляет из себя дочерняя тема WordPress?
Не хотелось бы сильно углубляться в эту тему, учитывая, что на официальном сайте есть хороший русскоязычный мануал (). Скажу лишь пару слов о пользе дочерней темы, и что она из себя представляет.
Значение: дочерняя тема (ДТ), главным образом, предназначена для правильного редактирования родительской темы (та, которая активированная в данный момент). Использование такого способа позволит сохранить все внесенные изменения родительской темы (РТ) при ее следующем обновлении.
Зачем нужна дочерняя тема WordPress
Польза: Колоссальная. Поскольку это правильное решение в любых изменениях РТ.
Как создать дочернюю тему в WordPress
В кодексе WordPress (ссылка выше) идет подробное пошаговое описание действий по созданию дочерней темы. В сущности, ничего сложного здесь нет. Скорее, наоборот: все очень просто. Но не у каждого найдется желание возиться с файлами (осуждать их не станем – это дело личное). На такой случай существуют плагины, которые сделают практически всю работу за вас.
Как создать дочернюю тему WordPress
Об этом варианте мы вкратце и поговорим. В репозитории, как всегда, большой выбор плагинов в реализации решений каких-либо задач. Мой выбор пал на плагин « One-Click Child Theme », который создаст дочернюю тему в один клик.
После активации модуля «One-Click Child Theme» перейдите во вкладку «Внешний вид – Child Theme». На этой странице находится три поля для заполнения:
Дальше жмем кнопку «Create Child». После этого будет создана ДТ, и она же сразу станет активирована. Когда проделаете это действие, тогда можно полностью удалить плагин – больше он не нужен.
Как работать с дочерней темой
Когда у вас возникает необходимость отредактировать родительскую тему (например, внести какие-то изменения, добавить новый блок, удалить блок и прочее) то с целью сохранения или даже безопасности лучше всего это делать через дочернюю тему.
Файлы темы. Копируется из РТ файл, в котором требуется что-то сделать свое, и переносится в ДТ (учитывайте, если файл находится в подпапке темы, то в ДТ также создаете такую же папку). Затем уже начинайте с ним работать, меняете, добавляете то, что нужно и проверяете результат.
Стили оформления (style.css). Для того, чтобы иметь возможность редактировать стили родительской темы непосредственно в дочерней теме, нужно их вначале импортировать через файл style.css или файл functions.php . Иначе изменения не будут происходить. А делается это так:
CSS @import
/* Theme Name: child-my-theme Description: Дочерняя тема Author: WordSmall Template: tribute */ @import url("../название РТ/style.css");Функция
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' ); function my_theme_enqueue_styles() { wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' ); }Шаблон рубрик и страниц. Когда вам нужно создать шаблон категорий в WordPress или шаблон страниц , то лучше также реализовать это через дочернюю тему – тем же способом, только все файлы помещать в ДТ.
functions.php. Файл functions.php в отличие от предыдущих не меняется и не импортируется, а загружается как дополнение к родительскому файлу. Его не нужно копировать с РТ просто создать файл в ДТ с названием functions.php. И тогда обычным нам способом добавлять в него нужные вам функции. Таким образом, будет правильный подход к модификации и расширений возможностей родительской темы.
Подключение файлов из дочерней темы. Для того чтобы подключить файлы из ДТ, необходимо использовать определенные функции, указывающие правильный путь.Примеры:
Подключить файл стилей в functions.php из ДТ
// Подключить файл стилей из ДТ function my_styles_scripts() { wp_enqueue_style( 'child-theme', get_stylesheet_directory_uri() . '/font/style.css', array(), '', 'all' ); } add_action( 'wp_enqueue_scripts', 'my_styles_scripts' );Подключить стили в header.php из ДТ
<link rel="stylesheet" type="text/css" href="<?php echo get_stylesheet_directory_uri(); ?>/fonts/fonts.css" />Путь к картинке из ДТ
<a href="#"><img src="<?php echo get_stylesheet_directory_uri() ?>/images/logo.png">Ссылка</a>Импорт файла из ДТ
require_once( get_stylesheet_directory() . '/my_included_file.php' );