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

Опубликовано: 2020-04-16

Готовы ли вы создать дочернюю тему в WordPress?

Содержание
1 Установка родительской темы
2 Как создать каталог дочерней темы WordPress
3 Создайте таблицу стилей
4 Создайте файл функций
5 Механизм создания дочерней темы в WordPress
6 предложений для создателей детских тем
7 файлов в дочерней теме
8 Как активировать дочернюю тему
9 Как создать и настроить дочернюю тему WordPress
10 Исправление ошибок дочерней и родительской тем
11 вещей, которые нужно помнить для дочерней темы WordPress

Установка родительской темы

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

Как создать каталог дочерней темы WordPress

Создайте новый файл в папке public_html/wp-content/themes установки WordPress, чтобы сохранить тему. Избегайте делать это на действующем сайте. Вы можете протестировать это на сайте разработки перед реализацией на промежуточном сайте. Обычно рекомендуется сохранять имя новой папки, начинающееся с имени родительской темы, за которым следует суффикс.

Этот процесс включает в себя создание двух файлов: таблицы стилей и файла функций.

Создать таблицу стилей

Создать новый файл
стиль.css
внутри папки и добавьте следующий код:
 /*

Название темы: Дочерняя тема CodeFlist

URI темы: https://yourwebsite.com/codeflist-child/

Описание: дочерняя тема из родительской темы CodeFlist.

Автор: Амар Радж Махато.

URI автора: https://demo.codeflist.com/

Шаблон: CodeFlist

Версия: 1.0.0

Теги: черный, зеленый, белый, светлый, темный, две колонки, три колонки, левая боковая панель, правая боковая панель, фиксированный макет, адаптивный макет, пользовательский фон, пользовательский заголовок, пользовательское меню, редактор- стиль, избранные изображения, гибкий заголовок, полноразмерный шаблон, микроформаты, форматы постов, поддержка языка rtl, липкий пост, параметры темы, готовый к переводу, готовый к доступности, адаптивный макет, бесконечный свиток, пост-слайдер, дизайн, еда, журнал, журнал, новости, фотография, портфолио, чистый, современный, темный, элегантный, современный, профессиональный, утонченный

Текстовый домен: codeflist-child

*/

Этот код сообщает WordPress о теме. Поскольку текст закомментирован, он ничего не запускает на вашем сайте. В каждой теме есть этот файл, чтобы быть знакомым с WordPress.

Строки с названием темы и шаблоном нельзя пропускать в этом коде. Шаблон должен содержать имя каталога родительской темы. Обычно это также чувствительно к регистру. Все остальные поля должны быть заполнены по мере необходимости. Убедитесь, что вы делаете это правильно с вашим любимым редактором.

Создайте файл функций

Добавление файла функций является необходимым шагом для постановки в очередь таблицы стилей из родительской темы. Если вы пропустите этот шаг, ваша дочерняя тема вообще не будет иметь стилей. Также добавьте файл
functions.php
в новой папке. Добавьте в него следующий код:
 <?php
add_action('wp_enqueue_scripts', 'my_theme_enqueue_styles');
функция my_theme_enqueue_styles() {
wp_enqueue_style('родительский стиль', get_template_directory_uri(). '/style.css');
}
?>

Механизм создания дочерней темы в WordPress

Они работают на уровне файлов. Когда функция вызывает файл, она проверяет, существует ли он. В случае, если файл отсутствует в дочерней теме, он будет загружен из родительской темы. Однако у него есть исключение в виде функционального файла темы. Если
functions.php
файл вызывается, он загружается из обоих мест. Ваш сайт будет работать со сбоями, если функция родительской темы не работает. Если все содержимое функционального файла родительской темы будет скопировано в дочернюю тему, это будет решением. Это не лучший подход для расширения темы. Если файл нижнего колонтитула должен быть изменен, файл нижнего колонтитула из родительского объекта должен быть скопирован в дочерний. Затем обработайте файлы и сохраните изменения. Это применимо ко всем разделам, которые вы хотите изменить.

Предложения для создателей дочерних тем

Вы должны знать разницу между
get_stylesheet_directory()
а также
get_template_directory()
если вы делаете свои собственные темы. Вам должно быть ясно, что
функция get_template_
всегда будет указывать каталог родительской темы и
get_stylesheet_ баллов
каталог дочерней темы. Выбор за вами, хотите ли вы использовать родительский или дочерний.

Файлы в дочерней теме

Есть как минимум два файла, таблица стилей и файл функций. Таблица стилей сообщает WordPress о типе темы. Это также дает представление о родительской теме. Все детали включены в таблицу стилей с помощью закомментированного текстового формата.

Существует неправильная практика вызова одной таблицы стилей из другой таблицы стилей. Фактически, вы должны ставить в очередь файл functions. В файле функций должна быть функция, которая ставит в очередь таблицу стилей.

Родительская тема содержит
index.php
файл, но в дочерней теме он не нужен.

Как активировать дочернюю тему

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

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

Теперь, когда у вас есть рабочая тема, вы можете добавлять настройки в соответствии с вашими требованиями. Если вы хотите редактировать таблицы стилей, вы можете определить правила в
стиль.css
в папке дочерней темы. Вы можете не только редактировать файлы шаблонов, но и обновлять родительскую тему без потери каких-либо настроек. Однако написание функций может быть более сложным, чем добавление файлов шаблонов. Если вы хотите добавить какую-либо новую функцию, вам нужно перейти к
functions.php
файл. После написания функции добавьте соответствующее действие или фильтр, чтобы добавить дополнительные функции.

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

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

Исправление ошибок дочерней и родительской темы

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

  1. Проверьте, активирована ли дочерняя тема. Вы должны быть уверены в статусе родительской темы.
  2. Очистите кеш браузера и кеш, созданный плагинами.
  3. Проверьте, правильно ли вы назвали файлы с правильным синтаксисом при создании дочерней темы в WordPress.
  4. Проверьте, сохранили ли вы изменения или нет.
  5. Если подключаемая функция не работает, проверьте, есть ли несоответствие имени или функция в родительской теме является подключаемой или нет.
  6. Проверьте значения приоритета и хуки, присутствующие в функции, на случай переопределения проблем.
  7. Проверьте значение приоритета, имя и ловушку, если проблема возникает из-за удаленной функции.
  8. Найдите, где и где ошибка в коде, проверив файл wp-config.php в режиме отладки.
  9. Выходной код для разных элементов должен быть проверен.

Что нужно помнить для дочерней темы WordPress

  1. В дочерней теме должны быть таблица стилей и файл функций.
  2. Не редактируйте сторонние темы напрямую, не создавая дочернюю тему. Это защитит сделанные настройки.
  3. Активируйте тему и не удаляйте родительскую тему.
  4. Когда есть два файла с одинаковым именем, WordPress будет использовать файл в дочернем файле.
  5. Чтобы переопределить подключаемую функцию в родительской теме, вы должны создать функцию в дочерней теме с тем же именем.
  6. С помощью функции remove_action() или remove_filter() вы можете отцепить функцию от родительской темы.
  7. Когда вы создаете функцию с тем же хуком, вы можете дополнить функцию родительской темы.

Подведение итогов

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

Дополнительные чтения

WordPress Получить идентификатор сообщения
Записи против страниц в WordPress
Что такое дочерняя тема WordPress
Как удалить темы в WordPress
Как добавить категорию в WordPress
Как изменить пароль в WordPress