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


Скачать исходники для статьи можно ниже

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

1. Kadence Blocks

Сайт плагина: “wordpress.org/plugins/kadence-blocks/”

Начнем с одного из самых популярных новых блочных плагинов – Kadence Blocks.

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

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

Когда вы вставите его, вы сможете выбрать желаемую структуру столбца, а также вручную настроить ширину каждого столбца с помощью перетаскивания:

Кроме того, можно также вставить готовые блочные макеты из библиотеки.

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

В дополнение к блоку компоновки строк, блоки Kadence также добавляют 8 других блоков:

– Пространство / Разделитель
– Расширенная Кнопка
– Икона
– Расширенный Заголовок
– Вешалки
– Информационное Поле
– Аккордеон
– Список Значков

2. Ultimate Addons for Gutenberg

Сайт плагина: “wordpress.org/plugins/ultimate-addons-for-gutenberg/”

Ultimate Addons for Gutenberg – это набор новых блоков от Brainstorm Force, тех же производителей одноименных наборов аддонов для плагинов Elementor и Beaver Builder page builder.

Это дает вам как новый макет, так и новые блоки контента.

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

Что касается новых блоков контента, то у вас масса новых опций. Вот неполный список некоторых из самых заметных из них:

– Расширенный Заголовок
– Призыв к действию
– Стили форм для Contact Form 7 and Gravity Forms
– Временная шкала контента
– Различные способы отображения сообщений в блоге, включая карусель, сетку и макет
– Прейскурант
– Отзывы
– Члены команды

3. Stackable

Сайт плагина: “wordpress.org/plugins/stackable-ultimate-gutenberg-blocks/”

Stackable поставляется как в бесплатных, так и в премиум-версиях и предлагает множество новых блоков контента для Gutenberg.

Это был один из самых ранних последователей плагинов Гутенберга, и он стал одним из самых популярных плагинов, с более чем 10 000 сайтов, использующих его.

В то время, когда я пишу этот пост, вы получаете более 23+ новых блоков. Вот частичный список некоторых из них:

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

4. CoBlocks

Сайт плагина: “wordpress.org/plugins/coblocks/”

CoBlocks – это великолепно выглядящий набор макетов и блоков контента,которые недавно были приобретены GoDaddy. Да, хостинг / доменный гигант!

Один из самых универсальных новых блоков в CoBlocks – это его изменяемые строки/столбцы. Как и некоторые другие плагины, которые добавляют этот стиль блока, это поможет вам создать некоторые более уникальные и сложные конструкции с редактором блоков.

Кроме того, вы получаете 17 + другие блоки-вот некоторые из основных моментов:

– Shape Divider-позволяет создавать некоторые действительно аккуратные эффекты компоновки
– медиа-карта
– Профиль Автора
– Нажмите, чтобы Твитнуть
– Динамический Сепаратор
– Таблица Цен

Вот взгляните на то, что вы можете сделать с новым разделителем формы блока:

5. Otter

Сайт плагина: “wordpress.org/plugins/otter-blocks/”

Есть две части выдры. Во-первых, он добавляет 12+ новые блоки контента, которые вы можете использовать в своих проектах. Затем он также добавляет готовые шаблоны (построенные с блоками), которые можно вставить в Редактор блоков.

Вот некоторые из самых ярких моментов:

– Раздел-позволяет выбрать различные макеты столбцов и / или вставить один из готовых шаблонов из библиотеки шаблонов
– Карточка плагина-позволяет вставлять сведения для плагина из WordPress.org
– Отзывы
– Таблица цен
– Об Авторе

И вот как это выглядит, чтобы вставить шаблон через раздел блока:

6. Lazy Blocks

Сайт плагина: “wordpress.org/plugins/lazy-blocks/”

Ленивые блоки уникальны, потому что он на самом деле не добавляет никаких новых блоков сам по себе. Вместо этого, Lazy Blocks дает вам возможность добавлять свои собственные пользовательские блоки Гутенберга, без необходимости писать одну строку JavaScript.

По сути, вы будете “строить” свой пользовательский блок, выбирая, для каких полей вы хотите собирать информацию. Затем вы можете использовать простые HTML / CSS и теги для управления тем, как вся эта информация выглядит на интерфейсе:

Если вы когда-либо работали с плагином Pods, это очень похоже на подход, который использует Pods .

Хотя вам определенно понадобится немного базового HTML и CSS, чтобы получить максимальную отдачу от этого плагина, это самое простое решение, которое вы найдете, чтобы иметь возможность создать свой собственный блок в Gutenberg.

7. Atomic Blocks

Сайт плагина: “wordpress.org/plugins/atomic-blocks/”

Наряду с Stackable, Atomic Blocks является еще одним ранним последователем редактора блоков Гутенберга. Так что он используется на большом количестве сайтов.

Atomic Blocks не приходят с супер причудливыми блоками. Вместо этого он просто дает вам некоторые простые, утилитарные ( но красивые ) блоки, которые пригодятся в различных ситуациях. В настоящее время он предлагает 13 блоков для:

– Цены
– Сетка Столба
– Контейнер
– Рекомендация
– Встроенное Уведомление
– Аккордеон
– Поделиться Значками
– CTA
– настраиваемая кнопка
– Распорка И Делитель
– Профиль Автора
– буквица
– Электронный бюллетень

8. Block Gallery

Сайт плагина: “wordpress.org/plugins/block-gallery/”

Block Gallery от того же разработчика, что и CoBlocks, что означает, что он также был частью приобретения GoDaddy.

Однако, в то время как CoBlocks больше ориентирован на блоки общего назначения, Block Gallery ориентирована на то, чтобы помочь вам отображать фотогалереи в ваших проектах, с выделенными блоками для:

– Плиточная Галерея
– Полноэкранный режим галереи
– Карусельный Ползунок

Поэтому, если вы ищете отличный способ отображения изображений в Редакторе блоков, этот вариант точно для Вас.