Categories: Мнение

Вставьте Font Awesome Icons в редактор блоков с помощью плагина JVM Gutenberg Rich Text Icons.

Джорис ван Монфорт, внештатный разработчик WordPress, на выходных выпустил плагин JVM Gutenberg Rich Text Icons . Цель была проста: позволить пользователям вставлять значки практически в любом месте редактора блоков одним нажатием кнопки.

Плагин “из коробки” использует версию 4.7 библиотеки Font Awesome. Однако разработчики могут изменить это, чтобы включить собственные наборы значков.

Как и многие самые полезные плагины, он остается на своем пути, выполняя простую задачу и делая ее хорошо. Плагин предоставляет пользователям кнопку «флаг» на панели инструментов редактора всякий раз, когда они редактируют поле Rich Text.

Rich Text – это компонент редактора блоков для ввода текста. Везде, где пользователи могут вводить текст на холсте редактора, можно вставить значок. Сюда входят абзацы, заголовки, подписи к изображениям и многое другое. Он также распространяется на блоки от других разработчиков плагинов. Если они используют где-нибудь поле Rich Text, появится кнопка «флаг», и пользователи смогут поместить в нее значок.

Значки, вставленные через плагин, автоматически наследуют размер окружающего текста. Если вы вставите его в блок заголовка, он станет больше. Если вы вставите его в блок Button, он совпадет с текстом Button. То же самое и с цветами.

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

Одна из проблем с удобством использования, с которой я столкнулся, заключалась в невозможности удалить значок с помощью клавиш Backspaceили Deleteна клавиатуре, используемой с блоком кнопок. Он хорошо работал с другими блоками. Решением для этого было щелкнуть вставленный значок. Затем выберите значок «флаг» на панели инструментов, чтобы снова открыть средство вставки. После того, как не выбрали замену, старый исчез.

Разработчик плагина предоставил сторонним разработчикам обработчики фильтров для реализации наборов значков, отличных от Font Awesome, с помощью пользовательского файла JSON. Инструкции изложены в файле readme плагина. Также есть хуки для загрузки или перезаписи таблицы стилей и классов.

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

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