Как добавить иконки в меню WordPress. Плагин Menu Image

Плагины для WordPress WordSmall

Есть много различных вариантов, как добавить иконки в меню для сайта на платформе WordPress. Об одном таком способе я писал чуть ранее (посмотреть тут), он был основан на CSS классах и подключении шрифта Font Awesome. Естественно, все это делалось вручную, без подключения плагинов. Но такое решение, может быть, не всем подходит. Поэтому мы рассмотрим очередной, интересный плагин.

Плагин Menu Image и его настройка

иконки меню

Этот плагин добавляет в настройки меню WordPress дополнительные поля к пунктам меню в разделе «Внешний вид – Меню». Эти поля отвечают за загрузку картинок (иконки), за размер и за их место расположения. Таким образом, можно установить полностью уникальные иконки, а не те, которые предлагают иконочные шрифты. И даже будет hover-эффект при наведении курсора мыши. Давайте рассмотрим на примере.

Menu Image

Установка иконок в меню

После установки и активации плагина переходим в раздел «Внешний вид – Меню». Для примера, мы добавим ссылки на социальные сети с иконками прямо в меню. Слева во вкладке кликаем на пункт «Произвольные ссылки». Вписываем название и адрес.

произвольная ссылка

В структуре меню открываем этот пункт и загружаем две иконки: первая – это статичное состояние, вторая – это ховер эффект. Указываем положение и размер.

иконки в меню

Также есть возможность совсем убрать название, оставить только иконку или же поместить ее под название или сверху названия. Если по какой-то причине у вас не окажется полей плагина, то проверьте в настройках экрана (вкладка в самом верху страницы), чтоб был включен пункт «Картинки».

Автор, он же Андрей, он же Admin, он же WordSmall

Лентяй-любитель, окончил высшую школу безделья с многочисленными знаками отличия. Создатель этого небольшого «чудо-блога» о еще более «чудном» контенте.

E-mail Google+ Twitter
Добавить комментарий
bold quote code