3 коллекции блоков Гутенберга, которые показывают, что возможно с новым редактором WordPress

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

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

Давайте прыгнем!

Где сейчас стоит Гутенберг

Как вы, возможно, знаете, Gutenberg готовится к запуску с WordPress 5.0. Хотя новый редактор был доступен как плагин в течение нескольких месяцев, теперь он должен быть объединен с ядром уже в ноябре. Другими словами, сейчас хорошее время, чтобы подготовиться к тому, что ждет WordPress в будущем.

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

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

Если вам нужно напоминание, блоки предназначены для Гутенберга, как модули для Divi Builder. Другими словами, это основные элементы, которые Гутенберг использует для структурирования страниц и сообщений:

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

Ключевым моментом здесь является то, что Гутенберг будет придерживаться традиции WordPress, предоставляя базовый набор опций, позволяя вам расширять их в соответствии с вашими собственными требованиями. Объединение блоков в коллекции также упрощает процесс, поскольку вам нужно загрузить только один плагин, чтобы добавить несколько связанных блоков.

3 коллекции блоков Гутенберга, которые стоит проверить

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

1. Атомные блоки

Из всех доступных сейчас коллекций блоков Гутенберга, Atomic Blocks - безусловно, самый совершенный вариант. Это становится очевидным, как только вы его установите, поскольку вас встретит подробная приветственная страница:

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

В целом, коллекция Atomic Blocks кажется отличным продолжением того, что сейчас может предложить Гутенберг. Его набор блоков расширяет функциональность нового редактора опциями, которые будут полезны для множества сайтов.

Ключевая особенность:

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

Цена: Бесплатно | Больше информации

2. Возможность наращивания

Stackable - еще одна из наших любимых коллекций блоков Гутенберга. Прямо сейчас он включает 17 новых блоков, которые вы можете добавить в редактор, в том числе те, которые аналогичны тем, которые предоставляет Atomic Blocks:

Исходя исключительно из количества блоков, эта коллекция является одной из самых больших на рынке. Что еще более важно, все блоки Stackable хорошо отполированы. Плагин даже включает расширенные параметры настройки, такие как возможность добавлять и изменять фоновые изображения, анимацию и многое другое.

В конечном счете, Atomic Blocks и Stackable используют два разных подхода к разработке блоков Gutenberg. Первый призван добавить к фундаментальной простоте, к которой стремится Гутенберг. С другой стороны, Stackable - лучший вариант, если вы ищете коллекцию блоков Гутенберга, которая похожа на то, что вы видели бы в более традиционном конструкторе страниц.

Ключевая особенность:

• Включает 17 новых блоков Гутенберга.
• Настройте свои новые блоки, изменив их фон, добавив анимацию, изменив размеры текста и многое другое.

Цена: Бесплатно | Больше информации

3. Блоки редактора

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

Редактор блоков сразу же добавляет десять новых вариантов блоков в редактор Гутенберга. Сюда входят таблицы цен, разделы о членах команды и героях, а также отзывы:

Это довольно стандартный выбор по сравнению с другими коллекциями, которые мы рассматривали. Тем не менее, Editor Blocks особенно выделяется своей таблицей цен и разделами для членов команды, которые очень легко настроить и настроить:

Если вы ищете лучшие варианты блоков для настройки этих типов секций, Editor Blocks будет вам на помощь. На самом деле, нет причин, по которым вы не могли бы установить несколько коллекций блоков, чтобы получить лучшее из всех миров.

Ключевая особенность:

• Включает десять новых блоков Гутенберга.
• Позволяет создавать стильную таблицу цен и разделы для членов команды на любой из ваших страниц.

Цена: Бесплатно | Больше информации

Где найти отдельные блоки Гутенберга

Если вы ищете конкретный блок и не хотите или не нуждаетесь в коллекции блоков, которые вы, вероятно, никогда не будете использовать, вы можете посетить библиотеку блоков Гутенберга. Эта библиотека - детище Дэнни Купера, создателя плагина Editor Blocks, который мы проверили минуту назад, и сейчас это лучшее место для поиска отдельных блоков.

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

Если вы хотите увидеть больше информации о блоке, вы можете щелкнуть по нему, и откроется новая страница. Здесь вы увидите несколько скриншотов и кнопку загрузки:

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

Заключение

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

Уже доступен небольшой выбор коллекций блоков Гутенберга, а также ряд плагинов отдельных блоков. Чтобы найти последнее, вы можете использовать библиотеку блоков Гутенберга для поиска блоков, которые вы можете легко загрузить и установить на свой сайт. Просто не забудьте сначала загрузить плагин Gutenberg!

Какой тип блока вы хотите, чтобы Гутенберг включил в будущие выпуски? Поделитесь с нами своими идеями в разделе комментариев ниже!

Миниатюра статьи А. Алексии / shutterstock.com