14 лучших плагинов Gutenberg Block для WordPress
Опубликовано: 2020-11-15Долгое ожидание редактора Гутенберга наконец закончилось; он доступен прямо сейчас на WordPress. Заменяя старый редактор TinyMCE, этот предлагает совершенно новую концепцию создания контента с использованием богатых функций.
Используя редактор Gutenberg, вы можете разделить свой контент на несколько блоков. Вы можете добавить больше или удалить существующие блоки с вашим контентом в любое время. Проще говоря, редактор Gutenberg очень похож на конструктор страниц, который позволяет вам перетаскивать все различные блоки контента.
Пока мы говорим о блоках, имейте в виду, что редактор Gutenberg может предоставить вам множество типов блоков, таких как цитаты, столбцы, обложки, изображения, заголовки, абзацы и многое другое. Вы также можете редактировать параметры каждого блока по отдельности.
Одной из самых замечательных особенностей Гутенберга является то, что разработчики могут создавать персонализированные блочные плагины, подходящие для любого контента. Эти плагины могут служить только для улучшения функциональности и качества редактора Gutenberg.
Отличным примером таких плагинов является функция « Отзывы », которую вы можете добавить. Нет предела тому, что могут делать эти различные плагины.
В этом посте показаны десять лучших блочных плагинов для Гутенберга, плагины, которые улучшают общее качество и гарантируют, что вы получите все от редактора Гутенберга .
Редактор Gutenberg WordPress изменяет способ просмотра блоков при создании контента для WordPress. В отличие от классического подхода TinyMCE, заключающегося в том, чтобы поместить весь текст в одно унифицированное поле, в Gutenberg есть отдельный блок для каждого фрагмента контента.
Что впечатляет, так это то, что он открывает возможности, которыми сторонние разработчики более чем рады воспользоваться. Это дает им инструменты для создания собственных настраиваемых блоков, и вы можете использовать эти же блоки с Gutenberg при создании любого контента.
Благодаря этому потенциалу уже выпущено большое количество высококачественных плагинов Gutenberg для блоков.
Плагины Gutenberg Block — как они работают?
Хотя блочные плагины Gutenberg довольно просты в использовании, все же полезно поговорить о том, как они работают, потому что они все еще относительно новы, и есть вероятность, что вы еще не знакомы с ними.
По сути, эти плагины включают в себя так называемую модель «подключи и работай». Сразу после установки они готовы и оптимальны для использования. Начните добавлять новые блоки из интерфейса Гутенберга на досуге.
Вот четырнадцать лучших блочных плагинов Gutenberg, которые знакомят вас с новыми способами настройки контента с помощью блоков.
Внимательно прочтите этот пост, чтобы вы могли извлечь все из того, что может предложить редактор Gutenberg.
Окончательные дополнения для Гутенберга

Известный как один из самых известных плагинов Gutenberg Block в хранилище WordPress, у нас есть Ultimate Addons для Gutenberg. Предоставлено вам теми же людьми, которые предоставили вам Ultimate Addons для Beaver Builder, Schema Pro, Astra Theme, Convert Pro и Ultimate Addons для Elementor.
Эта коллекция плагинов добавляет множество новых блоков в уже хорошо оборудованный редактор Gutenberg.
Этот плагин включает в себя в общей сложности семнадцать блоков; они следующие:
Каждый из блоков в плагине Ultimate Addons for Gutenberg уникален и поможет вам сделать ваш сайт удивительным зрелищем.
Плагин способствует производительности и правильно оптимизирован для нее, а это значит, что ваш сайт никогда не будет работать медленно. В довершение ко всему, это также бесплатно!
Блоки включены:
- Раздел Блок
- Многокнопочный блок
- Расширенный блок заголовка
- Почтовый блок сетки
- Почтовый карусельный блок
- Почтовый кирпичный блок
- Блок информационного окна
- Блок карты Google
- Командный блок
- Блок временной шкалы контента
- Блок социальных сетей
- Блок отзывов
- Блок списка значков
- Блок меню ресторана
- Блок временной шкалы публикации
- Блок призыва к действию
- Расширенный блок столбцов
- Блок котировок
- Контактная форма 7 Styler Block
- Блок стайлера Gravity Forms
- Блок маркетинговых кнопок
- Блок прайс-листа
- Блок содержания
Атомные блоки

Еще один популярный аддон в коллекции плагинов Guneberg Block — Atomic Blocks. Созданный людьми из Array Themes, это плагин, полный различных типов блоков, которые дают вам еще больше контроля над редактором Gutenberg.
Плагин удобен в использовании, а с помощью блоков вы можете создавать красивые посты и страницы. Он также совместим с любой темой.
WP Engine недавно приобрел этот плагин.
На данный момент в Atomic Blocks добавлено 11 новых блоков , и скоро появятся новые:
- Сетка постов
- Контейнер
- Отзыв
- Встроенное уведомление
- Аккордеон
- Поделиться значками
- Призыв к действию
- Настраиваемая кнопка
- Разделитель и разделенный
- Профиль автора
- Буквица
Продвинутый Гутенберг

Этот плагин, предоставленный вам хорошими людьми из Joom United, является отличным дополнением к Gutenberg, которое предоставляет несколько интересных блоков Gutenberg. Многие из блоков в этом уникальны, и вы не можете найти их ни в одном из других плагинов в списке.
Однако этот плагин может предложить больше, чем просто блоки. Создайте собственные профили, а затем назначьте им группы и пользователей. Еще одна замечательная вещь в том, что вы можете изменить цвет значков Гутенберга. И последнее, но не менее важное: он позволяет применять пользовательские стили CSS к блокам абзацев.
В заключение, этот плагин предоставляет вам так много замечательных функций, и все это бесплатно. Используйте их для дальнейшего расширения возможностей редактора Gutenberg.
Блоки включены:
- Блок последних сообщений
- Блок продуктов WooCommerce
- Расширенный блок кнопок
- Блок контактной формы
- Блок расширенного списка
- Блок карты
- Аккордеонный блок
- Блок вкладок
- Блок счетчика
- Расширенный блок изображения
- Расширенный табличный блок
- Блок социальных ссылок
- Расширенный блок видео
- Блок слайдера изображения
- Сводный блок
- Блок отзывов
Гутеблок

Guteblocks предоставляет вам прекрасную коллекцию удивительных блоков Гутенберга. Используйте их, чтобы создать идеальный веб-сайт практически без усилий. Первоначально Guteblocks начинался всего с нескольких блоков.
Через некоторое время это число выросло и достигло тридцати четырех блоков, и все они доступны бесплатно. Ниже вы можете прочитать о том, какие блоки скоро появятся в бесплатной версии Guteblock.
Команда Guteblocks планирует выпустить премиум-версию, в которой скоро будут представлены еще более продвинутые блоки. Guteblock Pro будет состоять из таких блоков, как блок партнерских ссылок Amazon, блок добавления события в календарь, блок оплаты полосы, блок пожертвований Paypal, блок расширенных кнопок, блок быстрого контакта, и это только начало.
Та же команда, что и Guteblocks, недавно разработала новую универсальную тему блога и журнала для WordPress, которая может раскрыть весь потенциал Gutenberg Blocks. Guteblog Pro имеет девять передовых дизайнов макетов, каждый из которых подходит для создания идеального блога или веб-сайта. Включены также несколько демонстраций, которые помогут вам настроить свой веб-сайт за считанные минуты.
Некоторые из популярных блоков включают в себя:
- Блокировка членов команды
- Блок отзывов
- Контейнерный блок
- Почтовый блок сетки
- Разделительный блок
- Блок числового поля
- Блок буквицы
- Уведомление
- призыв к действию
- Профиль автора
- Совместное использование значков
- Разделитель и разделительный блок
Блоки Каденс

До сих пор вы видели только блочные плагины Gutenberg, которые только увеличивают количество блоков в редакторе Gutenberg. Что отличает Kadence Blocks от всех других плагинов, так это то, что он позволяет вам без особых усилий создавать и настраивать макеты. С этим плагином конструкторы страниц ушли в прошлое.
Каждый блок из этого плагина дает вам контроль над вашими столбцами и позволяет настраивать фоновое редактирование и добавлять наложение градиента.
Kadence Blocks абсолютно бесплатен и привносит новый поворот в редактор Gutenberg.
Некоторые из популярных блоков включают в себя:
- Блок макета строки
- Блок вкладок
- Аккордеонный блок
- Блок списка значков
Getwid

Getwid состоит из богатой библиотеки, которая включает в себя блоки контента для различных целей. Вы можете использовать эти блоки для любого типа веб-сайтов, включая целевые страницы, блоги, электронную коммерцию, веб-сайты для малого бизнеса или корпоративные сайты.
Создателем этого плагина является MotoPress. Их команда не новичок в бизнесе; у них есть многолетний опыт создания удобных конструкторов страниц и инструментов для редактирования контента в WordPress, таких как, например, редактор контента MotoPress.
Getwid также является одним из немногих плагинов, которые предлагают более двадцати четырех бесплатных блоков для WordPress.

Этот плагин совместим со всеми темами WordPress. Это потому, что каждый отдельный блок Gutenberg, созданный Getwid, автоматически адаптируется к дизайну темы, которую вы уже используете, и систематически сочетается со всем остальным.
Некоторые из важных блоков включают в себя:
- Раздел
- Точка доступа к изображению
- Баннер
- Хронология контента
- Слайдеры
- Mailchimp
- Форма обратной связи
- Несколько вариантов отображения последних сообщений.
Блоки редактора для Гутенберга

Один из самых простых плагинов блоков Gutenberg, Editor Blocks for Gutenberg, предоставляет нам специальную коллекцию блоков, специально созданных для создания красивых страниц.
Создатели плагина также создали библиотеку блоков Гутенберга, чтобы помочь пользователям выбрать нужный блок.
Вы можете получить плагин бесплатно. Создатели советуют всегда использовать шаблон «полной ширины», чтобы работать с этим плагином. Они также сделали тему, настроенную специально для этого плагина, которую вы можете получить бесплатно.
Некоторые из блоков включают в себя:
- Блок героев
- Таблица цен
- Члены команды
- Блок-обертка
- Отзыв
- Бренды
ЗеГутен

ZeGuten — это очень доступный набор блоков и различных вариантов макета, разработанный для редактора блоков WordPress.
Блоки, которые в настоящее время находятся в разработке, — это липкие столбцы, встроенный SVG и блок слайдера.
Когда дело доходит до блоков для сообщений, у вас есть пять макетов на выбор, что дает вам много возможностей для работы.
Некоторые из наиболее заметных блоков:
- Список сообщений
- Раздел
- Сравнение изображений
- Расширенная карта
- Таблица цен
- Карусель
- Члены команды
- Отзывы
Блоки выдры

Далее у нас есть Otter Blocks. Наша собственная специальная итерация блочного плагина WordPress. Это удобное дополнение к любому сайту. Используйте его по своему усмотрению без негативного влияния на вашу производительность.
В дополнение к этому вы можете поэкспериментировать с двенадцатью уникальными блоками, пока не выясните, что лучше всего подходит для вашего сайта.
Otter Blocks — идеальный выбор для любого блоггера и владельца бизнеса, который ищет такие функции, как модули услуг и цены. Это не значит, что это не подходит для кого-либо еще; напротив, Otter предлагает нам блоки общего назначения, которые могут помочь нам создавать отличные страницы и заголовки для любого типа веб-сайта по нулевой цене.
Некоторые из включенных блоков:
Блоки включены:
- Раздел Блок
- Расширенный блок заголовка
- Группа кнопок
- Сервисный блок
- Ценовой блок
- Блок отзывов
- Блок Google Карт
- Об авторском блоке
- Почтовый блок сетки
- Потрясающий блок шрифтов
- Блок значков общего доступа
- Блок карты плагина
Орбит Фокс

Другой наш собственный плагин, Orbit Fox, может многое предложить. Во-первых, этот плагин включает в себя двадцать два блока, в которых есть множество функций и еще больше возможностей для настройки. Кроме того, в этот плагин также включены другие уникальные функции, например, модуль для обмена в социальных сетях, интеграция с Google Analytics и встроенная сеть доставки контента (CDN).
Вы можете использовать Orbit Fox по множеству причин. Это может пригодиться, если вы ищете какие-то отличительные блоки. Он предлагает вам улучшенную функциональность, которая позволяет вам более эффективно управлять своим веб-сайтом, одновременно повышая его производительность.
Этот плагин по существу заменяет многие другие плагины, делая их излишними для использования, поэтому не стесняйтесь заменять их. Нет темы, несовместимой с Orbit Fox; все, что вы используете, будет работать безупречно вместе с ним бесплатно.
Блоки включены:
- Об авторском блоке
- Аккордеонный блок
- Блок круговой диаграммы
- Блок иконок Font Awesome
- Блок карты Google
- Блок уведомлений
- Блок карты плагина
- Блок сетки сообщений
- Блок таблицы цен
- Блок «Наши услуги»
- Блок значков общего доступа
- Блок отзывов
- Нажмите, чтобы заблокировать твит
- Расширенный блок заголовка
- Раздел Блок
- Блок столбца раздела
- Блок группы кнопок
- Аккордеон Блок предметов
- Блок отзывов
- Ценовой блок
- Сервисный блок
Премиальные блоки для Гутенберга

Не позволяйте имени обмануть вас; Премиум-блоки для Гутенберга предоставляются совершенно бесплатно. Он предлагает 12 блоков, все они разработаны с учетом производительности веб-сайта.
Если по какой-то причине вы обнаружите, что производительности по-прежнему не хватает, вы можете отключить блоки, которые вы не собираетесь использовать, чтобы еще больше оптимизировать свою скорость.
Во всех отношениях Premium Blocks для Gutenberg — отличный выбор, предлагающий вам все необходимые инструменты для работы, такие как значки, разделы с ценами и вкладки-аккордеоны.
Без сомнения, это один из лучших доступных плагинов для WordPress, если вы ищете тот, который поддерживает легкий дизайн, а также оптимизируется для лучшей производительности и скорости.
Блоки включены:
- Баннерный блок
- Блок кнопок
- Блок счетчика
- Двойной блок заголовка
- Блок значков
- Блок карт
- Блок таблицы цен
- Раздел Блок
- Блок отзывов
- Аккордеонный блок
- Блок значков
- Блок видеобокса
Конечные блоки

Ultimate Blocks предлагает нам бесплатную коллекцию из восемнадцати блоков Гутенберга. Некоторые из этих блоков включают эксцентричные блоки, которых нет ни в одном из других плагинов.
Один из таких уникальных блоков, блок обзора с включенной схемой, имеет возможность поместить поле обзора, которое может включать структурированные данные, чтобы помочь вам найти расширенные фрагменты из поиска Google. Этот блок позволяет выставлять оценки по разным критериям, а затем объединять все оценки в одну.
Также включен еще один отдельный блок для звездного рейтинга, который можно использовать сам по себе.
Блок Content Filter — это еще один отдельный блок, который позволяет посетителю фильтровать контент с помощью кнопки фильтра, расположенной вверху, без необходимости перезагрузки страницы.
Плагин Ultimate block в настоящее время имеет 18 блоков:
- Фильтр содержимого
- Обзор (разметка схемы включена)
- Оглавление
- Контент с вкладками
- Призыв к действию
- Переключение содержимого (аккордеон)
- Коробка функций
- Окно уведомлений
- Числовое поле
- Отзыв
- Нажмите, чтобы твитнуть
- Социальная акция
- Обратный отсчет
- Индикатор
- Звездный рейтинг
- Слайдер изображений
- Кнопка (улучшено)
- Делитель
Qubely

Themeum — это многофункциональный блочный плагин Gutenberg, доступный в двух версиях: бесплатной базовой и премиум-версии. Возможно, вы помните Themeum как команду, которая представила вам плагин Tutor LMS WordPress, плагин для управления обучением, который мы недавно рассмотрели.
Qubely оснащен широким набором разнообразных блоков и постоянно растущей коллекцией, включающей более ста пятидесяти предварительно созданных шаблонов и разделов, которые вы можете редактировать и импортировать на досуге.
Вот некоторые из блоков Qubely:
Вот некоторые из примечательных блоков Qubely:
- Строка
- График
- Почтовая сетка
- Аккордеон/Переключатель
- Расширенный текст
- Видео всплывающее окно
- Google Map
- Индикатор
- Кнопка
- Отзыв
- Заголовок
- Прилавок
- Вкладки
- Значок
- Делитель
- Социальные иконки
- Группа кнопок
- Кнопка
- Информационное окно
- Расширенный список
- Форма обратной связи
- Список значков
- Цены
- Обертка блока
- Команда
- Изображение
CoBlocks

Приобретенный известным доменом GoDaddy еще в апреле 2019 года, у нас есть CoBlocks, известная коллекция удивительных блоков Гутенберга.
Его цель — расширить пользовательский опыт создания страниц и улучшить редактор блоков.
Coblocks имеет более тридцати одного макета и блока. Создатели хотят помочь вам управлять макетом и дизайном. Вот почему они добавили гибкий блок столбцов и строк. В них также включены блоки Dynamic Separator и Shape Divider, чтобы вы могли легко разделять объекты.
Наконец, они добавили панель управления типографикой, совместимую как с блоками по умолчанию для WordPress, так и с CoBlocks, что позволяет вам безупречно управлять типографикой.
Некоторые из популярных блоков включают в себя:
- Профиль автора
- Еда напитки
- Форма
- Герой
- Логотипы и значки
- Почтовая карусель
- Таблица цен
- Услуги
Плагины WordPress Block – Заключение
Какой бы из этих плагинов для WordPress вы ни выбрали, начать использовать блоки очень просто.
После установки и активации выбранные плагины предоставят вам раздел аккордеона.
Если по какой-то причине вы не видите раздел, ищите блоки по их названиям.
Вы должны помнить, что даже сам по себе Редактор блоков WordPress очень удобен. Блочные системы служат только для улучшения, предлагая вам бесконечное расширение, творчество и возможности. Каждый из этих блоков, о которых вы читали, может очень помочь при создании уникального и гибкого контента для добавления на ваш сайт.