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

от

Что это и для чего нужно

Дочерняя тема WP (подтема) нужна для того, чтобы вносить изменения в код темы и не бояться вовремя обновлять родительскую тему.
Когда разрабатываешь уникальный сайт для заказчика, то функционала, заложенного в теме (в любой), не хватает и тогда нужно допиливать тему, на базе которой создается новый сайт (да, можно создать тему с нуля, но сейчас не об этом). И если изменения в код вносить просто в тему, то спустя несколько месяцев начнешь обливаться потом – “а как же теперь обновить тему? Все же слетит!”. А обновиться рано или поздно придётся – вордпресс очень динамично развивающаяся платформа, которая очень быстро решает баги и разработчики тем и плагинов стараются держать хороший темп по обновлению своего софта, чтобы не было конфликтов в этих самых темах и плагинах с новенькой версией вордпресса.
Думаю, что о важности своевременного обновления говорить не стоит – все мы работаем в информационном пространстве и безопасность превыше всего.

Со смыслами разобрались – теперь к пошаговой инструкции

  1. Создаем новую папку и придумываем название темы .../wp-content/themes/
  2. Создайте файл style.css (там разместим информацию о дочерней теме)
  3. Создайте файл functions.php и добавляем в него код для использования стилей родительской темы.
  4. По желанию — добавляем картинку темы для отображения во Внешний вид — Темы.

А теперь поподробнее:

Находим папку с нашими темами

  1. Переходим в файловый менеджер, где физически находятся файлы вашего сайта
    можно выполнить через:
    – личный кабинет вашего хостинга (у меня beget),
    – удаленное подключение к файловому менеджеру по FTP (раньше пользовалась FileZilla),
    – установить плагин в админке (я пользуюсь File Manager)

Создаем папку

Я чаще всего работаю через хостинг или через плагин. Сейчас показываю на примере своего аккаунта на beget.
Переходим в директорию нашего сайта – у меня это master-remonta.ru далее
public_html >> wp-content >> themes >> кликаем по иконке “Новая папка” >> И пишем название, я назвала дочернюю тему Kathe

В папке создаем файл style.css

Далее открываем файл в режиме редактирования

И добавляем код:

/*
 Theme Name:   Twenty Seventeen Child
 Theme URI:    http://ваш-сайт.ru/twentyseventeen-child/
 Description:  My first child theme, based on Twenty Seventeen
 Author:       Dmitry Bychenko
 Author URI:   https://techbear.ru
 Template:     twentyseventeen
 Version:      1.0.0
 Tags:         Accessibility Ready, Custom Colors, Custom Header, Custom Logo, Custom Menu, Editor Style, Featured Images, Flexible Header, Footer Widgets, One Column, Post Formats, Right Sidebar, RTL Language Support, Sticky Post, Theme Options, Threaded Comments, Translation Ready, Two Columns
 Text Domain:  twenty-seventeen-child
*/

И меняем следующие строки на свои:
Theme Name – название вашей темы
Template – название родительской темы
Text domain – используется для перевода темы и должен быть уникален

Description, Author, Author URI: разместите здесь вашу контактную информацию, чтобы ваш заказчик мог с вами легко связаться.

В этой же папке создаем файл functions.php

И добавляем в него код:

<?php
/* Дочерняя тема */
add_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' );
function enqueue_parent_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );
}

/* Добавляйте свой код после этой строки */

?>

Добавляем миниатюру нашего сайта
чтобы в админке было все красиво и не только

Можно просто сделать скриншот нашего сайта, переименовать файл в screenshot.png и разместить его в папке нашей дочерней темы.
Если вы делаете коммерческие сайты, то вместо скриншота сайта можно разместить нашу визитку с контактной информацией – так клиент вас легко найдет, если ему нужны будут доработки 😉

Так все же как изменить нашу тему?!

Все довольно просто. Если нам нужно изменить header.php, то мы копируем его в родительской теме и вставляем в дочернюю тему.
Все изменения делаем в дочерней теме!!
Если нужный файл лежит в папке (те есть вложенность), то переносим все папки внутри нашей темы, в которых лежит наш файл.
Вордпресс всегда смотрит сначала на файлы дочерней темы, и если каких-то файлов нет, то берет их из родительской темы, так что ничего не забудется и не потеряется .

Вот и все. Теперь можно в удовольствие колдовать над темой и спокойненько обновлять родительскую тему – у нас все под контролем.