Ви придбали преміум-тему (Avada, Divi, Astra): кольори не збігаються з брендом, шрифти інші, а потрібної функціональності немає. Правки через адмінку не зберігаються після оновлення. Редагування файлів батьківської теми — гарантована втрата всіх змін. Типові проблеми: невідповідність бренду, повільне завантаження через 15+ невикористовуваних скриптів, відсутність кастомних шорткодів. За 5 років ми виконали понад 50 проектів з кастомізації, економлячи клієнтам до 80% часу на повторне налаштування. Наше рішення — дочірня тема зі збереженням усіх можливостей оновлення. Гарантуємо безпеку: сертифіковані спеціалісти перевіряють кожен етап, мінімізуючи ризики поломки.
Як кастомізувати тему без втрати оновлень?
Єдиний правильний спосіб — дочірня тема. Усі зміни вносяться в неї, батьківська залишається недоторканою. При оновленні батьківської теми ваші правки не зачіпаються. Створення дочірньої теми займає 10 хвилин і потребує двох файлів: style.css та functions.php.
/* style.css */
/* Theme Name: My Theme Child
Template: parent-theme-folder-name
Version: 1.0.0 */
/* functions.php */
<?php
add_action('wp_enqueue_scripts', function () {
wp_enqueue_style('parent-style', get_template_directory_uri() . '/style.css');
wp_enqueue_style('child-style', get_stylesheet_directory_uri() . '/style.css', ['parent-style']);
});
Щоб перевизначити шаблон, скопіюйте потрібний файл з батьківської теми в дочірню, зберігаючи структуру папок. WordPress автоматично використовує вашу версію.
parent-theme/template-parts/post/content-single.php → child-theme/template-parts/post/content-single.php - Створіть папку дочірньої теми в
/wp-content/themes/. - Додайте
style.cssз заголовком, вказавшиTemplate: parent-theme-folder-name. - Створіть
functions.phpдля підключення стилів. - Активуйте дочірню тему в адмінці.
Кастомізація через Customizer API
Customizer API дозволяє керувати налаштуваннями бренду прямо з адмінки. Приклад додавання кольору акценту:
add_action('customize_register', function (WP_Customize_Manager $wp_customize) {
$wp_customize->add_section('brand_settings', [
'title' => 'Налаштування бренду',
'priority' => 30,
]);
$wp_customize->add_setting('brand_accent_color', [
'default' => '#0066cc',
'sanitize_callback' => 'sanitize_hex_color',
'transport' => 'postMessage',
]);
$wp_customize->add_control(new WP_Customize_Color_Control($wp_customize, 'brand_accent_color', [
'label' => 'Колір акценту',
'section' => 'brand_settings',
]));
});
add_action('wp_head', function () {
$color = get_theme_mod('brand_accent_color', '#0066cc');
echo '<style>:root { --accent: ' . esc_attr($color) . '; }</style>';
});
Так ви зможете змінювати кольори, шрифти та логотип без редагування коду.
Детальніше про налаштування шрифтів
Щоб замінити шрифти, відключіть шрифти батьківської теми через хук parent_theme_enqueue_fonts та підключіть свої через wp_enqueue_style. Наприклад:
add_action('wp_enqueue_scripts', function() {
// Відключаємо шрифти батьківської теми
wp_dequeue_style('parent-fonts');
// Підключаємо свої
wp_enqueue_style('custom-fonts', 'https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap');
}, 20);Це гарантує, що ваші шрифти будуть використовуватися, а батьківські — ні.
Заміна шрифтів та CSS-змінні
Замість перевизначення кожного класу задайте CSS-змінні в дочірній темі. Це скорочує об'єм CSS на 30–50% та спрощує підтримку. Приклад:
:root {
--color-primary: #1a1a2e;
--color-accent: #e94560;
--font-heading: 'Montserrat', sans-serif;
--font-body: 'Inter', sans-serif;
--border-radius: 8px;
}Потім використовуйте змінні у своїх стилях. При необхідності змініть шрифт — достатньо змінити значення однієї змінної.
Чому дочірня тема — єдиний безпечний спосіб?
Дочірня тема зберігає оновлення. Без неї всі зміни втрачаються після першого оновлення. В середньому це економить 2–5 днів роботи на рік. Крім того, дочірні теми легко переносити між сайтами: достатньо скопіювати папку. Вони сумісні з усіма плагінами і не викликають конфліктів.
| Критерій | Дочірня тема | Пряме редагування |
|---|---|---|
| Збереження оновлень | Так | Ні |
| Час налаштування | 2–4 дні | 1 день (але втрачається при оновленні) |
| Безпека | Висока | Низька |
| Підтримка плагінів | Повна | Часткова |
| Переносимість | Легко переноситься | Потребує повторного налаштування |
Дочірня тема в 5 разів надійніша за пряме редагування. Вона дозволяє оновлювати батьківську тему без втрати змін.
Що робити, якщо тема зламалася після оновлення?
Якщо після оновлення батьківської теми сайт перестав працювати, причина — правки в батьківських файлах. Відновіть вихідні файли теми з бекапу, створіть дочірню тему та перенесіть кастомізації. В майбутньому оновлюйте лише батьківську тему, а правки вносьте в дочірню. Це запобігає поломкам.
Типові помилки при кастомізації
- Редагування файлів батьківської теми. Це призводить до втрати змін при оновленні. Завжди використовуйте дочірню тему.
- Ігнорування CSS-змінних. Замість перевизначення 20+ класів задайте 5 змінних. Це спростить підтримку.
- Відсутність документації. Навіть короткий запис про внесені зміни прискорить майбутні доопрацювання в 2 рази.
Що входить в роботу з кастомізації
- Аудит поточної теми: виявлення вузьких місць, невикористовуваного коду (до 30% коду можна видалити)
- Створення дочірньої теми з повним збереженням оновлень
- Перенесення кастомізацій: кольори, шрифти, шаблони, шорткоди
- Налаштування Customizer API для зручного управління налаштуваннями бренду
- Оптимізація CSS та JS: збірка, мініфікація, tree-shake (зниження ваги на 40–60%)
- Документування всіх змін та передача доступів
Терміни та вартість кастомізації WordPress-теми
| Вид робіт | Термін | Примітка |
|---|---|---|
| Базове налаштування кольорів, шрифтів, логотипу | 2–3 дні | Тільки дочірня тема |
| Перевизначення шаблонів та шорткодів | 3–5 днів | Потребує аналізу структури |
| Повна кастомізація з новими функціями | 5–10 днів | Включає розробку кастомних блоків |
| Аудит та оптимізація продуктивності | 2–4 дні | Окрема послуга |
Вартість розраховується індивідуально. Зв'яжіться з нами для точної оцінки вашого проекту. Замовте кастомізацію готової теми WordPress — отримайте унікальний дизайн зі збереженням можливості оновлень. Отримайте консультацію, щоб обговорити деталі.
