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


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

cr08l

 

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

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

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

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

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

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

x3c3u

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

qf80q

 

5) PROF!T

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