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

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

• Абзац – это блок.
• Каждая картинка – это отдельный блок
• Цитата – это отдельный блок.
• …ну, вы поняли принцип.

Так как уже многие разработчики выпустили свои собственные блоки для редактора Gutenberg, в этой записи мы познакомим вас с 8 плагинами, которые добавят к Gutenberg новые классные блоки.

8 Лучших Gutenberg плагинов блоков

Atomic Blocks – это новый набор блоков для Gutenberg от команды, стоящей за  Array Themes, популярным магазином темы.  Ребята  известны тем, что пишут очень качественный код.

Сейчас  Atomic Blocks добавляет 11 новых блоков, но их  количество будет увеличиваться:

• Сетка записей
• Контейнер
• Отзывы
• Выскакивающее оповещение
• Аккордеон
• Иконки соц сетей
• Призыв к действию
• Кнопка, которую можно настроить
• Пробел и разделение
• Профиль автора
• Буквица

После установки плагина, вы увидите новую секцию Atomic Blocks, дополнившую стандартный интерфейс Gutenberg.

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

Stackable

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

Полный список ждет вас на сайте разработчика, а это избранные фавориты:

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

Как и в случае Atomic Blocks, после активации плагина, вы получите новое дополнение к интерфейсу Gutenberg, на этот раз под названием Stackable.

Блоки выглядят классно и дают неплохой простор для кастомизации. Опции настроек даны для каждого блока и представлены в сайдбаре.

Advanced Gutenberg

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

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

• Список иконок
• Google карты
• Аккордеоны
• Табы
• Продвинутые таблицы
• Продвинутые кнопки

Также  Advanced Gutenberg добавляет некоторые настройки бэкенда, самая мощная из которых – контроль над доступом к блокам Gutenberg. Вы можете создавать кастомные “профили” для пользовательских ролей или отдельных пользователей, с помощью которых можно контролировать доступность блоков:

Advanced Gutenberg Blocks

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

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

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

CoBlocks

CoBlocks называет себя “Gutenberg-блоками для продавцов контента”, что позволяет быстро определить его  целевую аудиторию.

Плагин создан той же командой, которая стоит за ThemeBeans. CoBlocks сейчас добавляет 10+ новых блоков, включая следующие:

• Блок автора
• Динамичный HR блок
• Блок «Твитнуть»
• Gif-блок
• GitHub-блок
• Прайс-лист блок
• Аккордеон блок

Bokez

У Bokez пока еще не особо много активных инсталляций, но такое явление сопровождает большинство плагинов, которые добавляют новые Gutenberg-блоки.

На данный момент Bokez добавляет к интерфейсу Gutenberg 13+ новых блоков, включая блоки для:

• Прайс-листа
• Сетки постов
• Отзывов
• Аккордеонов
• Шкала готовности процесса

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

Kadence Blocks

Kadence Blocks уникален тем, что добавляет скорее шаблон-блоки, чем контент-блоки, ну, по крайней мере, на данный момент.

Например, прямо сейчас самая впечатляющая функция – это блочный шаблон «ряд». Он позволяет вам вложить внутрь 1-6 колонок, каждая из которых может содержать любые блоки.

Также можно добавлять собственные фоны, а также кастомные поля и отступы как для обычных компьютеров, так  и для мобильный девайсов.

Во многом это похоже на то, как функционирует ряд в конструкторе страниц,  но дает вам иную структуру колонок. Кроме того  вы получите доступ к:

• Продвинутым заголовкам, которые помогут вам кастомизировать заголовки ваших записей
• Продвинутым кнопкам
• Иконкам
• Отступам / разделителям

Блоки модульные, а это значит, что вы можете деактивировать любые блоки по желанию.

Editor Blocks

Editor Blocks – еще одна возможность позволяющая добавить блоки к Gutenberg. Сейчас Editor Blocks добавляет 10+ новых Gutenberg-блоков, включая:

• Hero-блок – позволяет очень просто создавать hero-области, содержащие CTA.
• Прайс-лист
• Члены команды
• Блок-обертка
• Отзывы
• Бренды  (например, это может быть сетка из клиентских логотипов)

Но на данный момент все эти плагины уже очень неплохо добавляют функциональности Гутенбергу и дают вам гораздо больше контроля над вашим контентом.