Нові блоки контенту для Gutenberg WordPress: 8 найкращих плагінів

Редактор WordPress Gutenberg приносить новий блоковий підхід для створення контенту WordPress. Замість єдиного уніфікованого текстового поля, такого як у класичному редакторі TinyMCE, кожен біт контенту Gutenberg є його власним блоком:

• Абзац – це блок,
• Кожне зображення є власним блоком,
• Цитата – це власний блок,
• і багато інших.

Однією з дивовижних функцій нового редактора є можливість стороннім розробникам додавати власні блоки, які можна використовувати при створенні контенту в Gutenberg.

Цей потенціал вже призвів до випуску ряду якісних плагінів Gutenberg. У цьому пості представлено вісім з найкращих плагінів Gutenberg, які дають доступ до нових блоків контенту в Gutenberg.

1. Атомні блоки

Atomic Blocks – це набір нових блоків Gutenberg з тієї ж команди, що й Array Themes, популярного тематичного магазину з чудовою репутацією щодо написання якісного коду.

В даний час Atomic Blocks додає 11 нових блоків:

• Сітка для запису,
• Контейнер,
• Рекомендації,
• Вбудоване повідомлення,
• Акордеон,
• Поділитися значками,
• Заклик до дії,
• Настроювана кнопка,
• Поділ та розрив,
• Профіль автора,
• Заглушка.

Після встановлення плагіна ви отримаєте новий розділ "Atomic Blocks (Атомні блоки)" в інтерфейсі Gutenberg:

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

Всі нові блоки побудовані так, щоб добре працювати з відповідною темою WordPress Атомні блоки, але ви можете використовувати плагін Atomic Blocks з будь-якою темою WordPress.

2. Стекові

Stackable - ще один плагін для блоків Gutenberg, який, схоже, буде популярним. В даний час він пропонує 17 нових блоків, включаючи кілька більш просунутих блоків.

Ви можете переглянути повний список на сторінці плагіна, але деякі з кращих:

• Ціноутворення,
• Порахувати,
• Спливаюче відео,
• Відгуки,
• Члени команди,
• Заклик до дії,
• Покращена кнопка,
• Розгорнути/показати більше.

Як і в Atomic Blocks, ви отримуєте нову область Stackable в інтерфейсі Gutenberg після встановлення плагіна:

Блоки виглядають досить добре, на бічній панелі розташовано велику кількість налаштувань для кожного блоку.

3. Просунутий Гутенберг

Advanced Gutenberg – витончений варіант JoomUnited. На відміну від попередніх двох плагінів Advanced Gutenberg додає більше, ніж просто блоки.

Ви отримуєте 12+ нових блоків, у тому числі:

• Списки значків,
• Карти Гугл,
• Акордеони,
• Вкладки,
• Розширені таблиці,
• Розширені кнопки.

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

Дивіться також:

Усі найкращі плагіни в розділі Плагіни WordPress.

4. Advanced Gutenberg Blocks

Не плутайте з Advanced Gutenberg вище. Advanced Gutenberg блоки додає 10+ нових блоків Gutenberg. Деякі з найбільш примітних:

• Попередній перегляд карти сайту (створює попередній перегляд, схожий на те, що відбувається при спільному використанні веб-сайту на Facebook, - безкоштовний ключ API OpenGraph).
• Плагін WordPress (дозволяє відображати інформацію з WordPress.org у ваших постах – чудово підходить для блогів WordPress).
• Відгуки.

Крім додавання нових блоків, плагін також дозволяє приховувати блоки Gutenberg з інтерфейсу (включаючи стандартні блоки).

5. Коблоки

CoBlocks є «блоками Gutenberg для контент-маркетологів».

CoBlocks створено командою ThemeBeans. Додано ще 10 нових блоків, зокрема деякі унікальні:

• Авторський блок
• Динамічний блок HR.
• Натисніть Tweet блок.
• Блок Gif.
• Блок GitHub.
• Блок таблиці цін.
• Акордеонний блок.

Усі блоки знаходяться в новому розділі редактора CoBlocks Gutenberg:

6. Бокез

В даний час у Bokez не так багато інсталяцій, але це значною мірою характерно для більшості плагінів, які додають нові блоки Gutenberg.

Bokez додає 13 нових блоків у Gutenberg, включаючи блоки для:

• Таблиця цін
• Запис у вигляді сітки,
• Рекомендації,
• Акордеон,
• Індикатор.

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

Дивіться також:

Плагіни WordPress за категоріями тут.

7. Блоки Kadence

Kadence Blocks унікальний тим, що він більше зосереджений на додаванні блоків компонування, ніж блоків контенту, принаймні зараз.

Наприклад, зараз найцікавіша функція – блок макета рядка. Він дозволяє вбудовувати 1-6 стовпців усередині, які можуть містити будь-який з інших блоків, що є у вашому розпорядженні.

Він працює так само, як налаштування рядка в конструкторі сторінок і дає різні структури стовпців:

Ви можете додати свій власний фон, а також поля/доповнення, що настроюються для настільних і мобільних пристроїв.

Крім блоку Макет рядка (Row Layou) ви також отримуєте доступ до:

• Розширений заголовок.
• Кнопка "Додатково".
• Значок.
• Розділювач.

Всі модульні блоки, тому ви можете деактивувати будь-які блоки, які не хочете використовувати.

Приємно, що це розвивається, тому що зараз стовпці досі є однією із областей, де Gutenberg відстає.

8. Editor Blocks

Editor Blocks – ще один добрий варіант, який додає нові блоки контенту в Gutenberg. В даний час Editor Blocks додає 10+ нових блоків Gutenberg, у тому числі:

• Блок героїв (Hero Block) – дуже легко створювати області героїв за допомогою заклику до дії.
• Таблиця цін.
• Члени команди.
• Суперобкладинка.
• Рекомендації.
• Бренди (наприклад, сітка логотипів клієнтів або місця, які ви зазначили).

Якщо ви хочете побачити всі блоки в дії, ця сторінка повністю побудовано за допомогою блоків редактора.

І, подібно до Atomic Blocks, є також додаткова тема Editor Blocks, яка побудована так, щоб добре поєднуватись з усіма новими блоками.

9. Блоки Qubely

Qubely – це просунутий блок інструментів Gutenberg. З 32+ потужними користувальницькими блоками Гутенберга, 150+ готовими секціями, він дає своїм користувачам саме те, що їм потрібно. Крім того, він також сумісний із функцією WooCommerce.

Властивості Qubely:

• Вертикальна вкладка
• Медіа карта
• Команда Карусель
• Пост Карусель
• Конструктор форм
• Галерея
• Сітка Advanced Post
• Індикатор
• Рядок та розширений текст

Всі 32+ потужних користувацьких блоків Gutenberg легко доступні з Qubely. Щоб користуватися Qubely Blocks, вам необхідно спочатку встановити та активувати плагін Qubely.

Блоки Qubely додаються до редактора Gutenberg, як тільки ви активуєте плагін. Ви також можете перевірити живу демонстрацію Qubely та документацію Qubely для більш детального розуміння.

Зображення банера та внутрішнє зображення додаються.

У той час, коли публікується цей пост, WordPress 5.0 ще не випущено. Як тільки Gutenberg стане частиною ядра, ми обов'язково побачимо, як розробники впровадили інші корисні блоки.

Але на даний момент ці плагіни вже роблять досить класну роботу з розширення функціональності Gutenberg та надання більшого контролю над контентом.

Чи є інші плагіни доповнення Gutenberg, які варто поділитися? Дайте нам знати про це у коментарях.

Джерело: wplift.com