Вы еще не знаете, зачем нужна дочерняя тема? Все просто. Какую бы тему в WordPress Вы не установили, рано или поздно она будет обновлена издателями. Пусть обновления Вас не пугают, они нужны и полезны.
Так вот, все изменения, которые Вы внесете в любимую тему, пропадут при ее обновлении бесследно, если не создать «дочку». Дочерняя тема расширяет функции родительской. Все изменения, сделанные в ней, будут наложены поверх нетронутой родительской. И что бы ни происходило с родительской темой, поверх нее всегда будет «надета» дочка.
Создать дочернюю тему очень просто
Делается все буквально в четыре действия. Давайте простым языком сначала объясню, что должно получится, а потом, как это сделать.
Зайдите в файловом менеджере хостинга в папку themes. Путь будет такой: malinalime.com/public_html/wp-content/themes/, только вместо malinalime.com у Вас — это имя Вашего сайта.
В этой папке лежат все скачанные Вами темы. Покажу на своем примере. Вот все темы, установленные на мой сайт:
- hueman,
- уже созданная дочерняя тема human-child,
- только что установленная для написания этой статьи тема oceanwp,
- тема от вордпресса «по-умолчанию» — twentynineteen.
Давайте создадим дочернюю тему к теме OceanWP. В результате должна получится вот такая структура файлов.
public_html
- wp-content
- themes (папка со всеми темами)
- hueman
- hueman-child
- oceanwp (папка родительской темы OceanWP)
- oceanwp-child (папка созданной дочерней темы)
- style.css (обязательный файл, должен быть назван style.css)
- themes (папка со всеми темами)
-
-
- twentynineteen
-
Фиолетовым выделено то, что сейчас есть. Зеленым — то, что надо добавить. Теперь, когда понятно, что нам нужно получить в итоге, вперед!
Четыре шага создания дочерней темы
1.В папке thems создаем новую папку с именем oceanwp-child. Получается вот так.
2.Заходим в папку ocean-child и создаем там новый файл с именем style.css.
3.Открываем вновь созданный файл и вставляем в него следующее содержимое:
/*
Theme Name: OceanWP Child
Author: Альберт Лавров
Author URI: https://malinalime.com/
Template: oceanwp
*/
@import url(«../oceanwp/style.css»);
Пояснения к содержимому файла дочерней темы style.css
Обязательными являются строки:
- Theme Name. Название дочерней темы (НЕ зависимое от регистра написание).
- Template. Название папки родительской темы (зависимое от регистра написание).
Названия, безусловно, у Вас должны быть свои, если только Вы не создаете «дочку» к теме oceanwp.
Директива @import url(«../oceanwp/style.css»); нужна для того, чтобы импортировать стили основной темы. Есть другой вариант, как подгрузить стили, но давайте не будем усложнять то, что надо делать просто.
4.Закрываем файл, сохраняя внесенные изменения. Заходим в раздел «Внешний вид», «Темы» административной панели WordPress и, вуаля, видим, что появилась нужная нам дочерняя тема.
Активируйте тему обычным способом. Для этого достаточно нажать кнопку «Активировать».
Поздравляю. Процедура создания дочерней темы закончена.
Важно! При активации дочерней темы не забудьте перенести в нее файлы, в которых уже были сделаны настройки в родительской теме.
Например, в файле header.php как правило размещены метки сервисов Google Analytics и Yandex.Metrika. Соответствующие коды обычно вставляются сразу после тега <head>.
Скопируйте файл header.php родительской темы и вставьте его в папку дочерней.
Теперь файл header.php будет доступен в редакторе тем. Перейдите в административной панели во «Внешний вид», затем «Редактор тем». Убедитесь, что коды аналитики на месте.
Вот, кстати, первая выгода от использования дочерней темы! Метки Google Analitic и Yandex.Metrika не «слетят» при ближайшем обновлении темы.
Возможно Вам будет интересно:
- Как удалить неиспользуемые изображения в WordPress
- WordPress тема Hueman проблема с удобством для мобильных
- Тема Hueman в WordPress
- WordPress резервная копия сайта