Как добавить иконки к пунктам меню на WordPress
Есть необходимость добавить графические иконки к пунктам меню на WordPress. Понимаю, что есть разные решения. Кто какие может предложить?
Самый популярный плагин - Menu Icons. Имхо!
Нравится тем, что в наборе готовые иконки. Просто активируете плагин и в меню WordPress, где формируете меню для свого сайта, появится новый пункт для выбора иконки. То есть, иконку можно привязать к любому меню - будь-то в шапке, футере или сайдбаре!
Создать иконки к меню на сайте WordPress можно и без плагинов, собственными CSS стилями. На это уйдет больше времени (нежели с помощью плагина), но кода получится меньше (без плагина воообще).Вот как прописать стиль. В файл style.css (Внешний вид — Редактор — Таблица стилей) прописываем стиль с графической иконкой к первому пункту меню:
.icon1- menu a {
background: url(http:// ...ucon.png);
background-repeat: no-repeat;
padding-left: 15px;
}
Теперь этот прописанный стиль нужно привязать к конкретному пункту меню. Идем в Консоль - Внешний вид - Меню - Открываем свойства нужного пункта меню (в нашем случае первого) и в пункте "Классы CSS (необязательно)" прописываем созданный нами стиль: icon1- menu
P.S. Если у вас нет такого пункта настроек как "Классы CSS (необязательно)", на странице с Меню нажимаем Настройки экрана (вверху экрана) — Показывать расширенные свойства меню и устанавливаем галочку «Классы CSS» (после этого появится).
Вот таким простым способом мы установили графическую иконку к пункту меню на сайте WordPress. Проделайте такую же операцию для нужных вам пунктов меню.
