Що таке Child Theme (дочірня тема) у WordPress?

Child Theme (дочірня тема) — це тема WordPress, яка успадковує функціональність, стилі та інші характеристики від іншої теми, яка називається батьківською темою (Parent Theme). Дочірня тема дозволяє вносити зміни у вигляд і функціональність сайту, не змінюючи безпосередньо файли батьківської теми. Це дуже зручно, оскільки забезпечує безпеку під час оновлень батьківської теми: ваші зміни не будуть перезаписані.

Навіщо створювати Child Theme?

1. Безпека оновлень: Якщо ви редагуєте файли батьківської теми, під час її оновлення ваші зміни можуть бути втрачені. Дочірня тема дозволяє уникнути цього.

2. Гнучкість: Ви можете вносити будь-які зміни у дочірню тему, не турбуючись про порушення роботи батьківської.

3. Легкість розробки: Дочірня тема дозволяє розробникам тестувати нові функції, стилі та шаблони, не впливаючи на основну тему.

4. Спадкування: Дочірня тема автоматично отримує всі функції та стилі батьківської теми, тому вам не потрібно дублювати код.

Як редагувати Child Theme?

Редагування дочірньої теми відбувається так само, як і редагування будь-якої іншої теми WordPress. Ви можете змінювати:

• Стилі (CSS): через файл style.css.

• Шаблони (PHP): наприклад, header.php, footer.php, single.php тощо.

• Функції: через файл functions.php.

• Інші файли: JavaScript, зображення, мови тощо.

my-child-theme/
│
├── style.css
└── functions.php

/*
Theme Name: My Child Theme
Template: parent-theme-folder-name
*/

<?php
function my_child_theme_enqueue_styles() {
    wp_enqueue_style('parent-style', get_template_directory_uri() . '/style.css');
}
add_action('wp_enqueue_scripts', 'my_child_theme_enqueue_styles');

Важливо пам’ятати, що якщо ви хочете змінити файл батьківської теми, вам потрібно скопіювати його до дочірньої теми і вже там вносити зміни.

Порядок дій для створення Child Theme

Крок 1: Створення папки для Child Theme

1. Перейдіть у папку з темами WordPress за таким шляхом:
   wp-content/themes/

2. Створіть нову папку для вашої дочірньої теми. Назвіть її, наприклад, my-child-theme.

Крок 2: Створення файлу style.css

1. У папці my-child-theme створіть файл style.css.

2. Додайте наступний код у файл:

/*
 Theme Name:   My Child Theme
 Template:     parent-theme-folder-name
 Version:      1.0
*/

/* Додайте ваші стилі нижче */

• Theme Name: Назва вашої дочірньої теми.

• Template: Назва папки батьківської теми (наприклад, twentytwentyone).

• Version: Версія вашої дочірньої теми.

Крок 3: Створення файлу functions.php

1. У папці my-child-theme створіть файл functions.php.

2. Додайте наступний код:

// Підключення стилів батьківської теми
function my_child_theme_enqueue_styles() {
    wp_enqueue_style('parent-style', get_template_directory_uri() . '/style.css');
}
add_action('wp_enqueue_scripts', 'my_child_theme_enqueue_styles');

Цей код забезпечує підключення стилів батьківської теми до дочірньої.

Крок 4: Активація Child Theme

1. Увійдіть у адмін-панель WordPress.

2. Перейдіть до Зовнішній вигляд → Теми.

3. Знайдіть вашу дочірню тему (My Child Theme) та натисніть Активувати.

Крок 5: Редагування Child Theme

Тепер ви можете редагувати файли дочірньої теми. Наприклад:

• Додавання стилів: Внесіть зміни у файл style.css.

• Зміна шаблонів: Скопіюйте потрібний файл з батьківської теми (наприклад, header.php) у папку дочірньої теми та внесіть зміни.

• Додавання функцій: Внесіть зміни у файл functions.php.

Крок 6: Перевірка роботи

1. Відкрийте ваш сайт у браузері.

2. Переконайтеся, що всі зміни відображаються коректно.

3. Якщо щось не працює, перевірте правильність підключення стилів та файлів.

Приклад редагування шаблону

Якщо ви хочете змінити шаблон header.php:

1. Скопіюйте файл header.php з батьківської теми у папку дочірньої теми.

2. Відкрийте файл header.php у текстовому редакторі.

3. Внесіть потрібні зміни, наприклад, додайте новий елемент меню або змініть логотип.

4. Збережіть файл.

WordPress автоматично використовуватиме файл header.php з дочірньої теми замість файлу з батьківської.

Додаткові поради

1. Резервне копіювання: Завжди робіть резервну копію вашого сайту перед внесенням змін.

2. Використання дочірніх шаблонів: Якщо ви хочете змінити лише частину шаблону, використовуйте функцію get_template_part().

3. Плагіни для Child Theme: Існують плагіни, які допомагають створювати дочірні теми, наприклад, Child Theme Configurator.

Висновок

Child Theme — це потужний інструмент для розробників WordPress, який дозволяє безпечно вносити зміни у тему сайту. Використовуючи дочірню тему, ви забезпечуєте стабільність вашого сайту під час оновлень та зберігаєте можливість для подальшого розвитку.