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

Question

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

23 дек. 2013 г., 11:44:33

Просмотры: 32.7K

Голосов: 0

Мне нужно добавить иконку "home.png" в качестве кнопки "Главная" вместо текста, например Пример меню WordPress с иконкой дома

Я искал решение этого вопроса в Google и нашел способ, но он не сработал. Метод, упомянутый на тех сайтах, следующий:

включить CSS-классы в настройках экрана в разделе Внешний вид >> Меню
написать класс "home-icon"
в style.css добавить этот класс. Я написал код так:

.home-icon{ background-image:url(images/home.png); }

Я следовал инструкциям с этого сайта, но у меня это не сработало. В чем проблема этого метода? Или есть другие альтернативные идеи?

Zammuuz

788

меню главная страница иконка

Комментарии

Вы поместили соответствующий значок home.png в папку с изображениями?

Maruti Mohanty

23 дек. 2013 г. 11:52:40

Да... он находится в папке images внутри папки моей темы

Zammuuz

23 дек. 2013 г. 11:56:05

Тогда можете проверить с помощью инструмента вроде Firebug, действительно ли вы получаете изображение, а также проверьте права доступа к изображению

Maruti Mohanty

23 дек. 2013 г. 12:48:37

Я не вижу изображение. Но класс "home-icon" отображается вместе с другими классами меню главной страницы.

Zammuuz

30 дек. 2013 г. 07:19:30

Откройте страницу, затем просмотрите исходный код и скопируйте URL изображения home.png. Вставьте его в браузер и проверьте, загружается ли изображение. В противном случае возможно есть ошибка в указанном пути.

TomC

2 янв. 2014 г. 12:45:14

Все ответы на вопрос

чтобы скрыть метку "ГЛАВНАЯ" из навигации WordPress, я использую

//замените 105 на ID вашей главной страницы
 #menu-item-105 span {
 display:none;
 }

а для иконки я использую плагин WordPress "Iconic Navigation"

Bamz Springfield

54

10 апр. 2015 г. 22:03:14

Zammuuz 788 · Accepted Answer · 2014-01-02T12:27:14Z

Я решил проблему с помощью плагина под названием Nav Menu Images

Zammuuz

788

2 янв. 2014 г. 12:27:14