Плагин Super List Block

Сегодня внештатный разработчик WordPress Аурооба Ахмед выпустила плагин Super List Block . По сути, это как основной блок списка WordPress — только с наддувом. Это ее первое публично выпущенное расширение на WordPress.org.

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

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

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

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

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

Претензия плагина на известность может быть связана с его функцией сетки. Ближайшие вещи в WordPress — это блоки «Столбцы» и «Галерея». Однако столбцы ограничены одной строкой, а в галерее разрешены только изображения.

Это также то место, где блок Super List нуждается в небольшой доработке. При выборе горизонтальной («сетчатой») ориентации появляется новое поле, позволяющее пользователям устанавливать максимальную ширину всех элементов подсписка.

Желая создать сетку четыре на четыре (две строки по два столбца), я сразу выбрал 50%. Это имело смысл. Однако я не получил никаких столбцов. Значение было слишком большим и не учитывало пространство между элементами. Затем я снижал его, пока не достиг числа, которое сработало: 47%. Я мог бы посмотреть на исходный код страницы и просто посчитать , но для среднего конечного пользователя это была бы игра в догадки.

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

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

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

Три функции делают этот плагин более простым в использовании, чем многие основные блоки WordPress или сторонние блоки. Во-первых, когда пользователь выбрал Суперсписок в редакторе. Вместо значка «+» для вложения другого блока добавляется текстовая метка «Добавить элемент суперсписка».

Легко запутаться в том, куда будут вставлены новые блоки после нажатия на значок редактора «+». Текстовая метка Super List Block упрощает понимание. Я бы хотел, чтобы WordPress и другие сторонние плагины использовали тот же или аналогичный подход.

Две другие полезные функции появляются на панели инструментов блока Super List Item. Первая — это кнопка «Настройки» для возврата к родительскому блоку. Второй — круглый значок «+» для добавления другого элемента в список.

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

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