Здравствуйте, уважаемые читатели блога!
Сегодня, рассмотрим стандартную статью для большинства блогов посвященных WordPress — создание дочерней темы.
Для чего же нам может понадобится создание такой темы:
- Нам нужно изменить дизайн некоторых страниц блога, не затрагивая остальной функционал темы.
- Нам нужно изменить функционал какой-то определенной страницы — к примеру главной или формы комментирования.
- Нам нужно добавить новый функционал.
Да, конечно, все эти манипуляции мы можем производить и в текущей теме. Если она разработана нами или написана на заказ. Но если вы используете тему из репозитория 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');
мы подключаем стили родительской темы.
На этом, разработка шаблона базовой темы закончена.