Как создать дочернюю тему WordPress

Нашли тему WordPress, которая вам действительно нравится, но хотите немного изменить ее внешний вид? Вы можете легко сделать это, написав собственный код в таблице стилей CSS вашей темы. Однако эти изменения могут быть легко потеряны при обновлении темы.

Чтобы предотвратить это, вы можете создать дочернюю тему, позволяющую выполнять столько настроек, сколько захотите, не рискуя потерять эти изменения, когда вы в конечном итоге обновите родительскую тему.

Мы проведем вас через каждый этап этого процесса. Во-первых, давайте немного разберемся с жаргоном.

Что такое дочерняя тема?

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

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

Однако сначала мы быстро рассмотрим, как создать дочернюю тему с помощью бесплатных генераторов дочерних тем и с помощью плагина.

Готовый? Давай займемся этим!

1. Как создать дочернюю тему с помощью генератора дочерних тем

Это, наверное, самый простой и понятный способ из всех. Все, что вам нужно сделать, это перейти на веб-сайт генератора дочерних тем, ввести имя для своей дочерней темы, и все.

Два наиболее популярных генератора дочерних тем: Генератор дочерних тем Astra и Генератор дочерних тем, который создает дочерние темы для популярной темы Astra.

Тема Astra - это популярная, легкая и быстрая тема WordPress, которая подходит для создания веб-сайтов любого типа. Это также один из лучшие бесплатные темы WordPress 2021 года, так что это универсальный хороший выбор для создания вашего веб-сайта. Чтобы использовать генератор дочерних тем Astra, вам сначала необходимо установить тему Astra.

Чтобы затем создать новую дочернюю тему, просто войдите в Генератор дочерних тем Astra, введите имя, которое вы хотите для своей новой дочерней темы, нажмите Генерировать, и это все!

Ваша новая дочерняя тема будет автоматически загружена в виде zip-папки. Установите и активируйте его, как любую другую тему.

2. Как создать дочернюю тему с помощью плагина

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

Для начала установите и активируйте плагин из репозитория WordPress. На левой панели наведите указатель мыши на Инструменты, затем нажмите Детские темы.

Чтобы создать дочернюю тему, отметьте СОЗДАТЬ новую дочернюю тему, затем прокрутите вниз и выберите родительскую тему. Нажмите Анализировать и ждем результатов. Если все файлы вашей темы в порядке, вы увидите дополнительные параметры на экране. Вы можете игнорировать большинство из них или при необходимости внести изменения.

Чтобы оживить вашу дочернюю тему, просто нажмите кнопку Создать новую дочернюю тему в нижней части экрана, и все.

Перейти к Внешний вид> Темы, и ваша новая дочерняя тема будет видна и готова к активации.

Использование генератора дочерней темы или плагина генератора дочерней темы - отличные решения, которые легко реализовать и не требуют передовых технических навыков. Однако, если вы хотите проникнуть внутрь и сыграть более активную роль в создании новой дочерней темы, следующий метод для вас.

3. Как создать дочернюю тему вручную

Создание дочерней темы вручную намного увлекательнее, чем любой из двух предыдущих методов, но это все еще относительно просто.

Вам понадобятся три основных компонента: файл темы для вашей дочерней темы, style.css таблица стилей и functions.php файл.

1. Создать файл темы

Вы можете сделать это в cPanel или с помощью FTP. Мы рекомендуем использовать cPanel, если это предоставляет ваша служба хостинга. Войти в cPanel> Диспетчер файлов> Файлы> Public_html> wp-content> themes.

Нажать на + Папка кнопку в верхнем меню, чтобы создать новую папку. Вы должны назвать это после имени родительской темы, добавив в конце «-child». Например, если вы используете тему Twenty Twenty-One, это будет выглядеть так: «двадцать двадцать один ребенок».

2. Создайте файл Style.css

Style.css - это стандартное соглашение об именах WordPress для таблиц стилей CSS. Именно здесь пойдет весь CSS для вашей дочерней темы, но вы можете отложить создание CSS до тех пор, пока полностью не настроите свою дочернюю тему.

Чтобы создать style.css файл, просто нажмите на + Файл вариант из верхнего меню. Таблица стилей должна находиться в новой папке темы, которую вы только что создали. В новом файле вставьте следующий комментарий:

/*
Название темы: Двадцать двадцать один ребенок
URI темы: http://example.com/twenty-twenty-one-child/
Описание: Тема Twenty Twenty One Child
Автор: Джейн Доу
URI автора: http://example.com
Шаблон: Twentytwentyone
Версия: 1.0.0
Лицензия: Стандартная общественная лицензия GNU v2 или новее.
URI лицензии: http://www.gnu.org/licenses/gpl-2.0.html
Теги: светлый, темный, две колонки, правая боковая панель, адаптивный макет, готовность к доступу
Текстовый домен: двадцать двадцать один ребенок
*/

Это комментарий, который не будет выполняться во время выполнения, но без него ваш файл таблицы стилей CSS не будет работать. Сохраните файл как style.css.

3. Создайте файл Functions.php

Так же, как вы добавили новый файл и назвали его style.css, добавьте новый файл и назовите его functions.php. Вставьте код ниже:

php 
 add_action ('wp_enqueue_scripts', 'enqueue_parent_styles'); 
 
 функция enqueue_parent_styles () {
 
 wp_enqueue_style ('родительский стиль', get_template_directory_uri (). '/ style.css' ); 
  
 } 
  
 

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

Начало работы с дочерними темами WordPress

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

Как изменить страну / регион в магазине Google Play

Необходимо изменить страну в Google Play Store? Вот как изменить страну в Google Play Store для вашей учетной записи на телефоне Android.

Читать далее

Об авторе