Что найдём?

Статьи, заметки и находки из моего блога.

Все статьи

Добавляем иконки перед текстом в меню Wordpress

Захотелось мне как-то, чтобы перед названием рубрик в шапке красовались иконки. Погуглил я и сделал таки. Если вам интересно как сделать себе подобные иконки - эта статья для вас.

Иконки перед пунктами меню WordPress

Самый простой и интересный способ - это использовать иконки от Font Awesome. Это набор иконок, который поставляется в виде шрифта, который эти самые изображения и содержит.

Для WordPress существует решение еще проще - плагин Font Awesome 4 Menus.

Краткая инструкция по установке:

Установка плагина

1) Устанавливает и активируем плагин  Font Awesome 4 Menus.

Включение классов CSS

2) Переходим на вкладку "Внешний вид" → "Меню" и включаем "Классы CSS" в настройках экрана (в правом верхнем углу)

Включение поля классов CSS в настройках меню

Выбор иконки

3) Выбираем иконку на сайте Font Awesome, например иконку WP и копируем класс

Выбор класса иконки Font Awesome

Добавление класса в меню

4) Добавляем класс в пункт меню

Класс иконки в пункте меню

5) PROF!T

Украшайте свои меню. Всем добра 

Другой адрес скриншота из исходной публикации

Из старого блога · 2014. Сохранили дату и содержание публикации.

Оригинал