Вы поменяли цвет кнопки «Записаться» в настройках темы, нажали «Обновить» – и сайт снова выглядит как у всех: шрифты, отступы, ваш розовый акцент пропали. Так бывает, когда правки живут в родительской теме или только в «Дополнительных CSS» без дочерней оболочки. За 10–15 минут вы создадите дочернюю тему WordPress, перенесёте туда свои стили и перестанете бояться каждого обновления.
Дочерняя тема – отдельная папка поверх родительской: WordPress берёт дизайн из родителя, а ваши правки хранит в child. Обновление родителя перезаписывает только его файлы, не вашу папку. Для новичка быстрее всего плагин Child Theme Configurator; вручную нужны style.css с полем Template и подключение стилей родителя без устаревшего @import.
Ольга вела сайт студии маникюра на бесплатной теме Astra. В «Дополнительные CSS» сделала кнопку розовой. После обновления Astra кнопка снова стала синей. Подруга сказала: «Надо дочернюю тему». Ольга поставила Child Theme Configurator, за три клика создала astra-child, вернула цвет – и при следующем обновлении кнопка осталась на месте. Обновление темы похоже на замену двигателя: если наклейки приклеены прямо на капот, их сорвут. Дочерняя тема – обложка для ваших наклеек.
Тут важный момент из официальной документации WordPress: «внучатых» тем не бывает – только родитель и один ребёнок. У блочных тем вроде Twenty Twenty-Four правки из редактора сайта лежат в базе данных отдельным слоем; при переносе на другой хост их легко забыть экспортировать. Но для классических тем Astra, Kadence, OceanWP дочерняя папка – самый понятный способ не потерять CSS.
- Поймите, что сотрётся при обновлении, а что нет
- Запишите имя папки родителя и сделайте бэкап
- Создайте дочернюю тему через Child Theme Configurator
- Соберите дочернюю тему вручную, если плагин недоступен
- Перенесите старые правки и проверьте ключевые страницы
- Протестируйте обновление родителя без сюрпризов
- Как понять, что дочерняя тема работает
- Частые вопросы
- Что такое дочерняя тема WordPress простыми словами?
- Можно ли править тему без дочерней?
- Как перенести CSS из настройщика в дочернюю тему?
- Сломается ли сайт после обновления родительской темы?
- Нужен ли functions.php в дочерней теме?
- Можно ли сделать дочернюю тему от дочерней?
- Когда лучше не трогать тему самому?
Поймите, что сотрётся при обновлении, а что нет
Боль простая: вы трогали файлы внутри папки родительской темы или надеялись, что «Дополнительные CSS» в настройщике переживут любое обновление. На практике обновление темы перезаписывает только каталог родителя в wp-content/themes. Всё, что вы правили в style.css, header.php или functions.php родителя, исчезнет.
Что обычно остаётся: записи, страницы, медиафайлы, настройки большинства плагинов. Что может «поплыть»: цвета и шрифты из настройщика, привязанные к конкретной теме; виджеты и меню, если их не скопировать при смене темы.
| Где лежат правки | Переживёт обновление родителя? | Что делать |
|---|---|---|
| Файлы в папке родительской темы | Нет | Перенести в дочернюю тему |
| Дополнительные CSS в настройщике | Зависит от темы и смены child | Скопировать в style.css child |
| Папка дочерней темы | Да | Хранить все свои правки только тут |
| Редактор сайта у блочной темы | Частично в базе, не в папке | Экспорт через Create Block Theme |
Запишите имя папки родителя и сделайте бэкап
Типичная ошибка – угадать имя родителя на глаз. Поле Template в style.css должно на 100% совпадать с именем папки, регистр букв важен: Astra – это не astra.
- Сделайте резервную копию: плагин UpdraftPlus или бэкап в панели хостинга.
- Откройте «Внешний вид → Темы» и запишите название активной темы.
- Через файловый менеджер хостинга зайдите в wp-content/themes и скопируйте точное имя папки – например astra или kadence.
- Если сайт на WordPress.com – дочерние темы доступны на тарифах Business и Commerce, на бесплатном плане этот путь закрыт.
В реальном проекте одна лишняя заглавная буква в Template даёт ошибку «stylesheet is missing» и тема не появляется в списке. Записанное имя папки – страховка от паники.
Создайте дочернюю тему через Child Theme Configurator
Если вы не программист и боитесь FTP – начните с плагина Child Theme Configurator из каталога wordpress.org. Он анализирует родителя и собирает child за несколько кликов.
- «Плагины → Добавить новый» → найдите Child Theme Configurator → Установить → Активировать.
- «Инструменты → Child Themes» (или «Дочерние темы» в русской админке).
- Выберите родительскую тему → «Анализировать».
- Отметьте копирование настроек настройщика (Copy Customizer settings), если уже меняли цвета и шрифты.
- Нажмите «Создать дочернюю тему» – появится папка вроде astra-child.
- «Внешний вид → Темы» → Активировать дочернюю тему.
Вердикт: для владельца салона, магазина или студии без разработчика – плагин быстрее ручной папки. Ручной способ оставьте на случай, если хостинг запрещает ставить плагины.
Если после активации пропали меню или виджеты – вернитесь в мастер плагина и включите копирование настроек настройщика, либо экспортируйте настройки в «Внешний вид → Настроить» у старой темы и импортируйте в child.
Соберите дочернюю тему вручную, если плагин недоступен
Путь для тех, у кого есть доступ к файлам, но нет желания ставить лишний плагин. Обязателен только один файл – style.css с правильным заголовком.
Бэкап → папка имя-родителя-child в wp-content/themes → style.css с Theme Name и Template → functions.php с wp_enqueue_style → активация в «Темы» → перенос CSS → тестовое обновление родителя
Создайте папку, например astra-child. Внутри – style.css с таким заголовком (подставьте своё имя папки родителя):
Theme Name: Astra Child
Template: astra
Version: 1.0
Добавьте functions.php, который подключает стили родителя и child через wp_enqueue_style. Не используйте @import в style.css – это устаревший способ, из-за него сайт часто «без стилей».
Избегайте копирования functions.php родителя целиком в child – оба файла загружаются, и дубли функций дают белый экран (fatal error). Переносите только свои добавления.
Перенесите старые правки и проверьте ключевые страницы
Откройте «Внешний вид → Настроить → Дополнительные CSS» у родительской темы (или найдите блок в бэкапе) и скопируйте код в style.css дочерней темы либо снова в «Дополнительные CSS», но уже при активной child.
Чеклист проверки после активации:
- Главная в режиме инкогнито – дизайн как до переключения.
- Страница услуг и контактов – кнопки, форма, цвета на месте.
- Тестовая правка: измените цвет ссылки в child и обновите страницу – изменение видно.
- В списке «Темы» активна дочерняя (в названии Child или ваше имя).
Если нужно изменить шаблон – header.php, single.php – скопируйте файл из папки родителя в папку child с тем же именем и правьте только копию. Родитель при обновлении свой файл перезапишет, ваш в child останется.
Боитесь нажать не туда и получить белый экран? Опишите задачу через форму на сайте – ответим в мессенджер. Или напишите в Telegram со скриншотом папки themes.
Протестируйте обновление родителя без сюрпризов
Финальный экзамен: «Консоль → Обновления» – обновите только родительскую тему, не трогая child. Ваша тестовая правка в дочерней теме должна остаться.
Если сайт «упал» – переключитесь обратно на родителя в «Внешний вид → Темы» (через FTP переименуйте папку child, если админка не открывается) и проверьте синтаксис functions.php child. Часто ломается лишняя скобка или скопированная целиком функция из родителя.
Настройка дочерней темы вместе с SEO-статьями – в разделе услуг. Другие гайды по WordPress – в блоге.
Как понять, что дочерняя тема работает
Это ваш success criteria до того, как вы снова нажмёте «Обновить» у родителя:
- В «Внешний вид → Темы» активна дочерняя тема – видно Child или ваше название.
- В wp-content/themes есть папка child со style.css, где Template совпадает с папкой родителя.
- Сайт выглядит как до переключения: главная, услуги, форма заявки.
- Тестовая CSS-правка в child на месте после обновления только родительской темы.
- Нет белого экрана и «сломанных» стилей после активации.
Когда все пять пунктов отмечены – можно спокойно обновлять родителя ради безопасности и новых функций, не откладывая из страха потерять розовую кнопку.
Материал проверен: Андрей Дикий (создаёт сайты и продвигает их статьями, SEO/GEO).
Достоверность данных: Theme Handbook WordPress (child themes, main stylesheet), справка WordPress.com по дочерним темам, плагин Child Theme Configurator на wordpress.org, материалы KaRoChE и Kinsta о блочных темах; частотность запросов – по Яндекс Вордстат на 2026-09-04 (точные показы не получены, MCP недоступен).
Частые вопросы
Что такое дочерняя тема WordPress простыми словами?
Это отдельная папка-тема, которая наследует дизайн родителя, но хранит ваши правки. WordPress подгружает файлы родителя и поверх них – файлы child. Обновление родителя вашу папку не трогает.
Можно ли править тему без дочерней?
Мелкие правки в «Дополнительных CSS» иногда переживают обновление, но правки в файлах родителя – нет. Для любого кода в шаблонах дочерняя тема обязательна.
Как перенести CSS из настройщика в дочернюю тему?
Скопируйте блок из «Дополнительные CSS» в style.css child или снова вставьте в настройщик уже при активной дочерней теме. При создании через Child Theme Configurator отметьте копирование настроек настройщика.
Сломается ли сайт после обновления родительской темы?
Если правки лежат в child, визуал не должен измениться. Риск – конфликт версий: редко новая версия родителя требует обновить child. Сначала бэкап, потом обновление.
Нужен ли functions.php в дочерней теме?
Не обязателен, если хватает CSS. Но для подключения стилей родителя без @import и своих PHP-вставок файл нужен. Не копируйте functions.php родителя целиком.
Можно ли сделать дочернюю тему от дочерней?
Нет. WordPress не поддерживает «внучатые» темы – только один уровень: родитель и ребёнок.
Когда лучше не трогать тему самому?
Если уже был белый экран, правили WooCommerce-шаблоны или мультиязычный магазин – опишите задачу через контакты или мессенджер, разберём без риска для заказов.
