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

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

Wordpress

Зачем нужно создавать дочернюю тему

Существует несколько причин, по которым вам может понадобиться настроить дочернюю тему на базе родительской темы:

  1. Если вы существенно изменяете внешний вид темы при помощи HTML, CSS и PHP, то вы рискуете потерять ваши изменения при следующем обновление родительской темы, т.к. все обновления запишутся поверх старых файлов в которых были ваши правки, а при каждом обновление переносить все ваши добавления и исправления не рационально.
  2. еще один довод для создания дочерней темы – это удобство при разработке все ваши эксперименты будут проводиться в отдельных файлах и не будут влиять на работу родительской темы. Вы всегда можете быть уверены, что при любом исходе сможете вернуться в исходное состояние.

 

Существует два способа создания дочерней темы: первый – создать дочернюю тему в ручную и второй создать автоматически при помощи плагина.

Создание дочерней темы самостоятельно (вручную)

Для примера мы создадим дочернюю тему на базе родительской темы “Twenty Fifteen” которая является базовой темой wordpress и идет в комплекте.

Для того что бы создать дочернюю тему в ручную нам потребуется подключиться с помощью программы ftp клиент к вашему серверу и найти папку themes (имя_вашего_сайта/wp-content/themes) где wordpress хранит все установленные на вашем сайте темы. Затем в папке themes нужно создать новую папку в нашем примере она будет называться -twentyfifteen_child в этой папке и будут находиться все файлы вашей новой подтемы.

Далее входим в нашу новую папку twentyfifteen_child и создаем в ней файл Style.css в который вставляем следующий код:


/*
Theme Name: Twenty Fifteen Child
Description: Дочерняя тема Twenty Fifteen
Author: Petr Petrov
Author URI: http://example.com
Template: twentyfifteen
Version: 1.0.0
*/

 

Далее создадим еще один файл functions.php и вставим в него следующее:


add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );

После этих не сложных манипуляций вы можете перейти в раздел Внешний вид -> Темы  и там увидеть вашу новую дочернюю тему.

 

Создание дочерней темы с помощью плагина

Качаем плагин Child Theme Configurator . Устанавливаем плагин как обычно.

Заходите в «Инструменты-> Child Themes». Вот скриншот c простыми настройками:

Child-Theme-Configurator

Child-Theme-Configurator-2-1024x262

 

Обратите внимание на несколько пунктов.

  • Stylesheet handling — отмечен пункт по умолчанию, стиль подгрузится с помощью функции wp_enqueue_style. Раньше использовался @import в style.css. Во многих интернет статьях описан устаревший способ (если вы делали ранее через @import, вы можете сейчас указать более эффективный способ)!
  • Parse additional stylesheets — на случай если в вашей теме присутствуют дополнительные стили, которые нужно подключить в дочерней.

Плагин создаст внутри директории «wp-content/themes/» (каталог где хранятся темы), новую папку twentyfifteen-child.
В ней он сгенерирует 2 файла: style.css и functions.php.

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

Таким образом, вы делаете процесс разработки сайта более легким, удобным и быстрым.

Отставить отзыв

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