Как да добавя CSS икона на менюто на WordPress?Инсталирайте WP Navigation Icon Font Plugin

WordPressКак да добавя CSS икона на меню?

Инсталирайте WP Navigation Icon Font Plugin

нова медияхората правятSEOТя е за оптимизиране на уебсайта и подобряване на потребителското изживяване.

Можете да добавите шрифтове за икони към уебсайта си на WordPress, които са много красиви и поддържат шаблони за WP теми с отзивчив дизайн.

Шрифтовете на иконите и иконите в малък формат на изображението са различни:

• Поддържа дисплей на ретината.
• моганеограниченуголемяване.
• Персонализирайте елементите в менюто за навигация поотделно като шрифтове за икони.

Диаграмата на конкретния ефект може да се видиЧен УейлиангНавигационното меню на блога.

Как да използвам шрифтове за икони?

Стъпка 1:Инсталирайте приставката

• WP фон → Добавки → Инсталиране на добавки → Потърсете „Font Awesome 4 Menus“, изтеглете и инсталирайте и активирайте;
• Можете също да изтеглите директно от уебсайта, след което да качите или инсталирате чрез FTP след качването.

Стъпка 2:Намерете шрифтове за икони

Отворете официалния уебсайт на шрифта на иконата и намерете иконата, от която се нуждаем▼

• които можете да покажете, когато щракнете върху иконата <i class =“fa fa-home”> </ i>Копие fa fa-home.
• Ако името на иконата на дома е home, тогава трябва да влезем в „Menu CSS Class“ fas fa-home

Стъпка 3:Икона за шрифт на CSS клас в менюто

• WP фон → Външен вид → Меню, влезте в страницата за настройка на менюто.
• изберете и редактирайте елемент от менюто,
• В CSS класа поставете името на шрифта на иконата, което току-що копирахме (fa fa-home) ▼

• (Работата на другите икони е същата)
• Накрая щракнете върху запазване.

注意 事项

Ако нямате CSS класове в панела за редактиране на елементи от менюто, можете да отворите „Опции за показване“ в горния десен ъгъл и вПоказване на разширени свойства на менюто, изберете „CSS клас“ ▼

• Разбира се, тази библиотека с шрифтове на икони не е ограничена до използване в менюто за навигация, стига съответният код на икона да бъде добавен към съответната позиция на шаблона на темата.