Главная / wordpress / Как добавить картинки в меню сайта WordPress. Как вставить иконки в меню.
1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (1 оценок, среднее: 5,00 из 5)
Загрузка...

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

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

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

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

битва плагинов

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

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

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

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

Иконка «Домик» в меню wordpress.

 

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

Menu Image

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

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

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

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

настройка menu image

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

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

Menu Image

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

menu icons 2

menu icons 1

menu icons 3

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

Выбирайте тот, который Вам больше подходит!

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

Если у Вас остались вопросы — задавайте их в комментариях. 

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

Обзор

Итог: Дайте свою оценку статье. На сколько она была Вам полезна и интересна?!

Рейтинг пользователей 4.77 ( 3 голосов)
браузеры

Добавить страницу в закладки браузера - Нажмите Ctrl+D

   

О Александр Муратов

Авторский Блог Муратова Александра. Тематика: сайтостроение - wordpress. Продвижение, раскрутка, монетизация и оптимизация сайтов. Администратор Live-Net Журнала HandicapNews.ru Все статьи автора.

2 комментария

  1. html — Как в горизонтальном меню вместо маркеров списка вставить изображение? — Stack Overflow на русском

  2. Не пойму, как вставить изображение. У меня горизонтальное меню высотой 50 px, сделал изображение, которое хочу поставить вместо маркера списка, высота изображения тоже 50 px.

Оставить комментарий

Яндекс.Метрика

Watch Dragon ball super