Дочерняя тема WordPress. Краткий обзор

Сайтостроение WordSmall

В очередном обновлении платформы всегда добавляются новые функции, улучшается защита, появляются новые возможности. Так, одну из нескольких возможностей можно отметить такой полезный инструмент, как создание и управление произвольного меню в WordPress. И это лишь одна из многих функций. А есть и более значительные, например – дочерняя тема.

Что представляет из себя дочерняя тема WordPress?

Не хотелось бы сильно углубляться в эту тему, учитывая, что на официальном сайте есть хороший русскоязычный мануал (здесь). Скажу лишь пару слов о пользе дочерней темы, и что она из себя представляет.

Значение: дочерняя тема (ДТ), главным образом, предназначена для правильного редактирования родительской темы (та, которая активированная в данный момент). Использование такого способа позволит сохранить все внесенные изменения родительской темы (РТ) при ее следующем обновлении.

Польза: Колоссальная. Поскольку это правильное решение в любых изменениях РТ.

Как создать дочернюю тему в WordPress

В кодексе WordPress (ссылка выше) идет подробное пошаговое описание действий по созданию дочерней темы. В сущности, ничего сложного здесь нет. Скорее, наоборот: все очень просто. Но не у каждого найдется желание возиться с файлами (осуждать их не станем – это дело личное). На такой случай существуют плагины, которые сделают практически всю работу за вас.

Об этом варианте мы вкратце и поговорим. В репозитории, как всегда, большой выбор плагинов в реализации решений каких-либо задач. Мой выбор пал на плагин «One-Click Child Theme», который создаст дочернюю тему в один клик.

После активации модуля «One-Click Child Theme» перейдите во вкладку «Внешний вид – Child Theme». На этой странице находится три поля для заполнения:

настройка плагина child

Дальше жмем кнопку «Create Child». После этого будет создана ДТ, и она же сразу станет активирована. Когда проделаете это действие, тогда можно полностью удалить плагин – больше он не нужен.

One-Click Child Theme

Как работать с дочерней темой

Когда у вас возникает необходимость отредактировать родительскую тему (например, внести какие-то изменения, добавить новый блок, удалить блок и прочее) то с целью сохранения или даже безопасности лучше всего это делать через дочернюю тему.

Файлы темы. Копируется из РТ файл, в котором требуется что-то сделать свое, и переносится в ДТ (учитывайте, если файл находится в подпапке темы, то в ДТ также создаете такую же папку). Затем уже начинайте с ним работать, меняете, добавляете то, что нужно и проверяете результат.

Стили оформления (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' );

Пример ДТ. Скачать

— Не забывайте делиться с друзьями в социальных сетях: —

Автор, он же Андрей, он же Admin, он же WordSmall

Лентяй-любитель, окончил высшую школу безделья с многочисленными знаками отличия. Создатель этого небольшого «чудо-блога» о еще более «чудном» контенте.

E-mail Google+ Twitter
Комментариев: 2
  • Вячеслав

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

    • WordSmall

      Спасибо за комментарий)

Добавить комментарий
bold quote code