Ник Диего, представитель разработчиков в WP Engine, выпустил версию 1.4.0 своего плагина Icon Block . Диего запустил его в октябре 2021 года после того, как изо всех сил пытался найти эффективный способ добавления значков SVG в редактор блоков. Он стремится к тому, чтобы этот небольшой, но полезный плагин стал «окончательным значком SVG и графическим блоком». В прошлом году он вырос на 1300% до более чем 7000 активных установок, при этом оставаясь сосредоточенным на узком наборе функций.
Участники WordPress обсуждали добавление поддержки SVG в ядро более десяти лет, но еще не нашли четкого пути вперед, который должным образом решает проблемы безопасности. В июле 2022 года команда Performance начала работу над модулем для загрузки SVG , но он все еще продолжается. Тем временем, поскольку формат SVG почти повсеместно поддерживается в Интернете , пользователи полагались на такие плагины, как SVG Support (более 1 миллиона установок) или Safe SVG (более 700 тысяч установок), чтобы загружать файлы SVG в медиатеку и использовать их как любое другое изображение. файл.
Плагин Диего отличается тем, что он был создан для использования с редакторами блоков и сайтов. Блок значков регистрирует единый блок, который позволяет пользователям добавлять пользовательские значки и графику SVG. Он также обеспечивает доступ к библиотеке значков WordPress, которая содержит более 270 значков SVG.
Одним из преимуществ плагина является то, что пользователям не нужно устанавливать целую библиотеку блоков, если им нужны только иконки SVG. В версии 1.2.0 в Icon Block добавлена возможность для разработчиков регистрировать собственные библиотеки пользовательских значков .
В последнем выпуске расширен контроль ширины за пределы того, что предлагается в основном блоке изображения, для поддержки %, px, em, rem, vh, vwили любых других единиц, определенных в theme.json. Эти единицы также доступны в глобальных стилях, поэтому пользователи могут контролировать ширину в зависимости от того, как задумал автор темы. Диего, который сказал, что предпочитает использовать нативные компоненты WordPress везде, где это возможно, обновил элементы управления шириной с помощью Gutenberg’s HeightControl , который пока недоступен в ядре.
«К счастью, он построен из компонентов, которые были в WordPress с версии 6.0. Я перенес код из HeightControl овер в пользовательский DimensionControl блок значков и внес несколько изменений, чтобы удовлетворить мои конкретные потребности», — сказал Диего.
Поддержка высоты значков — это новая функция в последнем выпуске 1.4.0, еще один запрос на функцию от сообщества пользователей плагина.
«Одна вещь, которую следует отметить, это то, что я решил исключить % из вариантов единиц роста», — сказал Диего в сообщении о выпуске. «Использование % может иметь неожиданные результаты в зависимости от высоты контейнера значка и довольно неинтуитивно».
Версия 1.4.0 также улучшает поддержку цветов для лучшей поддержки глобальных стилей. Когда темы определяют цвета в theme.json, значки, настроенные на их использование, будут работать без проблем с переключением вариантов стиля. Это прекрасная демонстрация того, как разработчики блоков могут заставить свои плагины гармонично работать с Global Styles, чтобы улучшить опыт редактирования всего сайта.primary and secondary
В будущих выпусках Диего сказал, что планирует работать над тем, чтобы позволить пользователям вставлять пользовательские значки SVG из «загруженного» файла SVG, а также исследовать способы интеграции со сторонними библиотеками значков. Доступ к Font Awesome, иконкам Boostrap, Ionicons и другим библиотекам SVG предоставит пользователям гораздо более широкий выбор, помимо библиотеки иконок WordPress, при разработке своих сайтов.
Пользователи могут отправлять запросы функций через очередь задач в репозитории GitHub плагина. Поскольку Диего разрабатывает плагин, максимально используя нативные компоненты WordPress, пользователи также могут ожидать, что дополнительные функции станут доступными по мере их добавления в ядро WordPress.
«В экосистеме WordPress есть множество отличных плагинов для иконок, бесплатных и премиальных», — сказал Диего. «Большинство из них имеют больше возможностей, чем Icon Block. Однако, что отличает этот блок, так это его твердая приверженность основным принципам дизайна WordPress.
«Цель всегда заключалась в том, чтобы блок чувствовал себя так, как будто он принадлежит самому WordPress. Я стремился использовать как можно больше опор и компонентов основного блока. Версия 1.4.0 остается верной этим усилиям с столь необходимыми улучшениями».
