Как отображать иконки в меню WordPress

Икона является отличным дополнением к любому типу дизайна. Многие иконы общепризнанны. Возьмите вывеску общественного туалета в аэропорту. Без необходимости знать местный язык, если он вам чужд, вы можете сразу понять, какой туалет предназначен для женщин, а какой – для мужчин, по иконке, используемой в передней части двери.

То же самое может также применяться к веб-сайту; отображение значка может помочь пользователям перемещаться по вашему веб-сайту. Это помогает с пользовательским опытом, а также сделает веб-сайт красивее.

Но отображение такой иконки в CMS, такой как WordPress, может быть проблемой. Если ваш сайт построен на основе WordPress, здесь мы покажем вам самый простой способ показать значок в меню WordPress.

Рекомендуемое чтение: как использовать Dashicons в теме или плагине WordPress

Начиная

Добавить иконку в WordPress легко с помощью плагина WordPress под названием Иконки меню, Сначала установите и активируйте этот плагин.

Теперь мы готовы добавить иконки.

Добавление значка

В этом примере я хотел бы использовать TwentyTwelve, красивую и чистую тему WordPress. Я также создал несколько страниц, которые я включу в меню.

Создайте новое меню через Внешний вид> Меню. Не забудьте назначить расположение меню, если оно не появится нигде на сайте.

Затем мы добавим значок для каждого элемента. Для начала давайте расширим один из пунктов меню. Вы найдете ссылку с надписью Icon: Выберите значок. Нажмите «Выбрать значок», чтобы начать выбор. Здесь вам будет представлено окно, похожее на медиатеку WordPress.

На момент написания этой статьи плагин поставляется с 3 библиотеками иконок шрифтов, а именно Dashicons, Genericons, а также FontAwesome,

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

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

Последняя мысль

Menu Icons – очень удобный плагин для добавления иконки в меню. Он хорошо интегрируется с шаблоном пользовательского интерфейса WordPress, который очень удобен в использовании. Кроме того, разработчик запланировал несколько новых функций для следующих версий, включая добавление дополнительных библиотек значков и возможность загрузки пользовательских значков.

Надеюсь, вам понравится и вы найдете этот совет полезным. Идите и попробуйте плагин.