Skip to content

Все для WordPress, веб-розробки — і не тільки

🔧 Elementor і Underscores: чи потрібна вам взагалі тема WordPress?

🔧 Elementor і Underscores: чи потрібна вам взагалі тема WordPress?

Купили тему на ThemeForest, встановили і три дні вичищали зайве: WPBakery 2019 року, Revolution Slider із демоконтентом на 200 МБ, стокові фото, які ніхто не відкриє.

Знайома історія. Розробники роками переплачують за multi-purpose монстрів, а потім однаково переписують половину шаблонів вручну. Ми пройшли цей цикл і знайшли підхід, який прибирає зайвий шар складності: Elementor Pro як конструктор теми плюс _s як мінімалістичний скелет WordPress. Без преміумтеми. Без непотрібних bundled-плагінів.

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

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

  • Дізнайтеся, чому преміумтеми додають зайвий шар навантаження
  • Подивіться, що вміє Elementor Theme Builder замість повноцінної теми
  • Розберіться, чим _s відрізняється від порожньої теми
  • Оцініть реальні складнощі підходу
  • Порівняйте _s, Hello Theme і GeneratePress у таблиці
Розробник налаштовує WordPress сайт без преміум-теми

Проблема з преміумтемами: платите двічі

Типова преміумтема з ThemeForest важить десятки МБ в архіві. Всередині: bundled-компонувальник (зазвичай WPBakery із застарілим API), Revolution Slider, конструктор форм, демоконтент і пачка стокових зображень, які вам не потрібні.

Після встановлення ви витрачаєте години на чистку. Потім ще години на підгонку під ваш макет. Multi-purpose означає «все для всіх», а на практиці це сотні невикористовуваних CSS-правил і JS-файлів, які браузер однаково завантажує.

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

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

Elementor Pro як конструктор теми: що вміє Theme Builder

Elementor у Pro-версії давно переріс статус page builder. Theme Builder дозволяє створювати:

  • Header і Footer: прозорі, sticky, mega-menu варіанти;
  • Шаблони записів (Single Post Template): з динамічними даними через ACF і Pods;
  • Архіви (Archive Template): для блогу, категорій, кастомних типів записів;
  • 404-сторінку і Search Results: без жодного рядка коду;
  • WooCommerce-шаблони: картка товару, список, кошик, оформлення.

Усе це через drag-and-drop із живим прев’ю. Крутите коліщатко миші, елемент зміщується на екрані в реальному часі. Жодного CTRL+S → Alt+Tab → F5.

Elementor дружній і до розробника. Потрібен кастомний віджет: пишете на PHP, реєструєте через Elementor\Widget_Base і отримуєте візуальний контроль у редакторі. Потрібна кастомна логіка: хуки elementor/frontend/before_render і elementor/dynamic_tags/register дають повний доступ. Це не закрита екосистема, а фреймворк із візуальним інтерфейсом.

Ліцензія Elementor Pro Essential коштує від $59 на рік на один сайт. Тариф Advanced на 3 сайти обійдеться від $99 на рік.

Що таке _s: компактний скелет замість десятків МБ

_s створила команда Automattic: ті самі люди, що стоять за WordPress.com, WooCommerce і Jetpack. Це стартова тема для розробки, а не для встановлення «як є» на продакшн.

Що всередині:

  • Чиста HTML5-розмітка з мінімальним CSS-ресетом;
  • Стандартна ієрархія шаблонів WordPress з повним набором template-файлів (від index.php до archive.php);
  • Accessibility-ready навігація;
  • Жодних стилів: сині посилання, чорний текст на білому тлі.

Разом близько 100 КБ за даними репозиторію Automattic. _s дає рівно ту структуру, яка потрібна WordPress для роботи: теги шаблонів від get_header() до wp_nav_menu(). Нічого зайвого.

Тема оновлюється рідко. Це плюс. Автоматичні оновлення преміумтем ламають дочірні теми та кастомізації, а _s стабільна як скелет: правки стосуються тільки сумісності з новими версіями PHP і WordPress. Ліцензія GPL, форкайте без обмежень.

Як _s і Elementor Pro працюють у зв’язці

Ідея проста: _s забезпечує структурний мінімум WordPress, Elementor бере на себе все візуальне.

Коли відвідувач відкриває сторінку, WordPress відпрацьовує стандартний цикл: викликає header.php із _s (порожній <head> плюс <body>), потім контент, згенерований Elementor через the_content(), потім footer.php. Жодного зайвого CSS. Жодного bundled-JS від теми.

Результат: один рівень навантаження замість двох. У класичному підході є роздута тема плюс роздутий компонувальник. Тут тільки Elementor. Так, не легкий: але це плата за візуальний редактор. І коли потрібен конкретний компонент, він уже є в бібліотеці Elementor, а не закопаний десь у надрах теми.

Складнощі: що треба знати заздалегідь

Підхід не ідеальний. Ось із чим доведеться зіткнутися:

Коментарі. Elementor вставляє блок коментарів, але очікує стилі від теми. _s стилів не дає, тому коментарі виглядають як нестилізований HTML. Доведеться писати CSS для всієї секції вручну. Не критично, але займе час.

Оновлення. Elementor Pro оновлюється часто, іноді по 2-3 рази на місяць. Більшість оновлень проходять гладко, але бувають випадки, коли макет «пливе» після мінорного апдейту. Правило безпеки: тестуйте оновлення на staging-копії. Прогнали візуально основні сторінки, потім на продакшн.

Крива навчання. Theme Builder потужний, але потребує розуміння концепцій: dynamic tags, display conditions, template hierarchy. Розробник із досвідом WordPress розбереться за день-два. Новачку буде складніше: простіше, ніж розбирати 500 опцій преміумтеми, але порожнім це однаково не назвеш.

Продуктивність. Elementor додає ресурси (CSS і JS). Це плата за візуальний редактор. Але відсутність роздутої теми компенсує: сумарний розмір сторінки часто менший, ніж із преміумтемою плюс WPBakery. Кешування (WP Rocket) і CDN нівелюють різницю.

Порівняння: _s, Hello Theme і GeneratePress

_s не єдиний мінімалістичний варіант. У 2026 році є дві сильні альтернативи.

Hello Theme від команди Elementor (v3.4.9, оновлено травень 2026): ще легший за _s, без конфліктів стилів, нульовий додатковий CSS. Оновлюється синхронно з Elementor. Вибір за замовчуванням, якщо працюєте тільки з Elementor і не плануєте глибоку кастомізацію на рівні PHP-шаблонів.

GeneratePress (v3.6.1, оновлено грудень 2025): важить менше 10 КБ у базовій версії. Підтримує Elementor, Beaver Builder і блоковий редактор. Дає більше налаштувань, ніж _s або Hello Theme: кастомізатор з опціями типографіки, кольорів, лейауту. Є безплатна версія, платні тарифи на офіційному сайті.

Тема

Розмір

Налаштування

Найкраще підходить

_s

~100 КБ

Тільки код

Кастомна PHP-розробка

Hello Theme

Легший за _s

Тільки Elementor

Чистий старт з Elementor Pro

GeneratePress

~10 КБ

Кастомізатор + код

Баланс готових опцій і легкості

Якщо проєкт передбачає серйозну кастомну розробку на PHP: беріть _s. Простий старт і робота «з коробки»: Hello Theme. Баланс між легкістю та готовими опціями: GeneratePress.

Більше джерел шаблонів і тем для Elementor дивіться в нашій добірці місць для пошуку шаблонів Elementor.

Відео: Theme Builder в Elementor Pro на практиці

Подивіться, як Theme Builder працює в реальному проєкті: від кастомного header до шаблону окремого запису.

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

Чи можна використовувати Elementor Free замість Pro для цього підходу?

Ні. Theme Builder доступний тільки в Elementor Pro. Безплатна версія дозволяє редагувати окремі сторінки, але не шаблони теми: header, footer, архіви, 404, WooCommerce-шаблони. Для підходу «Elementor як тема» потрібна Pro-ліцензія. Якщо бюджет обмежений: GeneratePress (безплатно) плюс кастомні CSS-сніпети. Втрачаєте візуальний редактор теми, але зберігаєте мінімалістичну основу.

Чим _s кращий за просто порожню тему з одного index.php?

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

Чи не сповільнює Elementor сайт сильніше, ніж преміумтема?

Elementor додає ресурси (CSS/JS), але й преміумтема додає свої. На практиці сайт на Elementor плюс _s часто швидший, ніж преміумтема плюс WPBakery: рушій теми не генерує сотні невикористовуваних CSS-правил і не вантажить 5 bundled-плагінів. Вирішальний фактор: хостинг, кешування та оптимізація зображень. На хорошому хостингу з WP Rocket і CDN різниця за швидкістю мінімальна.

Що робити, якщо я вже купив преміумтему і сайт на ній працює?

Не ламайте все одразу. Поступова міграція: на staging-копії відтворіть ключові сторінки через Elementor плюс _s. Якщо результат влаштовує, переносьте на продакшн. Якщо ні: залишаєтеся на поточній темі, тримайте підхід на думці для наступного проєкту. Міграція займає кілька днів залежно від складності сайту. Окупається відсутністю платних оновлень теми та спрощенням підтримки.

Чи актуальний цей підхід із розвитком Full Site Editing у WordPress?

FSE (Full Site Editing) дозволяє редагувати шаблони через блоковий редактор без стороннього плагіна. На 2026 рік FSE поступається Elementor за гнучкістю та кількістю готових віджетів. Для простих сайтів-візитівок FSE вже достатній. Для комерційних проєктів із кастомною логікою Elementor Pro зручніший. Блоковий редактор розвивається швидко, і через пару років розклад може змінитися.

Чи потрібна тема у 2026 році?

Коротка відповідь: тема потрібна, але не та, яку продають на ThemeForest. WordPress технічно не працює без теми, йому потрібен хоча б index.php і style.css. Але ця тема може важити 100 КБ (_s), трохи менше (Hello Theme) або 10 КБ (GeneratePress). Цього достатньо.

Якщо хочете повний контроль через PHP: беріть _s. Працюєте тільки з Elementor і хочете старт без зайвих рухів: Hello Theme. Потрібен баланс між налаштуваннями з коробки та легкістю: GeneratePress.

Забудьте про multi-purpose монстрів із 40 вбудованими плагінами. Мінімалістична тема-скелет плюс Elementor Pro дає рівно те, що потрібно: жодних зайвих CSS-правил, жодного bundled-слайдера, який ви не використовуєте.

Спробуйте _s або Hello Theme на staging-копії. Зайшло: напишіть у коментарях, який варіант обрали. Ні: розкажіть чому. Зворотний зв’язок корисніший за будь-який рейтинг.