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

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

Здравствуйте, уважаемые читатели блога!

Сегодня, рассмотрим стандартную статью для большинства блогов посвященных WordPress — создание дочерней темы.

Для чего же нам может понадобится создание такой темы:

  1. Нам нужно изменить дизайн некоторых страниц блога, не затрагивая остальной функционал темы.
  2. Нам нужно изменить функционал какой-то определенной страницы — к примеру главной или формы комментирования.
  3. Нам нужно добавить новый функционал.

Да, конечно, все эти манипуляции мы можем производить и в текущей теме. Если она разработана нами или написана на заказ. Но если вы используете тему из репозитория WordPress, то лучше будет вносить изменения в дочернюю тему. Т.к. при правке родительской темы, и последующем ее обновлении, все ваши изменения буду удалены.

Создание дочерней темы

Первое что нам нужно, это создать каталог в по адресу «/www/wp-content/themes/», символизирующий название нашей дочерней темы. И так как я буду создавать дочернюю тему на базе «twentytwelve», я назову ее «chhild-twentytwelve».
Далее, нам нужно дать знать движку WordPress что разрабатываемая нами тема, является дочерней.

Для этого, переходим в каталог «chhild-twentytwelve», и создаем в нем файл стилей «style.css». В файл добавляем следующий комментарий:

/*
Template: twentytwelve
Theme Name: chhild-twentytwelve
*/

где:
Template — название родительского шаблона
Theme Name — название дочернего шаблона

Выше описан минимальный перечень параметров темы. При желании, вы можете оставить даже только «Template».

На этом, можно сказать наша работа закончена. И если перейти в панель администратора, раздел «Темы», мы сможем обнаружить нашу тему:

Созданная дочерняя тема

Как видите, наш дочерней шаблон без превью. Его вы можете создать самостоятельно, сделав снимок экрана и переименовав файл в «screenshot.png», с размером 880 на 660 px. И поместив в папку с созданной темой.

Если мы «включим» нашу тему, то сайт будет отображаться не корректно. Это связано с тем, что стили оформления родительской темы не были подключены.

Что бы стили «подтянулись», нам нужно в каталоге с нашей темой, создать файл «functions.php», и поместить в него следующий код:

<?php
add_action('wp_enqueue_scripts', function() {
	wp_enqueue_style('style-parent', get_template_directory_uri().'/style.css');
});

Хук «wp_enqueue_scripts» предназначен для подключения стилей оформления и JavaScript кода. Используя его, через вызов:

wp_enqueue_style('style-parent', get_template_directory_uri().'/style.css');

мы подключаем стили родительской темы.

На этом, разработка шаблона базовой темы закончена.

Поделиться в соцсетях:

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

Оставить комментарий

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