Создание дочерней темы WordPress — Несколько простых шагов

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

Шаг 1. Поместить папку с родительской темой в директорию, содержащую темы WordPress (wp-content/themes), или использовать встроенные темы с дистрибутива WordPress.

Шаг 2. В той же директории создать папку дочерней темы. Главное условие — название папки не должно содержать пробелов. Рекомендуют при создании дочерней темы использовать название родительской с добавлением -child (это по желанию). На скриншоте видно структуру директории wp-content/themes, с созданной дочерней темой на основе стандартной темы twentyfifteen.

Создание дочерней темы - Структура каталогов

Шаг 3. В созданной Вами папке необходимо создать файл style.css. Это единственный обязательный файл в структуре Вашей дочерней схемы. Для того, чтобы Ваша дочерняя тема начала работать и отображаться в администраторской панели, файл должен содержать следующий заголовок:

/*
 Theme Name:   Twenty Fifteen Child
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Twenty Fifteen Child Theme
 Author:       John Doe
 Author URI:   http://example.com
 Template:     twentyfifteen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  twenty-fifteen-child
*/

Из всех строк обязательными являются две:

  • Theme Name: Название темы (будет отображаться в администраторской панели);
  • Template: Название папки родительской темы (будьте внимательны, так как этот параметр зависит от регистра).

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

Чтобы подключить стили родительской темы необходимо сделать еще 2 шага.

Шаг 4. В папке дочерней схемы необходимо создать файл functions.php. Этот файл не заменяет собой файл с таким же названием в родительской теме (в отличии от файла style.css). Все функции написанные в нем будут дополнять функционал родительской темы.

Шаг 5. Необходимо подключить файл стилей родительской темы. Это можно было бы сделать и в нашем файле style.css с помощью @import, но я советую Вам использовать другой способ. В файле functions.php напишите следующий код:

add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );

}

Пока что не будем вдаваться в подробности этого кода. Скажу просто, что этот код подключит в Вашу дочернюю тему таблицу стилей родительской, которая будет находится в тегевашего сайта перед вашим файлом style.css? что даст Вам возможность переписать правила родительской темы не изменяя ни один ее файл.

Итак на данном этапе мы имеем полность рабочий сайт на основе Вашей дочерней темы, который полностью повторяет разметку и функционал родительской.

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

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

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