Что такое дочерняя тема для Вордпрес (WordPress) и для чего она нужна
Дочерняя тема для Вордпресс, это тема которая создана и построена на основе иной стандартной темы WordPress. Она имеет внешний вид и весь функционал родительской (исходной) темы.
Нужна для того чтобы не менять файлы основной темы при обновлении. То есть, внося любые изменения, мы никак не влияем на первоначальную тему. Это очень упрощает тестирование вариантов дизайна темы (подбор фонов и пр.) и позволяет расширить функционал основной.
Как создать дочернюю тему для WordPress
В корневой каталог с темами сайта на WordPress, создаем папку для хранения дочерней темы (см. путь на скриншоте). Папка для дочерней темы может иметь любое понравившееся вам имя. Например: my-child-responsive, «responsive» название основной темы, для которой делаем дочернюю, у вас будет название вашей темы.
Для подключения дочерней темы создаем файл style.css. В файле указываем:
- имя дочерней темы, которое будет отображаться в консоле (* Theme Name);
- название директории с родительской темой (Template);
- ссылку на таблицу стилей родительской темы (директива @import url ('.../responsive/style.css')).
/**
* Theme Name: My-Child-НАЗВАНИЕВАШЕЙТЕМЫ
* Template: НАЗВАНИЕВАШЕЙТЕМЫ
*/
@import url ('.../НАЗВАНИЕВАШЕЙТЕМЫ/style.css');
Загружаем файл style.css в папку с дочерней тенмой (у меня my-child-responsive). Готово.
Настройка дочерней темы для WordPress
Идем в консоль нашего сайта на WordPress. Открываем вкладку «Темы» и видим, что у нас появилась новая тема My Child responsive – активируем ее.
Если после этого вы перейдете на ваш сайт, то увидите, что тема выглядит совершенно точно также как и родительская тема (у меня Responsive).
Меняем стили дочерней темы
- Теперь об удобствах работы с дочерней темой. К примеру, я хочу внести изменения в стиль темы. Для этого не нужно искать исходные файлы со стилями и менять их там. Мы идем в «внешний вид» — «редактор» — выбираем наш файл style.css и вносим в него изменения, которые будут применены минуя первоначальные стили родительской темы.
- Помимо этого, мы сразу скопируем, шаблоны основных разделов сайта в дочернюю тему для последующей редакции. Это файлы: header.php, footer.php и single.php. Копируем эти файлу из папки основной темы в папку с дочерней. Теперь можно их редактировать аналогично редакции файла style.css.
- Если нужно внести изменения в функционал темы, то копируем также файл functions.php и прописываем в нем, нужные нам новые функции. Удобнее это будет делать, удалив изначальное содержание файла functions.php.
В заключении хотела бы обратить ваше внимание, на то, что в файлах родительской темы ничего менять не рекомендуется. Если вы будете менять что-то в изначальных файлах темы, то все ваши изменения потеряются после обновления исходной темы WordPress.
Предыдущая статья: Создание сайта на WordPress самостоятельно