Менее чем через неделю после запуска 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 имеет множество опций.
