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

Здравствуйте. Рассмотрим создание дочерней темы WordPress.
Дочерняя тема – это тема, которая расширяет функциональные возможности родительской темы. Вы выбираете тему, платную или бесплатную, устанавливаете её, и можете изменять ее, при этом сама тема остается нетронутой, вы всегда можете вернутся к ней, изменения делаются в созданной выми дочерней теме wordpress. Вот такая существует замечательная возможность — создание дочерних тем. В большинстве случаев, доработки сводятся к изменению дизайна (шрифты, цвета и так далее).

Часто, при установке темы, владельца сайта может не устраивать какой-либо нюанс, может несколько, в этом случае создание дочерней темы будет наилучшим выходом, тем более, если вы пока еще не очень хорошо разбираетесь в CMS WordPress.
Важно помнить, что если тема регулярно обновляется, то все изменения, внесённые вами, будут сброшены к базовым настройкам.

Что же такое дочерняя тема WordPress?
Дочерняя тема WordPress – это 100% копия родительской темы (основной темы). Все изменения, сделанные в дочерней теме, будут отражаться и в родительской. Но при этом файлы родительской темы не будут меняться. И обновление темы будет проходить с учётом ваших изменений.

Как создать дочернюю тему WordPress?
В папке themes, рядом с родительской темой нужно будет создать новую папку с дочерней темой.
Название не имеет значения. В смысле, английскими символами можете присвоить любое имя.

В папке дочерней темы создаёте файл style.css. Это обязательный файл. Именно он будет отвечать за взаимодействие родительской и дочерней тем.
Настройка файла style.css дочерней темы WordPress

Файл style.css в дочерней теме должен содержать информацию о родительской теме. По ней WordPress поймет, между какими темами организовано взаимодействие.

Так же файл style.css в дочерней теме заменяет этот же файл в родительской теме. И поэтому нужно обязательно подключить стили из родительской темы.

Откройте созданный файл: style.css.
Вставьте в файл style.css код:

/*
Theme Name: Название темы (английскими символами)
Theme URI: url адрес темы
Description: Описание темы
Author: Ваше имя (как автора)
Author URI: url вашего сайта или страницы об авторе
Template: название родительской темы (с соблюдением регистра)
Version: 1.0.0
*/

Это пример.На самом деле обязательными полями к заполнению являются Theme Name и Template. Остальные поля можно не добавлять и не заполнять.

Теперь необходимо организовать импорт стилей из родительской темы. Дело в том, что как только появляется файл style.css в дочерней теме, WordPress не загружает это файл из родительской темы.

Для подключения стилей из родительской темы нужно прописать всего лишь одну строчку кода:

@import url(«../папка родительской темы/style.css»);

Как вы понимаете – это условный путь к файлу стилей в родительской теме. Вы также можете прописать полный путь (абсолютный) к файлу стилей родительской темы.

После того, как вы все это сделали, вы можете изменять стили в дочерней теме. Обратите внимание, что именно после, все ваши дополнительные стили должны идти после строчки импорта.

Войдите в панель управления и активируйте созданную вами дочернюю тему.
Какие файлы можно хранить в папке дочерней темы?

В этой папке вы можете хранить хоть все файлы родительской темы. Но, это вовсе не обязательно. Храните лишь те, с которыми вы будете работать. В которых будете делать изменения. Разберём несколько примеров.
Файл функции темы functions.php

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

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

После активации дочерней темы в административной панели вы не сможете редактировать основные файлы темы (single.php, page.php, index.php …). Потому, что их просто там не будет.

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

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

После копирования нужных файлов, их можно будет редактировать через административную панель WP.

И по этой же схеме копируете другие файлы, и редактируете именно в дочерней теме. Файлы родительской темы останутся без изменения. А далее всё в ваших руках.

Опубликовано в Гид для начинающих

Добавить комментарий

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

*