Categories: Новости

Phi Phan запускает блок-разделитель с опцией значка

Менее чем через неделю после запуска Block Enhancements Phi Phan выпустила еще один проект: Icon Separator . Это блочный плагин для создания пользовательских разделителей со значком SVG.

«Я пытался поддерживать значки в ядре/разделителе», — сказал Фан, когда мы в последний раз говорили о добавлении значков в основные блоки. «Но это требует изменения разметки. Так что я могу создать новый крошечный блок только для него». Теперь он проверил по крайней мере одну из многих идей, которые он упомянул в списке дел.

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

При первой вставке блока Icon Separator он будет выглядеть так же, как и любой другой заурядный разделитель. Он выводит на экран простую горизонтальную линию.

Пользователи могут использовать его в состоянии по умолчанию, но это не очень весело. Этот блок посвящен иконке.

Плагин объединяет более 3500 иконок из библиотек WordPress, Bootstrap и Ionicons, предоставляя пользователям большой выбор. Похоже, что это заимствование из плагина Block Enhancements от Phan — имеет смысл повторно использовать тот же код . Блок также позволяет пользователям вводить код SVG для пользовательских значков.

Выбор иконки и настройка вывода разделителя в редакторе не заняли много времени.

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

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

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

Я немного разочарован тем, что плагин не использует <hr>элемент HTML. Я был взволнован, когда в последний раз разговаривал с Фаном. Я хотел посмотреть, как кто-то решит проблему, которую решает этот плагин, но я ожидал, что она будет решена с помощью семантического <hr>. Частично это было просто любопытством как коллеги-разработчика и дизайнера, зная ограничения, которые он будет представлять в качестве общего блока для использования с любым дизайном темы.

Фан выбрал менее головную боль, используя оболочку и поместив в нее код <div>значка . <svg> Это открыло гораздо больше возможностей, и блок, вероятно, лучше для этого.

Однако я хотел отметить, что этот блок не идеален для тех, кому нужно использовать правильную горизонтальную линейку в своем контенте. Элемент <hr> предназначен для обозначения тематических перерывов. В таких случаях лучше придерживаться основного блока Separator.

В сценариях, где разделитель является элементом дизайна, а не перерывом в содержании, действуйте по-крупному. Блок Icon Separator имеет множество опций.

writer

Recent Posts

Плагин Delete Me для WordPress помогает владельцам веб-сайтов предоставить право на забвение GDPR

Поскольку до крайнего срока соблюдения GDPR ЕС осталось всего 178 дней , многие владельцы сайтов…

2 года ago

Команда Gutenberg наращивает юзабилити-тестирование в WordCamp US

Команда Gutenberg создаст станцию ​​тестирования удобства использования в WordCamp US, где посетители смогут принять участие…

2 года ago

Плагин распространителя теперь в бета-версии: новое решение для синдикации контента WordPress от 10up

Сегодня компания 10up опубликовала предварительную версию своего плагина Distributor , нового решения для синдикации контента…

2 года ago

Gutenberg 1.8 добавляет большую расширяемость для разработчиков плагинов

На этой неделе был выпущен Gutenberg 1.8 с несколькими заметными улучшениями, которые предоставят разработчикам плагинов…

2 года ago

Gutenberg 15.5 представляет экспериментальную поддержку разметки сетки

На этой неделе был выпущен Gutenberg 15.5 с новыми функциями и улучшениями возможностей полнофункционального редактирования…

2 года ago

DesktopServer 3.8.4 включает подарок сообществу

DesktopServer выпустил версию 3.8.4 своего программного обеспечения для локальной разработки. Эта версия включает в себя…

2 года ago