Новый редактор WordPress Gutenberg приносит новый подход к созданию контента в WordPress. Вместо одного унифицированного текстового поля классического редактора TinyMCE, каждый элемент контента в Gutenberg представляет собой свой собственный блок:
- Абзац это блок
- Каждое изображение — это свой блок
- Цитата это свой блок
- … вы поняли идею.
Одной из самых полезных функций является возможность для сторонних разработчиков добавлять свои собственные блоки, которые вы можете использовать при создании контента с помощью Gutenberg.
Этот потенциал уже привел к выпуску ряда качественных плагинов для блоков Gutenberg.
В этой статье мы собрали восемь лучших плагинов для блоков Gutenberg, которые дают вам доступ к новым блокам контента.
Как работают плагины блоков Gutenberg?
Способ работы блочных плагинов Gutenberg довольно прост. По сути, все эти плагины просто работают из коробки. То есть все, что вам нужно сделать, это установить и активировать плагин. Затем вы можете сразу начать использовать новые блоки из обычного интерфейса Gutenberg.
8 лучших плагинов для блоков Gutenberg
1. Atomic Blocks
Atomic Blocks — это набор новых блоков Gutenberg от той же команды, что создали и Array Themes, популярный магазин тем с отличной репутацией и качественным кодом.
В настоящее время в Atomic Blocks добавлено 11 новых блоков , и еще больше планируется:
- Сетка записей
- Контейнер
- Отзыв
- Встроенное уведомление
- Аккордеон
- Иконки шаринга в соцсети
- Призыв к действию
- Настраиваемая кнопка
- Разделитель
- Профиль автора
- Drop Cap
Как только вы установите плагин, вы получите новый раздел Atomic Blocks в интерфейсе Gutenberg:
Живые демонстрации всех блоков доступны здесь. Можно проверить в работе каждый блок. Все новые блоки созданы для идеальной работы со связанной темой WordPress Atomic Blocks, но вы можете использовать Atomic Blocks с любой темой.
2. Stackable
Stackable — еще один блочный плагин Gutenberg, который набирает популярность. В настоящее время он предлагает 17+ новых блоков, в том числе более продвинутые.
Вы можете проверить полный список на странице плагина, но вот некоторые из них:
- Таблица цен
- Счетчик
- Видео во всплывающем окне
- Отзывы
- Члены команды
- Призыв к действию
- Улучшенная кнопка
- Развернуть / показать больше
Как и в случае с Atomic Blocks, вы получаете новый раздел Stackable в интерфейсе Gutenberg после установки плагина:
Блоки выглядят довольно хорошо, и вы получаете большое количество вариантов настройки для каждого блока на боковой панели.
3. Advanced Gutenberg
Advanced Gutenberg — это отличный плагин от JoomUnited. В отличие от предыдущих двух плагинов, Advanced Gutenberg дает больше, чем просто блоки.
Тем не менее, вы получаете новые блоки — 12+ новых блоков, включая:
- Списки значков
- Карты Google
- Аккордеоны
- Вкладки
- Расширенные таблицы
- Расширенные кнопки
Помимо этого, Advanced Gutenberg также добавляет некоторые внутренние настройки, наиболее мощными из которых являются средства управления доступом для Gutenberg . Вы можете создавать собственные «профили» для ролей пользователей или отдельных пользователей, которые точно контролируют, к каким блокам эти пользователи имеют доступ:
4. Advanced Gutenberg Blocks
Advanced Gutenberg Blocks добавляет более 10 новых блоков Gutenberg , среди которых наиболее заметными являются:
- Предварительный просмотр сайта ( создает предварительный просмотр, когда вы делитесь сайтом на Facebook — требуется бесплатный ключ API OpenGraph )
- Плагин WordPress ( позволяет отображать информацию из WordPress.org в ваших сообщениях — отлично подходит для блогов WordPress )
- Отзывы
Помимо добавления новых блоков, плагин также позволяет скрывать блоки Gutenberg из интерфейса (включая блоки по умолчанию).
5. CoBlocks
CoBlocks позиционирует себя как «блоки Gutenberg для контент-маркетологов», что должно дать вам хорошее представление о том, кто является целевой аудиторией для этого плагина.
Созданный командой ThemeBeans, CoBlocks в настоящее время добавляет 10+ новых блоков , включая некоторые уникальные, такие как:
- Авторский блок
- Динамический блок HR
- Блок Click to Tweet
- Gif блок
- Блок GitHub
- Блок таблицы цен
- Аккордеон
Все блоки находятся внутри нового раздела CoBlocks в Gutenberg:
6. Bokez
В настоящее время Bokez добавляет 13+ новых блоков в Gutenberg , включая блоки для:
- Таблица цен
- Сетка записей
- Отзывы
- Аккордеон
- Индикатор прогресса
Блоки Bokez смешаны со всеми остальными блоками Gutenberg, что затрудняет их поиск. Но они выглядят довольно хорошо и предоставляют множество вариантов настройки:
7. Kadence Blocks
Kadence Blocks уникальны тем, что больше сосредоточены на добавлении блоков макетов, чем блоков контента, по крайней мере сейчас.
Например, сейчас самая большая особенность — это блок Row Layout . Он позволяет вложить в ряд 1-6 столбцов, которые могут содержать любые другие блоки.
Вы также можете добавить свои собственные фоны, а также настраиваемые поля / отступы для настольных и мобильных устройств.
Этот блок более удобный, чем текущий блок колонок в Gutenberg. Он очень похож на настройку строки в конструкторе страниц и предоставляет различные структуры столбцов:
Помимо блока Row Layout, вы также получаете доступ к:
- Расширенный заголовок — поможет настроить заголовок записи.
- Расширенная кнопка
- Иконка
- Пространство / Разделитель
Все блоки являются модульными, что означает, что вы можете деактивировать любые блоки, которые не хотите использовать.
8. Editor Blocks
Editor Blocks — это еще один хороший плагин, который добавляет новые блоки контента в Gutenberg. В настоящее время Editor Blocks добавляет более 10 новых блоков Gutenberg, в том числе:
- Hero block.
- Таблица цен
- Члены команды
- Блок-контейнер
- Отзывы
- Бренды (например, сетка логотипов клиентов)
Если вы хотите увидеть их все в действии, эта страница полностью построена из блоков редактора.
И, как и в случае с Atomic Blocks, есть также дополнительная тема «Editor Blocks» , созданная для работы с всеми новыми блоками.
На данный момент эти плагины выполняют довольно хорошую работу по расширению функциональности Gutenberg и предоставлению большего контроля над вашим контентом.
