Создаем и используем дочерние темы в WordPress

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

Зачем все это нужно? Почему бы просто не сделать копию оригинального шаблона и не поиздеваться над ним? Есть много разговоров на эту тему. Некоторые ребята утверждают, что дочерние темы – это потеря времени. Поэтому давайте разберемся как следует, чтобы вы самостоятельно пришли к заключению.

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

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

Чтобы создать дочернюю тему — просто создайте папку по своему желанию в wp-content/themes и разместите в ней файл style.css

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

Вот пример заголовка:

/*
Theme Name: My Cool Child Theme
Theme URI: https://digwp.com/
Description: Child Theme for Digging Into WordPress
Author: Chris Coyier
Author URI: https://chriscoyier.net/
Template: DigWP
Version: 2.0
*/
@import url("../digWP/style.css");

Иерархия шаблонов в WordPress
Иерархия шаблонов в WordPress

Самая важная строка Template: DigWP , которая ссылается на папку с родительской темой. Последняя строка импортирует стили из родительского шаблона, строка опциональная, но используется для того, чтобы задать базовые стили, которые будут меняться и к которым будут добавляться новые. Все что будет написано ниже – будет перезаписывать и заменять значения и параметры из родительского шаблона.

Например, если изначально цвет ссылок красный, т.е. в родительском шаблоне указано a { color: red; }, то после указания в дочернем a { color: green; } ссылки станут зеленого цвета, заменив оригинальное значение.

Никакие дополнительные !important правила не требуются, новые стили перекрывают старые.

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Scroll Up
Adblock detector