WordPress меню сөлөкөтүн CSS кантип кошуу керек?WP Navigation Icon Font Plugin орнотуу

WordPressМеню сөлөкөтүн CSS кантип кошуу керек?

WP Navigation Icon Font Plugin орнотуу

жаңы медиаадамдар кылатSEOБул веб-сайтты оптималдаштыруу жана колдонуучу тажрыйбасын жакшыртуу.

Сиз WordPress веб-сайтыңызга сөлөкөт шрифттерин кошо аласыз, алар абдан кооз жана жооп берүүчү WP темасынын шаблондорун колдойт.

Кичинекей форматтагы сөлөкөттөрдүн шрифттери жана иконалар айырмаланат:

• Ретинанын дисплейин колдоо.
• алатЖчоңойтуу.
• Навигация менюсундагы нерселерди Icon шрифттери катары жекелештириңиз.

Конкреттүү эффект диаграммасын көрүүгө болотЧен ВейлянБлогдун навигация менюсу.

Белги шрифттерин кантип колдонсо болот?

1-кадам:Плагинди орнотуңуз

• WP фону → Плагиндер → Плагиндерди орнотуу → "Font Awesome 4 Менюсун" издеңиз, жүктөп алыңыз жана орнотуңуз жана иштетиңиз;
• Сиз ошондой эле веб-сайттан түздөн-түз жүктөй аласыз, андан кийин жүктөөдөн кийин FTP аркылуу жүктөп же орното аласыз.

2-кадам:Белги шрифттерин табыңыз

Белги шрифтинин расмий сайтын ачып, бизге керектүү иконканы табыңыз▼

• аны сиз сөлөкөтүн басканда көрсөтө аласыз <i class =“fa fa-home”> </ i>Fa fa-home көчүрүү.
• Эгерде үй сөлөкөтүнүн аты үй болсо, анда биз "Меню CSS классына" киришибиз керек. fas fa-home

3-кадам:Меню киргизүү CSS класстын шрифт сөлөкөтү

• WP фон → Көрүнүү → Меню, меню орнотуу барагына кириңиз.
• меню пунктун тандоо жана түзөтүү,
• CSS классында, биз жаңы эле көчүрүп алган сөлөкөт шрифтин атын чаптаңыз (fa fa-home) ▼

• (Башка иконкалардын иштеши бирдей)
• Акыры сактоо чыкылдатуу.

Коопсуздук чаралары

Меню элементтерин түзөтүү панелинде CSS класстарыңыз жок болсо, сиз жогорку оң бурчтагы "Дисплей параметрлерин" ача аласыз жанаМенюнун өркүндөтүлгөн касиеттерин көрсөтүү, "CSS классын" тандаңыз ▼

• Албетте, бул сөлөкөт шрифт китепканасы навигация менюсунда колдонуу менен гана чектелбейт, эгерде тема шаблонунун тиешелүү позициясына тиешелүү белги коду кошулса.