Добавить иконки к пунктам меню на WordPress

Есть необходимость добавить графические иконки к пунктам меню на WordPress. Понимаю, что есть разные решения. Кто какие может предложить?

Специалист Вопрос задан в 13.02.2015 в Меню.
Добавить комментарий
3 Ответ (-ов)

    Самый популярный плагин – Menu Icons. Имхо!
    Нравится тем, что в наборе готовые иконки. Просто активируете плагин и в меню WordPress, где формируете меню для свого сайта, появится новый пункт для выбора иконки. То есть, иконку можно привязать к любому меню – будь-то в шапке, футере или сайдбаре!

    RE: Добавить иконки к пунктам меню на Wordpress

    Специалист Отвечено в 14.02.2015.
    Добавить комментарий

      Создать иконки к меню на сайте WordPress можно и без плагинов, собственными CSS стилями. На это уйдет больше времени (нежели с помощью плагина), но кода получится меньше (без плагина воообще).Вот как прописать стиль. В  файл style.css (Внешний вид — Редактор — Таблица стилей) прописываем стиль с графической иконкой к первому пункту меню:

      
      .icon1- menu a {
      
      background: url(http:// ...ucon.png);
      
      background-repeat: no-repeat;
      
      padding-left: 15px;
      
      }
      
      

      Теперь этот прописанный стиль нужно привязать к конкретному пункту меню. Идем в Консоль – Внешний вид – Меню – Открываем свойства нужного пункта меню (в нашем случае первого) и в пункте “Классы CSS (необязательно)” прописываем созданный нами стиль:  icon1- menu

      RE: Добавить иконки к пунктам меню на Wordpress

      P.S. Если у вас нет такого пункта настроек как  “Классы CSS (необязательно)“, на странице с Меню нажимаем Настройки экрана (вверху экрана) — Показывать расширенные свойства меню и устанавливаем галочку «Классы CSS» (после этого появится).

      Вот таким простым способом мы установили графическую иконку к пункту меню на сайте WordPress. Проделайте такую же операцию для нужных вам пунктов меню.

      Гуру Отвечено в 15.02.2015.
      Добавить комментарий

        Можно ещё проще. Создаём произвольную ссылку и в Описание ссылки вставляем обычный код html .

        <a href=”ссылку если нужна кликабельная ссылка”><img src=”ссылку на картинку” width=”150″ height=”150″ alt=””>Тут указать текст если нужен после картинки

        способ простой и незатейливый

        Новичок Отвечено в 02.05.2020.
        Добавить комментарий

        Ваш ответ

        Размещая свой ответ, вы соглашаетесь с политикой конфиденциальности и условиями предоставления услуг.