WordPress створення теми: повний гайд з нуля у 2026
Створення власної теми WordPress дає повний контроль над дизайном, швидкістю та функціональністю сайту. У 2026 році підхід розділився на два основні шляхи: класичні PHP-теми та сучасні блокові (Full Site Editing). Цей матеріал розкриває обидва варіанти з практичними кроками, порівняннями та типовими помилками.
Ви дізнаєтеся, як підготувати середовище, написати мінімальний набір файлів, працювати з theme.json і плагіном Create Block Theme, а також коли краще зупинитися і звернутися до готових рішень. Усе перевірено на актуальній версії WordPress і базується на офіційній документації та практиці розробників.
Матеріал підійде як початківцям, які хочуть зрозуміти механіку, так і тим, хто вже працює з темами і шукає сучасні практики.
Класичні vs блокові теми: що обрати у 2026
WordPress підтримує два принципово різні підходи до створення тем. Класична тема будується на PHP-шаблонах (index.php, single.php, header.php) і functions.php. Блокова тема використовує HTML-файли з блоковою розміткою, файл theme.json і редактор сайту.
Блокові теми стали стандартом після WordPress 5.9 і далі розвиваються. У 2026 році більшість нових офіційних тем (Twenty Twenty-Five і наступні) — блокові. Вони дозволяють редагувати шапку, підвал і шаблони візуально без коду. Класичні теми залишаються актуальними, коли потрібна складна логіка, глибока інтеграція з page builders або підтримка застарілих плагінів.
| Критерій | Класична тема | Блокова тема |
|---|---|---|
| Файли шаблонів | PHP (header.php, single.php) | HTML + блоки |
| Налаштування стилів | Customizer + CSS | theme.json + Site Editor |
| Редагування без коду | Обмежене | Повне (FSE) |
| Продуктивність за замовчуванням | Залежить від оптимізації | Вища |
| Складність для новачків | Вища | Нижча (з плагіном) |
Джерело: офіційна документація WordPress і аналіз тем 2025–2026 років.
Якщо сайт повинен дозволяти клієнту самостійно змінювати макети — обирайте блоковий підхід. Якщо потрібен повний контроль над PHP-логікою і сумісність з Elementor чи подібними інструментами — класичний.
Підготовка середовища розробки
Перед написанням першого рядка коду налаштуйте локальне середовище. Найзручніші варіанти у 2026 році — LocalWP (колишній Local by Flywheel) і DevKinsta. Обидва дають однокнопкову установку WordPress, SSL і можливість швидко клонувати сайт.
Альтернативи: XAMPP, MAMP або Docker-образи. Обов’язково встановіть редактор коду — Visual Studio Code з розширеннями PHP Intelephense, WordPress Snippets і Prettier. Увімкніть Git з першого дня: навіть для однієї теми контроль версій економить години при помилках.
Створіть новий локальний сайт, увійдіть у адмін-панель і переконайтеся, що версія WordPress не старіша за 6.7 (краще остання 7.x). Увімкніть режим налагодження в wp-config.php:
define(‘WP_DEBUG’, true);
define(‘WP_DEBUG_LOG’, true);
Це допоможе одразу бачити помилки PHP під час розробки.
Створення класичної теми з нуля
Класична тема потребує мінімум двох файлів: style.css і index.php. Усе інше додається за потреби.
Крок 1. Структура папки
У каталозі wp-content/themes/ створіть папку, наприклад my-custom-theme. Всередині створіть файли:
- style.css
- index.php
- functions.php
- header.php
- footer.php
- screenshot.png (1200×900 px)
Крок 2. style.css — обов’язковий заголовок
На початку файлу додайте коментар, за яким WordPress розпізнає тему:
/*
Theme Name: My Custom Theme
Theme URI: https://example.com
Author: Ваше ім’я
Description: Власна тема з нуля
Version: 1.0
Text Domain: my-custom-theme
*/
Після цього можна писати будь-які CSS-правила.
Крок 3. functions.php — підключення стилів і підтримка функцій
Базовий код:
function my_theme_setup() {
add_theme_support(‘title-tag’);
add_theme_support(‘post-thumbnails’);
add_theme_support(‘custom-logo’);
register_nav_menus(array(
‘primary’ => __(‘Головне меню’, ‘my-custom-theme’)
));
}
add_action(‘after_setup_theme’, ‘my_theme_setup’);
function my_theme_scripts() {
wp_enqueue_style(‘my-theme-style’, get_stylesheet_uri(), array(), ‘1.0’);
}
add_action(‘wp_enqueue_scripts’, ‘my_theme_scripts’);
Крок 4. Основні шаблони
header.php починається з
і містить wp_head(). footer.php закриває сторінку і викликає wp_footer(). index.php використовує цикл The Loop:
Додайте single.php, page.php, archive.php і 404.php за тією ж логікою. WordPress автоматично обирає потрібний файл за ієрархією шаблонів.
Після збереження файлів тема з’явиться в розділі «Зовнішній вигляд → Теми». Активуйте її і перевірте.
Сучасний підхід: блокова тема з theme.json і Create Block Theme
Блокова тема значно простіша для старту завдяки офіційному плагіну Create Block Theme (понад 20 тисяч активних установок станом на середину 2026 року).
Встановіть плагін з репозиторію WordPress.org. Увімкніть будь-яку блокову тему (Twenty Twenty-Five підійде). Зайдіть у Site Editor (Зовнішній вигляд → Редактор), зробіть потрібні зміни стилів і шаблонів, потім у панелі плагіна оберіть «Create Blank Theme» або «Export».
Плагін автоматично згенерує:
- style.css з метаданими
- theme.json з палітрою кольорів, типографікою і spacing
- папку templates/ з index.html, single.html, page.html
- папку parts/ з header.html і footer.html
theme.json — серце блокової теми. Мінімальний приклад:
{
“$schema”: “https://schemas.wp.org/trunk/theme.json”,
“version”: 3,
“settings”: {
“color”: {
“palette”: [
{ “slug”: “primary”, “color”: “#1e3a5f”, “name”: “Primary” }
]
}
}
}
Усі зміни, зроблені в редакторі сайту, можна зберегти назад у файли теми через той самий плагін. Це усуває розрив між дизайном і кодом.
З практики: багато хто починає з Create Block Theme, а потім вручну доопрацьовує theme.json і додає власні патерни блоків. Це найшвидший шлях до робочої сучасної теми.
Поширені помилки та як їх уникнути
Найчастіша помилка — редагувати файли активної теми напряму на продакшені. Одне неправильне закриття тегу — і сайт «падає». Завжди працюйте локально або на staging.
Друга помилка — забути Text Domain і функції перекладу. Навіть якщо тема українською, використовуйте __() і _e() — це дозволяє легко додати інші мови пізніше.
Третя — підключати стилі і скрипти неправильно. Ніколи не ставте і безпосередньо в header.php. Використовуйте лише wp_enqueue_style і wp_enqueue_script. Інакше конфлікти з плагінами і кешуванням гарантовані.
Четверта — ігнорувати доступність. Додавайте aria-labels, правильні заголовки і контрастність кольорів. WordPress вимагає WCAG 2.1 AA для тем, які подаються в офіційний каталог.
П’ята — відсутність screenshot.png. Без нього тема виглядає «порожньою» в адмінці.
Оптимізація, безпека та тестування
Після того як тема працює, перевірте її на реальних даних. Завантажте Theme Unit Test Data з офіційного репозиторію WordPress. Це набір постів, сторінок і медіа, який показує, як тема поводиться з різними типами контенту.
Запустіть Theme Check і Query Monitor. Перший перевіряє відповідність стандартам, другий показує важкі запити до бази.
Для швидкості: мінімізуйте CSS і JS, використовуйте сучасні формати зображень (WebP/AVIF), додайте lazy-load. Блокові теми за замовчуванням генерують чистіший код, тому часто набирають кращі бали в Lighthouse.
Безпека: ніколи не використовуйте eval() або прямий вивід $_GET без санітизації. Усі дані користувача пропускайте через esc_html(), esc_attr() і wp_kses().
Коли варто звернутися до фахівця або використати стартові теми
Якщо вам потрібна тема за 1–2 дні і немає досвіду з PHP чи JSON — краще взяти стартову. Для класичних тем класикою залишається Underscores (_s). Для блокових — Create Block Theme або готові стартери на кшталт Frost чи Blockbase.
Звертайтеся до фахівця, коли:
- потрібна складна інтеграція з CRM, API чи WooCommerce з кастомними шаблонами товарів;
- сайт повинен витримувати високе навантаження;
- потрібна повна відповідність доступності та SEO-аудиту;
- бюджет дозволяє і час обмежений.
У реальних кейсах багато хто починає з Create Block Theme, а потім передає доопрацювання розробнику. Це економить бюджет і дає клієнту можливість самостійно правити дизайн.
Ключові інсайти
Створення теми WordPress у 2026 році — це вже не обов’язково «писати все з нуля». Класичний підхід дає максимальну гнучкість, блоковий — швидкість і зручність редагування. Мінімальний набір файлів для класичної теми — style.css і index.php. Для блокової — style.css, theme.json і templates/index.html.
Почніть з локального середовища, використовуйте Create Block Theme для сучасних проєктів і завжди тестуйте на реальних даних. Найкраща тема — та, яка вирішує конкретне завдання сайту, а не намагається вмістити всі можливі функції.
Після освоєння базових кроків ви зможете не лише створювати теми для себе, а й розуміти, як працюють готові рішення, і грамотно їх модифікувати. Це і є справжня цінність знання внутрішньої механіки WordPress.
