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.

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

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