Вордпресс поддерживает интересную технику создания шаблонов, известную как дочерние темы. Идея заключается в том, что вы задаете некий базовый шаблон как родительский, а затем применяете все правки к нему на дочернем шаблоне, не трогая таким образом родительский шаблон в принципе.
Зачем все это нужно? Почему бы просто не сделать копию оригинального шаблона и не поиздеваться над ним? Есть много разговоров на эту тему. Некоторые ребята утверждают, что дочерние темы – это потеря времени. Поэтому давайте разберемся как следует, чтобы вы самостоятельно пришли к заключению.
Нравится ли вам, чтобы ваш шаблон был всегда актуален и содержал все свежие апдейты и исправления. Нравится ли вам появление в шаблоне новых функций и возможностей? Шаблоны, основанные на фреймворках особенно часто обрастают дополнениями. Но, если вы внесли изменения в шаблон, становится достаточно больно обновить такую тему, чтобы не потерять свои правки. А если использовать дочерний шаблон, то это достаточно несложно — всего лишь обновите родительский шаблон, а все правки сохранятся в дочернем. А если вы хотите сделать несколько модификаций шаблона? Сделайте несколько дочерних и переключайтесь между ними.
С дочерними темами вы можете предложить пользователям выбор нескольких альтернатив, чтобы они активировали ту, что им больше понравится. И это без ручных правок или дублирования кода. Создание дочерних тем очень легкое и эффективное и позволяет всегда иметь актуальный и обновленный шаблон.
Чтобы создать дочернюю тему — просто создайте папку по своему желанию в 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
Самая важная строка Template: DigWP , которая ссылается на папку с родительской темой. Последняя строка импортирует стили из родительского шаблона, строка опциональная, но используется для того, чтобы задать базовые стили, которые будут меняться и к которым будут добавляться новые. Все что будет написано ниже – будет перезаписывать и заменять значения и параметры из родительского шаблона.
Например, если изначально цвет ссылок красный, т.е. в родительском шаблоне указано a { color: red; }, то после указания в дочернем a { color: green; } ссылки станут зеленого цвета, заменив оригинальное значение.
Никакие дополнительные !important правила не требуются, новые стили перекрывают старые.