Как добавить картинки в меню сайта WordPress. Как вставить иконки в меню.

Многие владельцы сайтов на движке wordpress рано или поздно задумываются над доработкой меню. А точнее о добавлении в него иконок или картинок. Я опишу самый простой способ это сделать.

Для вставки иконок или разного рода картинок в меню (как основного так и дополнительных – верхних, нижних, боковых вертикальных, простых и сложных ) подойдут два простых плагина «Menu Image» и «Menu Icons». Есть и другие, но это самые простые и удобные. Их настройка элементарная. Чем один отличается от другого? Принцип у них один, вставка картинок в меню. Оба они могут загружать выбранные вами картинки с компьютера, либо картинки предварительно загруженные в библиотеку файлов на сайте, оба позволяют выбирать ориентацию картинки в меню – над, под,  после и до надписи….

Однако «Menu Image» может также выводить картинку при наведении на меню. То есть для каждого раздела меню Вы можете подготовить картинку, которая будет появляться при наведении на них мышки. Это помимо картинок (ну или иконок), которые будут постоянно закреплены в меню возле надписи.

картинка плагина

А у плагина «Menu Icons» есть другое преимущество, он предлагает уже готовые решения иконок к Вашему меню. У него есть своя библиотека иконок одного размера и стилистики. То есть Вам не придется ничего заготавливать и скачивать – Всё уже есть. Но функции вывода изображения при наведении мышки, как у «Menu Image» у него нет.

меню картинка

Это их основное отличие! Какой выбрать решайте сами!

Menu Image

Плагин WordPress Menu Image. Вы легко найдете его через поиск в установке плагинов в админке.

Заходим в правой панели админки в «Плагины», затем «Добавить новый» и в строке поиска набираем имя плагина, после чего устанавливаем и активируем.

добавить новый плагин

Настройки у него очень простые. Они не выводятся отдельно в панели слева. А сразу добавляются в настройки внешнего вида меню!

настройка menu image

Здесь мы выбираем параметры, загрузить картинку для меню, для каждого раздела отдельно. Можно выводить иконки как на постоянной основе, так и при наведении. Для каждого варианта задается своя и выбирается размер, а также ориентация (внизу, вверху, до и после).

Загружаем картинку, задаем её настройки, сохраняем меню! Заходим на сайт, обновляем, проверяем и радуемся новому дизайну!

Menu Image

Теперь что касается плагина Menu Image. Настройка практически идентична, нет смысла описывать её отдельно! Единственное меню у него немного другое и есть библиотека иконок, а так всё практически идентично!

Вот и все премудрости. Вставка иконок в меню теперь для вас рутина. Делается просто и быстро. Эти два плагина решают Ваши задачи в лет.

Поделитесь статьёй в социальных сетях: