Зачем нужно создавать дочернюю тему
Существует несколько причин, по которым вам может понадобиться настроить дочернюю тему на базе родительской темы:
- Если вы существенно изменяете внешний вид темы при помощи HTML, CSS и PHP, то вы рискуете потерять ваши изменения при следующем обновление родительской темы, т.к. все обновления запишутся поверх старых файлов в которых были ваши правки, а при каждом обновление переносить все ваши добавления и исправления не рационально.
- еще один довод для создания дочерней темы — это удобство при разработке все ваши эксперименты будут проводиться в отдельных файлах и не будут влиять на работу родительской темы. Вы всегда можете быть уверены, что при любом исходе сможете вернуться в исходное состояние.
Существует два способа создания дочерней темы: первый — создать дочернюю тему в ручную и второй создать автоматически при помощи плагина.
Создание дочерней темы самостоятельно (вручную)
Для примера мы создадим дочернюю тему на базе родительской темы «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 простыми настройками:
Обратите внимание на несколько пунктов.
- Stylesheet handling — отмечен пункт по умолчанию, стиль подгрузится с помощью функции wp_enqueue_style. Раньше использовался @import в style.css. Во многих интернет статьях описан устаревший способ (если вы делали ранее через @import, вы можете сейчас указать более эффективный способ)!
- Parse additional stylesheets — на случай если в вашей теме присутствуют дополнительные стили, которые нужно подключить в дочерней.
Плагин создаст внутри директории «wp-content/themes/» (каталог где хранятся темы), новую папку twentyfifteen-child.
В ней он сгенерирует 2 файла: style.css и functions.php.
Теперь любые изменения в функционале и дизайне темы вы можете производить в новой дочерней теме. Если вам нужно изменить шаблоны, вы копируете нужный файл из каталога родительской темы в дочернюю, и в нем уже вносите правки.
Таким образом, вы делаете процесс разработки сайта более легким, удобным и быстрым.