WordPress menyusi belgisi CSS-ni qanday qo'shish mumkin?WP Navigation Icon Shrift plaginini o'rnating

WordPressCSS menyu belgisini qanday qo'shish mumkin?

WP Navigation Icon Shrift plaginini o'rnating

yangi ommaviy axborot vositalariodamlar qiladiSEOBu veb-saytni optimallashtirish va foydalanuvchi tajribasini yaxshilashdir.

Siz WordPress veb-saytingizga piktogramma shriftlarini qo'shishingiz mumkin, ular juda chiroyli va sezgir dizayn WP mavzu shablonlarini qo'llab-quvvatlaydi.

Kichik tasvir formatidagi piktogramma shriftlari va piktogrammalari farqlanadi:

  • Retina displeyini qo'llab-quvvatlash.
  • 可以cheksizkattalashtirish.
  • Navigatsiya menyusidagi elementlarni Icon shriftlari sifatida shaxsiylashtiring.

Maxsus effekt diagrammasini ko'rish mumkinChen VeyliangBlog navigatsiya menyusi.

Belgi shriftlaridan qanday foydalanish kerak?

1 yil:Plaginni o'rnating

  • WP fon → Plaginlar → Plaginlarni o'rnatish → "Font Awesome 4 Menus" ni qidiring, yuklab oling va o'rnating va yoqing;
  • Shuningdek, siz to'g'ridan-to'g'ri veb-saytdan yuklab olishingiz, keyin yuklaganingizdan so'ng FTP orqali yuklashingiz yoki o'rnatishingiz mumkin.

2 yil:Belgilar shriftlarini toping

Icon Fonts rasmiy veb-saytiga o'tish uchun shu yerni bosing

Belgi shriftining rasmiy veb-saytini oching va bizga kerak bo'lgan belgini toping▼

Shrift-Ajoyib shrift belgisi uy 1-varaq

  • belgini bosganingizda ko'rsatishingiz mumkin <i class =“fa fa-home”> </ i>Fa fa-uydan nusxa ko'chiring.
  • Agar uy belgisi nomi uy bo'lsa, biz "Menyu CSS Class" ga kirishimiz kerak. fas fa-home

3 yil:Menyuga kirish CSS sinf shrifti belgisi

  • WP fon → Tashqi ko'rinish → Menyu, menyu sozlamalari sahifasiga kiring.
  • menyu bandini tanlash va tahrirlash,
  • CSS sinfida biz ko'chirib olgan ikonka shrift nomini qo'ying (fa fa-home) ▼

WordPress navigatsiya menyusi CSS shrift belgilari 2-qism

  • (Boshqa piktogrammalarning ishlashi bir xil)
  • Nihoyat saqlash tugmasini bosing.

注意 事项

Menyu elementlarini tahrirlash panelida CSS sinflaringiz bo'lmasa, yuqori o'ng burchakda "Displey parametrlari" ni ochishingiz mumkin.Menyuning kengaytirilgan xususiyatlarini ko'rsatish, "CSS klassi" ni tanlang ▼

WordPress navigatsiya menyusi opsiyalari, CSS klassining 3-varag'ini tekshiring

  • Albatta, ushbu piktogramma shrift kutubxonasi navigatsiya menyusida foydalanish bilan cheklanmaydi, chunki tegishli belgi kodi mavzu shablonining mos keladigan pozitsiyasiga qo'shiladi.

发表 评论

Sizning elektron pochta manzilingiz nashr etilmaydi. 必填 项 已 用 * Yorliq

Top o'ting