Быстро создаем дочернюю тему WordPress - MalinaLimе

Быстро создаем дочернюю тему WordPress

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

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

Создать дочернюю тему очень просто

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

Зайдите в файловом менеджере хостинга в папку themes. Путь будет такой: malinalime.com/public_html/wp-content/themes/, только вместо malinalime.com у Вас — это имя Вашего сайта.

В этой папке лежат все скачанные Вами темы. Покажу на своем примере. Вот все темы, установленные на мой сайт:

  • hueman,
  • уже созданная дочерняя тема human-child,
  • только что установленная для написания этой статьи тема oceanwp,
  • тема от вордпресса «по-умолчанию» — twentynineteen.
Папка thems сайта в которой находится дочерняя тема
Все темы сайта

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

public_html

  • wp-content
    • themes (папка со всеми темами)
      • hueman
      • hueman-child
      • oceanwp (папка родительской темы OceanWP)
      • oceanwp-child (папка созданной дочерней темы)
        • style.css (обязательный файл, должен быть назван style.css)
      • twentynineteen

Фиолетовым выделено то, что сейчас есть. Зеленым — то, что надо добавить.  Теперь, когда понятно, что нам нужно получить в итоге, вперед!

Четыре шага создания дочерней темы

1.В папке thems создаем новую папку с именем oceanwp-child. Получается вот так.

Папка дочерней темы ocean-child
Папка дочерней темы ocean-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 и, вуаля, видим, что появилась нужная нам дочерняя тема.

Дочерняя тема ocean-child
Дочерняя тема ocean-child

Активируйте тему обычным способом. Для этого достаточно нажать кнопку «Активировать».

Поздравляю. Процедура создания дочерней темы закончена.

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

Например, в файле header.php как правило размещены метки сервисов Google Analytics и Yandex.Metrika. Соответствующие коды обычно вставляются сразу после тега <head>.

Скопируйте файл header.php родительской темы и вставьте его в папку дочерней.

header в папке дочерней темы

Теперь файл header.php будет доступен в редакторе тем. Перейдите в административной панели во «Внешний вид», затем «Редактор тем». Убедитесь, что коды аналитики на месте.

Редактор тем wordPress

Вот, кстати, первая выгода от использования дочерней темы! Метки Google Analitic и Yandex.Metrika не «слетят» при ближайшем обновлении темы.

Возможно Вам будет интересно:

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

Войти с помощью: 
Закрыть меню