Создание дочерней темы в WordPress

Это лучший способ безопасно кастомизировать сайт. Вот подробная инструкция:

1. Создайте папку дочерней темы

• Через FTP/Fайл-менеджер зайдите в: /wp-content/themes/
• Создайте новую папку: yourtheme-child (замените yourtheme на название родительской темы)

2. Создайте обязательные файлы

В папке yourtheme-child создайте 2 файла:

A. style.css

/*
 Theme Name:   [Название] Child
 Theme URI:    [URL темы]
 Description:  Дочерняя тема для [Название родительской темы]
 Author:       Ваше имя
 Author URI:   Ваш сайт
 Template:     [slug_родительской_темы] 
 Version:      1.0.0
 Text Domain:  [text-domain]-child
*/

/* Импорт стилей родительской темы */
@import url("../[slug_родительской_темы]/style.css");

/* Дополнительные стили ниже */

Важно: Замените [slug_родительской_темы] на системное имя родительской темы (смотрите в папке /themes/)

B. 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');
}

// Дополнительные функции кастомизации
// Добавляйте свой код ниже

3. Дополнительные файлы (опционально)

• screenshot.png (превью темы 1200×900px)
• Файлы переопределения (копируйте из родительской темы файлы, которые нужно изменить)

4. Активация темы

1. Зайдите в Консоль WordPress → Внешний вид → Темы
2. Найдите созданную дочернюю тему
3. Нажмите Активировать

Как переопределять файлы родительской темы:

1. Скопируйте нужный файл (например, header.php) из родительской темы в дочернюю
2. Внесите изменения в копию файла в дочерней теме
3. WordPress автоматически будет использовать версию из дочерней темы

Пример: Добавление кастомных функций

// functions.php дочерней темы
add_action('after_setup_theme', 'child_theme_setup');
function child_theme_setup() {
    // Добавление поддержки новых функций
    add_theme_support('custom-logo', array(
        'height' => 50,
        'width' => 200,
    ));
    
    // Регистрация нового меню
    register_nav_menu('child-footer-menu', __('Дополнительное меню в подвале'));
}

Проверка работы:

• Добавьте тестовый CSS в style.css:

body {
    background-color: #f0f0f0 !important;
}

• Обновите сайт – если фон изменился, тема работает правильно

Частые ошибки:

1. Ошибка в Template name – имя должно точно совпадать с папкой родительской темы
2. Отсутствует импорт стилей – проверьте путь в @import
3. Конфликт функций – используйте уникальные префиксы для функций
4. Неактуальный screenshot.png – изображение должно быть правильного формата

Альтернативные способы:

1. Плагины:
   • Child Theme Configurator
   • One-Click Child Theme
     
2. Генераторы дочерних тем:
   • generatewp.com/child-theme/
   • childtheme-generator.com

Преимущества дочерних тем:

1. Безопасное обновление родительской темы
2. Сохранение кастомизаций
3. Возможность отката изменений
4. Упрощение разработки
5. Совместимость с плагинами

Всегда создавайте резервную копию сайта перед активацией новой темы! Для WordPress-сайтов с WooCommerce рекомендую использовать дочернюю тему Storefront Child если у вас базовая тема Storefront.