Дочерняя тема WordPress (подтема) — это дополнительная тема, которая позволяет изменять/дополнять функции и внешний вид основной темы. При этом основная тема остается не тронутой, а значит её можно обновлять, не опасаясь, что внесенные изменения потеряются.
Дочерняя тема — это тема созданная на основе родительской. «На основе» значит, что если запрашиваемого файла темы нет, он будет взят из родительской темы: родительская тема как бы страхует дочернюю тему. С технической стороны, при создании дочерней темы, она становится основной, а родительская дополняющей темой.
Создание дочерней темы
Создать подтему легко! Ниже создается дочерняя к storefront тема.
- Создайте папку с любым названием в каталоге тем: wp-content/themes. Например storefront-child
- Создайте в новой папке файл style.css. С содержимым:
/*
Theme Name: Моя дочерняя тема
Template: storefront
Не обязательные параметры:
Theme URI: https://ru.wordpress.org/themes/storefront/
Description: Дочерняя тема для темы storefront
Author: NeonaFM
Author URI: https://neonafm.ru
Version: 1.0
*/
/* импортируем стили родительской темы */
@import url("../storefront/style.css");
/* Свои дополнительные стили */
.wp-block-button__link {
background-color: #eeeeee !important;
}
Зайдите во Внешний вид › Темы и активируйте новую тему «Моя дочерняя тема».
Обязательно нужно указать строку Template: storefront, (строка регистрозависима) она указывает что это подтема темы storefront.
Директива @import должна быть первым правилом в style.css. Если написать правила перед ней, то она не сработает и стили родительской темы не подключаться.
Скачать шаблон дочерней темы
Чтобы скачать файл, нужно войти на сайт через ВК и вступить в группу "NeonaFM|Создание сайтов|Переводы WordPress". Если с первого раза войти не удалось, попробуйте еще раз) После входа появится кнопка для скачивания файла! Если с первого раза войти не удастся, попробуйте еще раз! Нажмите здесь, чтобы войти на сайт через ВКонтакте.
Скачайте шаблон, разархивируйте его и, при помощи программы Notepad++, замените в файле style.css все фразы “Название Темы” на название той темы, для которой вы делаете дочку. Обратите внимание, многие строки регистрозависимые, по-этому, если “название темы” написано с маленькой буквы, то и вписывать название вашей темы, надо также с маленькой буквы! Например: не Storefront, а storefront.
Когда все нужные изменения внесены, запакуйте шаблон обратно, в формате ZIP, залейте тему к себе на сайт и активируйте ее.