SOFT
SPRINT

softsprint.net Shop

Иконка домика вместо текста “Домой” в меню WordPress

Всем привет!

Эта краткая заметка посвящена относительно популярному вопросу: как поставить иконку домика вместо текста “Домой” в навигационном меню WordPress?
Мы не изучали решения этого вопроса в сети, а просто изобрели свой велосипед, на который ушло 10 минут.
Итак:
1) идём, например, по этой ссылке: http://fortawesome.github.io/Font-Awesome/cheatsheet/
2) выбираем здесь иконку дома (код fa-home) или другую, какая нравится
3) скопированную иконку вставляем прямо в поле названия пункта меню в админке WordPress:

добавляем в наш файл стилей, например, такой код:

[id*=menu] > li:first-of-type {
	font-family: FontAwesome;
	font-size: 18px;
}

Где font-family: FontAwesome – название шрифта, который нужно заранее подключить.
Подключение делаем обычным способом, например, так:

@font-face {
	font-family: FontAwesome;
	src: url(fonts/FontAwesome.otf);
}

Результат на принте ниже:

На сегодня всё – всем спасибо за прочтение!

P.S. Иконка домика прекрасно работает с плагином qTranslate X, автоматически переключая язык домашней страницы.

CONTACT US
Cookies | Privacy Policy | Terms and ConditionsSoftSprint ©