Есть много различных вариантов, как добавить иконки в меню для сайта на платформе WordPress. Об одном таком способе я писал чуть ранее (посмотреть тут), он был основан на CSS классах и подключении шрифта Font Awesome. Естественно, все это делалось вручную, без подключения плагинов. Но такое решение, может быть, не всем подходит. Поэтому мы рассмотрим очередной, интересный плагин.
Плагин Menu Image и его настройка
Этот плагин добавляет в настройки меню WordPress дополнительные поля к пунктам меню в разделе «Внешний вид – Меню». Эти поля отвечают за загрузку картинок (иконки), за размер и за их место расположения. Таким образом, можно установить полностью уникальные иконки, а не те, которые предлагают иконочные шрифты. И даже будет hover-эффект при наведении курсора мыши. Давайте рассмотрим на примере.
Установка иконок в меню
После установки и активации плагина переходим в раздел «Внешний вид – Меню». Для примера, мы добавим ссылки на социальные сети с иконками прямо в меню. Слева во вкладке кликаем на пункт «Произвольные ссылки». Вписываем название и адрес.
В структуре меню открываем этот пункт и загружаем две иконки: первая – это статичное состояние, вторая – это ховер эффект. Указываем положение и размер.
Также есть возможность совсем убрать название, оставить только иконку или же поместить ее под название или сверху названия. Если по какой-то причине у вас не окажется полей плагина, то проверьте в настройках экрана (вкладка в самом верху страницы), чтоб был включен пункт «Картинки».