EditorPlus представляет свои первые блоки и добавляет создателя пользовательских блоков

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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