Новые блоки контента для Gutenberg WordPress: 8 лучших плагинов

Редактор WordPress Gutenberg приносит новый блочный подход для создания контента в WordPress. Вместо единого унифицированного текстового поля, такого как в классическом редакторе TinyMCE, каждый бит контента в Gutenberg является его собственным блоком:

• Абзац - это блок,
• Каждое изображение представляет собой собственный блок,
• Цитата - это собственный блок,
• и многие другие.

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

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

1. Atomic Blocks

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

В настоящее время Atomic Blocks добавляет 11 новых блоков:

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

После установки плагина вы получите новый раздел «Atomic Blocks (Атомные блоки)» в интерфейсе Gutenberg:

Если вы хотите увидеть живые демонстрации всех блоков, идите сюда и прокрутите вниз. Щелкните «Просмотр блока» для каждого блока.

Все новые блоки построены так, чтобы отлично работать с соответствующей темой WordPress Atomic Blocks, но вы можете использовать плагин Atomic Blocks с любой WordPress темой.

2. Stackable

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

Вы можете просмотреть полный список на странице плагина, но вот некоторые из лучших:

• Ценообразование,
• Посчитать,
• Всплывающее видео,
• Отзывы,
• Члены команды,
• Призыв к действию,
• Улучшенная кнопка,
• Развернуть / показать больше.

Как и в Atomic Blocks, вы получаете новую область Stackable в интерфейсе Gutenberg после установки плагина:

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

3. Advanced Gutenberg

Advanced Gutenberg – изящный вариант JoomUnited. В отличие от предыдущих двух плагинов, Advanced Gutenberg добавляет больше, чем просто блоки.

Вы получаете 12+ новых блоков, в том числе:

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

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

Смотрите также:

Все лучшие плагины в разделе Плагины WordPress.

4. Advanced Gutenberg Blocks

Не путайте с Advanced Gutenberg выше. Advanced Gutenberg Blocks добавляет 10+ новых блоков Gutenberg. Некоторые из наиболее примечательных:

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

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

5. CoBlocks

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

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

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

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

6. Bokez

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

Bokez добавляет 13 новых блоков в Gutenberg, включая блоки для:

• Таблица цен,
• Запись в виде сетки,
• Рекомендации,
• Аккордеон,
• Индикатор.

Блоки смешиваются со всеми остальными блоками Gutenberg, что затрудняет их поиск. Но как только вы их найдете, заметите, что они выглядят довольно хорошо и дают множество вариантов настройки:

Смотрите также:

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

7. Kadence Blocks

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 Blocks

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

Подпишитесь на еженедельный дайджест про WordPress