Встановили тему з красивими демо, а в блочному редакторі все розвалилося? Стилі попливли, кастомні секції не вставляються, половина обіцяних функцій не працює. Кожен, хто адмініструє WordPress не перший рік, проходив через це.

З моменту виходу WordPress 5.0 блочний редактор став стандартом. Але маркетплейси забиті темами, де «Gutenberg Compatible» в описі означає лише «не падає з fatal error при активації». Ми відібрали 15 тем з ThemeForest і WordPress.org, які справді дружать з блоками: кастомні Gutenberg-елементи, адекватні стилі стандартних блоків і живі демо.

💡 Швидкий огляд:

• Звіртеся з таблицею п'ятірки універсальних тем за ціною, фішкою та сценарієм використання, пройдіться за розбором усіх 15 позицій.
• Зазирніть у часті питання та підсумкову матрицю, де знайдете конкретну рекомендацію під ваше завдання.

1. Maxi

Новинна та журнальна тема з акцентом на швидкість і точне налаштування типографіки. Підходить сайтам на bbPress, RTL-проєктам і магазинам на WooCommerce.

Maxi спеціально спроєктована легкою: великі зображення автоматично замінюються компактними версіями для мобільних без втрати візуальної якості. На практиці це дає швидке завантаження на телефонах зі збереженням чіткої картинки на десктопі. Вбудований слайдер для головної та кілька стилів шапки закривають більшість сценаріїв новинного сайту.

• Плюси: продумана мобільна адаптація зображень, кілька стилів шапки, вбудований слайдер для головної.
• Мінуси: заточена під новинний формат, для портфоліо чи лендингу надлишкова.
• Ціна: $59 (6 місяців підтримки, автооновлення).
• Завантажити: 🔗 Maxi на ThemeForest

2. JNews

Універсальна видавнича тема від jegtheme з упором на монетизацію через AdSense і партнерський контент. Входить до топу продажів ThemeForest у категорії новинних тем.

JNews побудована навколо Gutenberg: усі елементи теми доступні як нативні блоки редактора, без потреби перемикатися в окремий конструктор. Вбудована AMP-підтримка означає, що мобільні сторінки завантажуються миттєво, а рекламні блоки не ламають верстку. Система керування рекламою дозволяє розміщувати банери в 10+ позиціях без правки коду. На практиці тема добре тримає Core Web Vitals навіть при щільній рекламній сітці.

• Плюси: нативна Gutenberg-інтеграція, AMP з коробки, 10+ рекламних позицій, живий кастомайзер.
• Мінуси: висока щільність функцій, для мінімалістичного блогу надлишкова.
• Ціна: $59 (6 місяців підтримки, автооновлення).
• Завантажити: 🔗 JNews на ThemeForest

3. Akea

Блогова тема на фреймворку GoodLayers, спеціально адаптована під Gutenberg. Цільова аудиторія: тревел-блогери, лайфстайл-журнали та фотографи.

Вбудована інтеграція з WooCommerce дозволяє продавати пресети, прінти чи мерч без додаткових плагінів. GoodLayers третьої версії дає тонке налаштування через Live Customizer: зміни видно одразу, без перезавантаження сторінки. 14 макетів блогу та 9 варіантів портфоліо перекривають практично будь-який сценарій контентного сайту.

• Плюси: 14 макетів блогу, 9 варіантів портфоліо, живий кастомайзер.
• Мінуси: фреймворк GoodLayers створює прив'язку до екосистеми, міграція на іншу тему потребуватиме ручної переробки контенту.
• Ціна: $54 (підтримка 7 днів на тиждень).
• Завантажити: 🔗 Akea на ThemeForest

4. Aden

Легка блогова тема для фешн-, фуд- і персональних блогів. Підходить і новачкам, і досвідченим користувачам: Live Theme Customizer позбавляє необхідності лізти в код.

Адаптивність повна: всі розміри екранів, всі основні браузери. Підтримка багаторівневих підменю та сіткових макетів дозволяє збирати структуру без плагінів. При ціні $16 на ThemeForest це одна з найдоступніших Gutenberg-сумісних тем на маркетплейсі.

• Плюси: низька ціна, дружня до новачків, сітковий і класичний макети на вибір.
• Мінуси: мало макетів для нестандартних сторінок, для складних сайтів можливостей забракне.
• Ціна: $16 (6 місяців підтримки).
• Завантажити: 🔗 Aden на ThemeForest

5. PRESSO

Журнальна тема, спеціально створена для вірального контенту. Вбудовані соціальні кнопки з hover-ефектами, миттєвий AJAX-пошук і нескінченне прокручування утримують відвідувача на сайті.

9 макетів мегаменю та off-canvas-навігація розв'язують проблему структурування великої кількості рубрик. Сумісність із WPML дає зелене світло мультимовним проєктам. Бібліотека з понад 1600 іконок FontAwesome в комплекті.

• Плюси: заточеність під віральний трафік, 9 мегаменю, AJAX-пошук.
• Мінуси: висока щільність елементів, для мінімалістичного блогу заважка.
• Ціна: $45.
• Завантажити: 🔗 PRESSO на ThemeForest

6. Sprout

Мінімалістична тема для блогів і журналів із найбільшим у цій добірці набором кастомних блоків Gutenberg: понад 40. Це дає свободу верстки без встановлення додаткових плагінів.

Доступна як дочірня тема: правки не злітають під час оновлення. AJAX-пошук, система рецензій і кілька рекламних зон ідуть з коробки. PO- та MO-файли для перекладу додаються.

• Плюси: 40+ блоків Gutenberg, дочірня тема, 9 макетів, translation-ready.
• Мінуси: система рецензій базова, для складних рейтингових сайтів знадобиться плагін.
• Ціна: $59 (6 місяців підтримки, автооновлення).
• Завантажити: 🔗 Sprout на ThemeForest

7. Kids Planet

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

Необмежена колірна палітра дає змогу підлаштувати тему під бренд конкретного закладу. Кросплатформна, HTML5 і CSS3, усі основні браузери. Заявлено сумісність із WordPress 4.0 і вище, на актуальних версіях працює без нарікань.

• Плюси: гнучке налаштування кольору, адаптивний дизайн, легкий запуск.
• Мінуси: вузька ніша, для «дорослих» проєктів дизайн недоречний.
• Ціна: $59.
• Завантажити: 🔗 Kids Planet на ThemeForest

8. Juno

WooCommerce-тема для магазинів дитячих товарів: іграшки, одяг, книги, солодощі. Підходить і для дитячих блогів.

Вбудоване Mega Menu спрощує навігацію категоріями товарів. GDPR Framework в комплекті: одним головним болем менше з європейським трафіком. Керування послугами, командою та галереями через нативні секції.

• Плюси: WooCommerce з коробки, Mega Menu, GDPR-фреймворк.
• Мінуси: дизайн «дитячий», універсальним магазинам не підійде.
• Ціна: $59.
• Завантажити: 🔗 Juno на ThemeForest

9. Ncmaz

Сучасна журнальна тема з темним і світлим режимом. Підходить для музичних, подкастних і відеоблогів.

Домашня сторінка збирається на блоках Gutenberg: жодного окремого конструктора. Шрифти підтягуються з Google Fonts API. Сумісність із Polylang і RTL-версія для арабських та івритських проєктів.

• Плюси: темний і світлий режим, збирання головної на блоках, збережені пости.
• Мінуси: нішевий дизайн, для строгих корпоративних сайтів не підходить.
• Ціна: $44.
• Завантажити: 🔗 Ncmaz на ThemeForest

10. Gutentype

Тема, повністю побудована навколо Gutenberg: навіть назва говорить сама за себе. Підходить для професійних блогів, гостьових постів, нішевих і корпоративних блогів.

HTML5 і CSS3, кросбраузерна, підтримка retina-зображень. Гнучка колірна схема й типографіка без прив'язки до жорстких пресетів. На практиці добре показує себе на контентних проєктах з інтенсивною публікацією.

• Плюси: глибока інтеграція з Gutenberg, підтримка retina, гнучка типографіка.
• Мінуси: бракує вбудованих маркетингових інструментів, для лідогенерації потрібні плагіни.
• Ціна: $59 (6 місяців автооновлень).
• Завантажити: 🔗 Gutentype на ThemeForest

11. Samui

Бюджетна тема для фуд-, фешн- і тревел-блогів. Drag-and-drop-конструктор головної дає змогу зібрати посадкову сторінку без коду.

Вбудований відеоплеєр дає плюс кулінарним і тревел-сайтам, де відеоконтент обов’язковий. Два кастомні віджети та AJAX-пошук у базовій комплектації. Retina-сумісність на всіх макетах.

• Плюси: низька ціна, drag-and-drop головної, вбудований відеоплеєр.
• Мінуси: лише 2 кастомні віджети, для насиченого сайдбару замало.
• Ціна: $19 (6 місяців підтримки).
• Завантажити: 🔗 Samui на ThemeForest

12. Mr. Tailor

WooCommerce-тема з майже нескінченним кастомізуванням шапки: будь-який елемент можна ввімкнути, вимкнути або переналаштувати без правлення коду. Підходить новачкам: половина користувачів запускає на ній перший магазин.

Прозорі та sticky-шапки, кастомний логотип і фавікон, Google Fonts. Підтримка альтернативного логотипа для sticky-режиму: дрібниця, яка видає увагу розробника до деталей.

• Плюси: глибоке кастомізування шапки, підходить новачкам, WooCommerce-інтеграція.
• Мінуси: для складних маркетплейсів із мультивендорністю знадобляться додаткові плагіни.
• Ціна: $59 (довічні оновлення, 6 місяців підтримки).
• Завантажити: 🔗 Mr. Tailor на ThemeForest

13. Cartify

WooCommerce-тема від AgniHD, побудована на Gutenberg з нуля. На відміну від тем, де блочний редактор просто «не конфліктує», Cartify використовує його як основний рушій каталогу та карток товарів.

Тема заточена під конверсію: QuickView, AJAX-кошик, wishlist і порівняння товарів працюють без додаткових плагінів. 12+ готових макетів магазину та сторінок товарів закривають більшість ніш: від одягу до електроніки. Gutenberg-блоки для секцій «Бестселери» та «Нові надходження» збираються перетягуванням, а не шорткодами. На практиці магазин на Cartify проходить Core Web Vitals помітно краще за зв’язку «універсальна тема + WooCommerce-плагіни».

• Плюси: нативні WooCommerce Gutenberg-блоки, 12+ макетів, AJAX-кошик і wishlist із коробки.
• Мінуси: потребує звикання до блочного підходу, класичні WooCommerce шорткоди не підтримуються.
• Ціна: $59 (6 місяців підтримки).
• Завантажити: 🔗 Cartify на ThemeForest

14. Kezta

Мінімалістична портфоліо-тема на Gutenberg від Templines. Підходить фотографам, дизайнерам, ілюстраторам і агентствам, яким потрібно показати роботи, а не боротися з конструктором.

Темний і світлий режим, повноекранні галереї та сіткові макети будуються нативними блоками. Типографіка виведена на перший план: чисті шрифти, «дихаюче» верстання, жодного візуального сміття. Gutenberg-інтеграція тут не галочка в описі, а архітектурне рішення: кожен блок портфоліо редагується прямо в інтерфейсі редактора, без додаткових метабоксів.

• Плюси: нативні Gutenberg-блоки для портфоліо, темний і світлий режим, чиста типографіка.
• Мінуси: вузька спеціалізація, для блогу або магазину потребуватиме значного доопрацювання.
• Ціна: $49 (6 місяців підтримки).
• Завантажити: 🔗 Kezta на ThemeForest

15. Spencer

Преміум-тема від CSSIgniter для фешн-блогів і журналів про стиль життя. Повна Gutenberg-сумісність: сучасний макет із багатьма секціями для вибраних постів, галерей Instagram, форм підписки.

Проста навігація зверху з підтримкою соціальних іконок. Тонке налаштування фонів, шрифтів, колірних схем і анімацій через Live Customizer. Повна WooCommerce-інтеграція дає змогу монетизувати блог через продаж товарів. Translation-ready для мультимовних проєктів. На практиці підходить і для початківців-фешн-блогерів, і для професійних видань про моду.

• Плюси: сучасний фешн-дизайн, Instagram-інтеграція, WooCommerce з коробки, тонке налаштування.
• Мінуси: дизайн заточений під фешн і лайфстайл, для технічних блогів стилістично не підходить.
• Ціна: від $49 (перевірте на сайті розробника).
• Завантажити: 🔗 Spencer на CSSIgniter

Коротке відео на тему: огляд Gutenberg-сумісних тем для блочного редактора та Full Site Editing.

⁉️🤔 Часті запитання

Що означає «Gutenberg-сумісна тема» на практиці?

Тема, яка коректно працює з блочним редактором WordPress: стилі блоків не пливуть, кастомні блоки теми не конфліктують зі стандартними, а функції теми (слайдери, мегаменю, віджети) доступні в Gutenberg-режимі. Перевіряється в демо: відкриваєте запис у редакторі, якщо кнопки та секції теми на місці, сумісність є.

Чи можна використовувати тему не з цього списку?

Можна, але із застереженням. На ThemeForest тисячі тем із позначкою «Gutenberg Compatible», частина з них лише декларує сумісність. Перед купівлею відкрийте демо та перевірте: як виглядають стандартні блоки (абзац, заголовок, галерея), чи не ламається кастомний сайдбар, чи працюють вбудовані шорткоди теми в блочному редакторі.

Чим тема з ThemeForest відрізняється від безплатної з каталогу WordPress.org?

Комерційні теми з ThemeForest зазвичай дають більше макетів, вбудованих функцій і варіантів налаштування. Безплатні з каталогу WordPress.org проходять сувору модерацію на сумісність із Gutenberg, але функціонально простіші. Для комерційного проєкту платна тема з підтримкою й автооновленнями часто вигідніша, ніж допилювання безплатної.

Чи обов’язково брати тему саме з Gutenberg-сумісністю?

Якщо ви працюєте в блочному редакторі, так. Несумісна тема може з’їсти відступи, поламати вирівнювання блоків або приховати частину налаштувань редактора. Класичний редактор поки що підтримується, але розробка WordPress рухається в бік повного переходу на блоки.

Як перевірити тему перед купівлею?

Три кроки: (1) відкрийте демо на телефоні та десктопі, перевірте адаптивність; (2) пройдіться сторінками демо, швидкість завантаження, меню, пошук; (3) почитайте changelog теми, якщо останнє оновлення було понад рік тому, у розробника могли закінчитися ресурси на підтримку сумісності.

Чи потрібен page builder, якщо тема вже Gutenberg-сумісна?

Для більшості сценаріїв ні. Gutenberg закриває базову верстку: колонки, обкладинки, галереї, вставку медіа. Сторонній конструктор (Elementor, WPBakery) має сенс лише якщо потрібні складні анімації, динамічні сітки або кастомні попапи, які блочний редактор поки що не тягне. Але кожен додатковий плагін уповільнює сайт: зважте необхідність до встановлення.

Що брати під конкретне завдання

П’ятнадцять тем перекривають більшість сценаріїв. Залишилося вибрати під свою ситуацію.

Якщо вам новинний сайт із високим навантаженням, беріть Maxi або Sprout. Легка структура та 40+ блоків у Sprout вирішують питання з версткою лонгридів.

Якщо блог із доходом від AdSense, JNews. Система керування рекламними позиціями та AMP економлять години під час налаштування сітки.

Якщо інтернет-магазин на WooCommerce, Cartify або Mr. Tailor. Cartify дає нативні Gutenberg-блоки для вітрини, Mr. Tailor, краще налаштування шапки.

Якщо фотографу потрібне портфоліо, Kezta. Нативні Gutenberg-блоки для галерей і портфоліо без сторонніх плагінів.

Якщо бюджет мінімальний, Samui та Aden. Обидві працюють із Gutenberg і покривають базові потреби блогера.

Перед купівлею відкрийте живу демонстрацію вибраної теми та пройдіться редактором записів. П’ятнадцять хвилин у демо зекономлять години переналаштування потім.