WordPress 5.9 представив редагування повного сайту, набір функцій, які допомагають вам створити красивий вебсайт за допомогою блоків та інших зручних функцій. Однак, щоб повною мірою скористатися новими змінами в WordPress, вам може знадобитися перейти на нову тему.
На щастя, існує багато тем блоків WordPress, з яких можна вибирати. Вони дозволяють вам проектувати ваш сайт та налаштовувати кожну сторінку на ваш смак, без необхідності наймати розробника або вчити, як програмувати.
У цьому дописі ми ретельно розглянемо теми блоків WordPress та їхні переваги. Потім ми рекомендуємо 27 різних варіантів, щоб ви могли вирішити, яка тема найкраще підходить для вас. Розпочнемо!
Вступ до блок-тем WordPress
У 2019 році WordPress представив Редактор блоків, також відомий як Gutenberg. Це замінило Класичний редактор та кардинально змінило досвід створення контенту.
Редактор Gutenberg дозволяє користувачам створювати та налаштовувати публікації та сторінки за допомогою блоків:
У 2021 році WordPress випустив Редактор повного сайту, набір інструментів для дизайну, який включає новий редактор. Редактор сайту працює як Редактор блоків і дозволяє вам створювати весь ваш сайт за допомогою блоків Gutenberg.
Наприклад, ви можете вставити блоки тем, створити кастомні шаблони, та багато іншого:
Проте, ви можете скористатися цією функцією, лише якщо використовуєте блочну тему на вашому сайті. Це тема WordPress, яка була створена з блоків.
Ось деякі переваги використання блокової теми WordPress:
- Редагувати будь-яку функцію без коду
- Налаштовувати кольори дизайну та типографіку за допомогою Global Styles
- Автоматично генерувати функції доступності, такі як навігація за допомогою клавіатури
- Покращити швидкість сайту, завантажуючи лише відрендерені блоки на сторінці
З блоковою темою ви можете налаштувати кожну зону вашого сайту та додати нові функції. Якщо ви новачок у WordPress, ви можете створити весь сайт з нуля, не торкаючись жодного рядка коду.
27 тем блоків WordPress, ідеальних для повного редагування сайту
Як ми бачили, теми блоків WordPress пропонують багато переваг у плані дизайну вашого сайту. Щоб допомогти вам обрати правильну тему, ми склали список наших улюблених варіантів.
1. Двадцять двадцять другий
Як перша офіційна тема WordPress у форматі блоків, Twenty Twenty-Two є однією з найпопулярніших опцій. Ця стандартна тема WordPress оформлена у простих, природних образах та дозволяє налаштувати палітру кольорів, типографіку, шаблони сторінок та більше:
Особливості:
- Налаштування шаблонів сторінок, заголовків та підвалів
- Вставка готових шаблонів
- Змінення кольорових схем
Ціна: Оскільки Twenty Twenty-Two є стандартною темою WordPress, ви можете використовувати її безкоштовно.
2. GeneratePress
GeneratePress — ще одна популярна тема на блоках. Вона адаптивна, проста у використанні та легка.
У поєднанні з GenerateBlocks plugin, ця тема допомагає вам будувати та редагувати ваш сайт за допомогою динамічних блокових елементів:
Основні особливості:
- Понад 60 кольорових налаштувань
- 5 макетів бічної панелі
- Сумісний з популярними конструкторами сторінок, такими як Beaver Builder та Elementor
Ціна: Ви можете завантажити GeneratePress безкоштовно. Однак, преміум версія надає повний доступ до Бібліотеки сайтів, де ви можете вибрати з багатьох готових стартових макетів. GeneratePress Premium починається з $44 на рік.
3. Blockbase
Якщо ви шукаєте більш просту тему, розгляньте можливість використання Blockbase. Вона має мінімалістичний дизайн, тому її можна налаштувати з нуля. Ви навіть можете використовувати її як вихідний пункт для вивчення повного редагування сайту:
Особливості:
- Мінімалістичний дизайн, який можна налаштувати за допомогою Глобальних стилів
- 17 стандартних варіантів кольорової палітри
- Шаблони сторінок для результатів пошуку, сторінок 404, індексів та більше
Ціна: Blockbase – це безкоштовна тема блоку WordPress.
4. SeedProd
Хоча SeedProd є конструктором сайтів, а не темою, ви можете використовувати його для доступу до повного редагування сайту. Він служить універсальним рішенням для створення власного сайту на основі блоків:
Особливості:
- 200+ попередньо розроблених тем WordPress
- 80+ блоків сторінок
- Опції редагування для заголовків, підвалів, сторінок, публікацій, архівів та більше
Ціна: SeedProd доступний як безкоштовний WordPress плагін. Для доступу до більшої кількості шаблонів, блоків та інтеграцій, ви можете придбати преміум план за ціною від $31.60 на рік.
5. Divi
Divi — це потужна та гнучка тема WordPress, яка дозволяє налаштовувати ваш сайт за допомогою візуального редактора. За допомогою Divi ви можете керувати глобальними елементами дизайну сайту та впроваджувати налаштування для всього сайту:
Особливості:
- Конструктор сайтів drag-and-drop
- 40+ елементів, включаючи форми, галереї, слайдери, заклики до дії, та багато іншого
- 800+ готових дизайнів
Ціна: Divi – це преміум тема, яка починається з $89 на рік. Ця підписка включає повний спектр продуктів Divi та сотні пакетів для вебсайтів.
6. BlockPress
Ще одна тема, насичена функціями, це BlockPress. Одним кліком ви можете налаштувати стиль, кольори та типографіку вашого вебсайту:
Основні особливості:
- Налаштуйте типографіку та кольори вашого сайту
- Оптимізуйте сторінки продуктів понад стандартне оформлення WooCommerce
Ціна: Ви можете завантажити BlockPress як безкоштовну тему WordPress.
7. Aino
Коли використовується з Aino Blocks plugin, тема Aino надає всі необхідні функції для створення онлайн-магазину, особистого блогу або портфоліо. Вона пропонує бібліотеку готових шаблонів, які ви можете використовувати для негайного впровадження нового макету:
Особливості:
- Колекція блоків Aino
- Бібліотека шаблонів
- Підтримка WooCommerce
Ціна: Ви можете почати використовувати блоки Aino безкоштовно. Однак, преміум-шаблони та блоки доступні тільки в Pro версії. Ціна починається від $89 на рік.
8. Скейтпарк
Skatepark — це тема блоків з сміливою та яскравою колірною схемою. Хоча вона має більш обмежені дизайнерські опції, ви можете налаштувати кольори та шрифти, а також додавати нові блоки та візерунки:
Основні особливості:
- Підтримка Duotone та ігрова сітка
- Два основні кольори теми з можливістю налаштування кольорів
Ціна: Skatepark — це безкоштовна тема WordPress.
9. Wabi
Якщо ви письменник або видавець, Wabi може бути відповідною темою блоку WordPress для вас. Цей макет має мінімалістичний вигляд, з естетичним шрифтом та динамічним акцентним кольором:
Особливості:
- Шість акцентних кольорів
- Декілька варіантів стилю
- Готові шаблони для форм підписки, стильових посібників, проектів та заголовків
Ціна: Ви можете безкоштовно завантажити Wabi з каталогу тем WordPress.
10. Bricksy
З Bricksy, ви можете розширити досвід повного редагування сайту за допомогою блоків з функцією drag-and-drop. Ви можете поєднувати сторінки з різних контентних ніш для створення вашого унікального вебсайту. Крім того, Bricksy пропонує готові шаблони, щоб допомогти вам заощадити час:
Основні особливості:
- Макети для подорожей, їжі, весіль та модних ніш
- Налаштовувані блокові макети
Ціна: Bricksy доступна як безкоштовна тема для WordPress. Тим часом Bricksy Pro починається від $59 за рік.
11. Геолог
Geologist є дочірньою темою Blockbase з сучасним стилем дизайну для блогерів. З однією колонкою постів, вишуканою палітрою кольорів та простою типографікою, ця тема на основі блоків може бути чудовим варіантом для початківців:
Основні особливості:
- Шрифт без зарубок
- Макет публікації з однією колонкою
Ціна: Geologist доступний безкоштовно.
12. Stewart
Stewart має стандартну колірну схему оранжевого та світло-сірого кольорів, яка може надати вашому сайту професійний вигляд. Це може бути ефективним варіантом для блогерів:
Особливості:
- Налаштування дизайну, що налаштовуються у Глобальних Стилях
- Двоколонковий макет
Ціна: Stewart — це безкоштовна тема блоків WordPress.
13. Tove
Tove пропонує яскравий, веселий та кольоровий дизайн. Хоча спочатку його було розроблено для кафе та вебсайтів ресторанів, повна редакція сайту робить його адаптованим практично для будь-якої ніші. Завдяки багатьом шаблонам блоків та дизайнам, Tove є гнучкою, зручною у використанні темою блоків:
Основні характеристики:
- Понад 40 шаблонів блоків, включаючи макети для меню та інформації про магазини
- Налаштовувані заголовки, підвали та шаблони сторінок
- 6 дизайнів заголовків та 7 дизайнів підвалів
Ціна: Ви можете завантажити Tove безкоштовно.
14. Джулія
Якщо ви — блогер, що пише про їжу, вам не обов’язково покладатися на загальну тему блоку. Julia забезпечує простий спосіб ділитися рецептами та іншим кулінарним контентом. Ви можете редагувати свої публікації та сторінки, одночасно переглядаючи, як вони будуть виглядати на frontend:
Основні особливості:
- Макет у стилі журналу
- Менеджер стилів для зміни стилів макету та попередньо визначених палітр кольорів
- Конструктор сайтів drag-and-drop
Ціна: Julia пропонує легку версію, яка є повністю безкоштовною. Для доступу до Менеджера стилю та додаткової підтримки, плани Julia LT починаються з $75 на рік.
15. Архео
Якщо вас цікавить археологія, розгляньте можливість використання теми Archeo. Ця блок-тема натхненна історією та культурою народу майя:
Особливості:
- Фонові зображення на повний екран
- Проста, вінтажна типографіка
Ціна: Archeo є безкоштовною темою блоків WordPress.
16. Financio
Для професійного бізнес-сайту, спробуйте Financio. Ця тема блоків WordPress найкраще підходить для фінансових компаній, бухгалтерів та консалтингових бізнесів. Завантаживши сумісний плагін Gutenverse, ви зможете отримати доступ до розширених шаблонів та шаблонів для вашої ніші:
Основні особливості:
- Професійні шаблони тем для бізнесу
- Готові шаблони та елементи від плагіна Gutenverse
Ціна: Тема Financio block доступна для безкоштовного завантаження з каталогу тем.
17. Відчуття
Felt – це тема WordPress, яка нагадує журнал. Розроблена для видавців усіх типів, вона містить кілька віджетів для слайд-шоу, сіток та виділених публікацій. Використовуючи свій Менеджер стилів, ви можете змінювати шрифти та колірну схему вашого сайту в редакторі сайту:
Особливості:
- Менеджер стилів
- Віджети для списку публікацій, рекламні блоки, каруселі та інше
Ціна: Ви можете завантажити Felt Lite як безкоштовну тему WordPress. Тим часом Felt Pro пропонується з покращеним менеджером стилів та додатковими віджетами. Ціни починаються від 75 доларів на рік.
18. Alara
Якщо ви шукаєте простий дизайн у вінтажному стилі, розгляньте можливість використання блокової теми Alara. Alara пропонує різноманітність візерунків та стильових варіацій, тому ви легко можете налаштувати свою палітру кольорів, типографіку та шаблони:
Основні особливості:
- У комплекті з дизайн-варіаціями в палітрі кольорів, типографіці, шаблонах і візерунках
- Підтримує функції електронної комерції
Ціна: Alara – це безкоштовна тема блоків WordPress.
19. Hansen
Оскільки Hansen надає готові шаблони для блогів, він може бути ефективною блок-темою для особистих вебсайтів. Він також містить шаблон для одного продукту, який ви можете використовувати для створення інтернет-магазину. Крім того, це проста, але універсальна тема, яка залишає місце для багатьох налаштувань у Редакторі сайту:
Основні характеристики:
- 24 різних кольорів за замовчуванням та теми
- Опції шаблонів для блог-постів
Ціна: Hansen – це безкоштовна тема.
20. Зловити FSE
Catch FSE має темний та мінімалістичний дизайн. Його можна використовувати для різноманітних ніш, від особистих блогів до корпоративних веб-сайтів. Завдяки широкому вибору блокових візерунків та частин шаблону, Catch FSE є однією з найкращих тем для повного редагування сайту:
Основні особливості:
- Інтерфейс перетягування
- 15 блокових шаблонів
- 15 шаблонів FSE та дев’ять частин шаблону
Ціна: Ви можете завантажити тему Catch FSE безкоштовно. Якщо ви придбаєте Catch FSE Pro plugin, ви отримаєте розширені шаблони та користувацькі блоки. Ціни починаються від $59.99.
21. X3P0-Reflections
Якщо вам потрібно створити лише простий односторінковий сайт, X3P0-Reflections може бути ефективною блоковою темою. Цей дизайн найкраще підходить для основних профільних сторінок та дерев посилань:
Особливості:
- Підтримує шаблони односторінкових профілів
- Готові шаблони карток профілю
Ціна: X3P0-Reflections можна завантажити безкоштовно з каталогу тем WordPress.
22. Іній
Як експериментальна тема для повного редагування сайту, Frost прагне розширити стандартні можливості редактора сайтів. Ця тема надає багато шаблонів блоків, включаючи секції портфоліо, кнопки заклику до дії та багато іншого:
Особливості:
- Шаблони для виділених блоків, заголовків, нижніх колонтитулів, сторінок посилань та більше
- Шаблони для сторінок «незабаром відкриття» та обкладинок
Ціна: Frost – безкоштовна тема блоку WordPress.
23. Авангард
Avant-Garde може бути ідеальною блок-темою для тих, хто любить простоту. Вона має чорно-білу колірну схему та мінімалістичний макет. Використовуючи її готові шаблони, ви легко можете додати гарно оформлене портфоліо, таблицю цін і сторінку послуг:
Основні особливості:
- Готові шаблони для загальних сторінок, заголовків та підвалів
- Шаблони запитів для списку публікацій у стовпцях
Ціна: Ви можете завантажити Avant-Garde безкоштовно.
24. Вона
Ona має легкий та мінімалістичний дизайн, який може допомогти підвищити швидкість вашого сайту. Ви можете вибрати з готових стилів, сторінок та шаблонів, щоб повністю налаштувати свій веб-сайт:
Основні особливості:
- Основні, мінімальні та креативні варіанти стилів
- Шаблони для сторінок контактів, розділів “Про нас” та іншого
Ціна: Ona доступна як безкоштовна тема для WordPress. Однак ви можете отримати доступ до преміальної підтримки, автоматичних оновлень і навчальних матеріалів за темою за допомогою передплати. Ці починаються з $49 на рік за один сайт.
25. Емульсія
Якщо ви шукаєте універсальну тему з хорошою гнучкістю, Emulsion може бути правильним вибором для вас. Ця тема на основі блоків підтримує редагування повного сайту, але ви також можете повернутися до налаштувальника, коли це потрібно:
Основні особливості:
- Підтримує CSS для Класичного редактора та Редактора блоків
- Автоматичний контраст для читабельності
- Доступні функції, такі як навігація за допомогою клавіш
Ціна: Emulsion – це безкоштовна тема блоків WordPress.
26. Kemet
Завдяки попередньо розробленим блокам, шаблонам та частинам шаблонів, Kemet є блоковою темою, яка неймовірно легка у використанні. Ви можете миттєво впровадити ці функції в редакторі сайту та налаштувати їх відповідно до своїх потреб. Крім того, ви можете використовувати налаштування глобальних стилів для налаштування кольорової схеми та типографіки вашого вебсайту:
Особливості:
- Глобальні стилі з п’ятьма різними кольоровими палітрами
- Готові до використання блоки
- Оптимізовано для швидкого завантаження та кращих результатів SEO
Ціна: Ви можете завантажити Kemet безкоштовно.
27. Elyn
Elyn — це красива тема на основі блоків, яка може надати будь-якому веб-сайту сучасний і стильний вигляд. За допомогою цієї теми ви можете скористатися готовими блок-патернами для легкого додавання геройської секції, спрямування користувачів до заклику до дії або відображення ваших останніх публікацій:
Основні особливості:
- Розширені загальні, заголовок і блок-шаблони для блогу
- 18 варіантів кольорів теми
- Готові шаблони сторінок і частин шаблону
Ціна: Тема Elyn безкоштовна.
Скористайтеся можливостями повного редагування сайту
Повне редагування сайту дозволяє повністю налаштувати ваш сайт без досвіду кодування. Використовуючи тему блоків, ви можете додавати та редагувати блоки вмісту, щоб створити ідеальний макет для різних сторінок.
Ви можете розпочати з базової теми блоку, такої як Twenty Twenty-Two. Якщо ви шукаєте більш передовий варіант, можете використовувати тему на кшталт Tove або Catch FSE. Ці теми пропонують широкий вибір шаблонів та дизайнів.
Коли ви створюєте свій ідеальний вебсайт, вам знадобиться надійна система підтримки. Наш DreamPress: Керований хостинг WordPress піклується про безпеку, оновлення та обслуговування вашого сайту. Таким чином, ви зможете повністю зосередитися на налаштуванні дизайну вашого сайту!
Робіть більше з DreamPress
Користувачі DreamPress Plus та Pro отримують доступ до Jetpack Professional (та понад 200 преміум тем) без додаткових витрат!
Переглянути плани