EditorPlus представляет свои первые блоки и добавляет настраиваемый генератор блоков

В ходе того, что кажется бесконечным натиском новых функций, Мунир Камаль выпустил несколько важных новых функций для своего плагина EditorPlus в последних двух обновлениях. Версия 2.0, выпущенная ранее сегодня, включает в себя набор из семи новых блоков. В предыдущем выпуске была продемонстрирована функция создания блока , которая предоставляет конечным пользователям дополнительные возможности настройки.

Редактор блоков подпитывал его творчество, и у него не иссякли идеи для своего веб-сайта для обмена блоками GutenbergHub или плагина EditorPlus. В будущих выпусках должен быть пересмотрен пользовательский интерфейс для плагина и возможный API для сторонних разработчиков.

Он сказал, что позаботится о том, чтобы EditorPlus работал вместе с редактором сайта WordPress, когда он появится в будущем. Кроме того, возможная поддержка блоков WooCommerce находится на столе. На данный момент основное внимание уделяется функциям плагина, которые он запустил в последние недели.

Создание пользовательских блоков

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

Сохранить пользовательский блок очень просто. Пользователи должны сначала обернуть свои блоки в основной блок группы. Затем в меню «Дополнительные параметры» на панели инструментов блока выберите параметр «Добавить в пользовательские блоки». Плагин запросит заголовок блока перед сохранением.

Не путать с повторно используемыми блоками, которые представляют собой ресурсы, которые остаются неизменными от публикации к публикации, созданные блоки похожи на любые другие блоки. Они доступны через средство вставки блоков в категории «Мои пользовательские блоки».

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

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

«Например, почти все бизнес-сайты нуждаются в блоке отзывов, но в ядре нет блока для этой цели», — сказал он. «Конечно, вы можете создать его, используя комбинацию основных блоков, и это способ сделать это. Я видел множество блочных плагинов с такими блоками, как Testimonial, Team, Pricing и т. д., но их можно легко создать с помощью основных блоков».

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

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

«Поскольку у Гутенберга есть обе эти части для создания контента/макетов, я добавлю обе функции», — сказал он. «Добавлен блок «Сохранить как», также будет добавлено «Сохранить как шаблон». Пользователь будет использовать его так, как он хочет, в соответствии со своим рабочим процессом».

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

«Недостающие» блоки

Ранее сегодня Камаль выпустил то, что он называет «недостающими» блоками для WordPress. Это набор из семи специально созданных блоков, которые обрабатывают типы контента, невозможные с существующими базовыми блоками. В прошлом он не решался создавать какие-либо блоки, предпочитая расширять инструменты, которые WordPress предоставлял из коробки.

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

Плагин включает в себя следующие новые блоки:

• Вкладки
• Переключатель/аккордеон
• Значок
• Рейтинг
• Индикатор
• Статистика/счетчик
• Таймер обратного отсчета

Некоторым из них требуется дополнительный JavaScript, поэтому они не являются хорошими кандидатами для основного WordPress. Тем не менее, это хорошие варианты для разработчиков плагинов, и это не редкость для других плагинов библиотечного типа.

Их отличает интеграция с системой стилей плагина, которую Камаль может открыть для других разработчиков плагинов в будущем выпуске. В настоящее время планируется создать независимый API стилей, чтобы пользователи могли настраивать любой блок. Он уже получил отзывы об этой идее от группы Advanced WP в Facebook. Большая часть отзывов выражает желание, чтобы такая система попала в сам WordPress.

Одна интересная особенность новых блоков плагина заключается в том, что при нажатии на вложенный элемент блока его параметры дизайна автоматически запускаются на панели параметров блока. Например, в блоке звездного рейтинга есть элементы «название» и «рейтинг». При нажатии на заголовок в боковой панели открываются варианты его оформления, то же самое происходит и с рейтингами. Это отход от типичной организации параметров дизайна EditorPlus в основных блоках, которые сгруппированы по свойствам CSS. Акцент делается на отдельном элементе, и это значительно упрощает поиск конкретного варианта.

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