WordPress menü simgesi CSS nasıl eklenir?WP Navigasyon Simgesi Yazı Tipi Eklentisini Yükleyin

WordPressMenü simgesi CSS nasıl eklenir?

WP Navigasyon Simgesi Yazı Tipi Eklentisini Yükleyin

yeni Medyainsanlar yaparSEOWeb sitesini optimize etmek ve kullanıcı deneyimini iyileştirmektir.

WordPress web sitenize çok güzel olan ve duyarlı tasarım WP tema şablonlarını destekleyen simge yazı tipleri ekleyebilirsiniz.

Küçük resim biçimindeki simge yazı tipleri ve simgeler farklıdır:

• Retina ekranını destekleyin.
• Yapabilmeksınırsızbüyütmek.
• Gezinme menüsündeki öğeleri Simge yazı tipleri olarak ayrı ayrı kişiselleştirin.

Spesifik efekt diyagramı görüntülenebilirChen WeiliangBlog'un gezinme menüsü.

Simge yazı tipleri nasıl kullanılır?

Aşama 1:Eklentiyi yükleyin

• WP arka planı → Eklentiler → Eklentileri Yükle → "Font Awesome 4 Menüsünü" arayın, indirin ve kurun ve etkinleştirin;
• Ayrıca doğrudan web sitesinden indirebilir, yükledikten sonra FTP yoluyla yükleyebilir veya kurabilirsiniz.

Aşama 2:Simge Yazı Tiplerini Bul

Simge yazı tipinin resmi web sitesini açın ve ihtiyacımız olan simgeyi bulun▼

• simgeye tıkladığınızda gösterebileceğiniz <i class =“fa fa-home”> </ i>Fa-home'u kopyalayın.
• Ev ikonunun adı home ise, "Menü CSS Sınıfı"na girmemiz gerekiyor. fas fa-home

Aşama 3:Menü girişi CSS sınıfı yazı tipi simgesi

• WP arka planı → Görünüm → Menü, menü ayar sayfasına girin.
• bir menü öğesini seçin ve düzenleyin,
• CSS sınıfında, az önce kopyaladığımız ikon yazı tipi adını yapıştırın (fa fa-home) ▼

• (Diğer simgelerin çalışması aynıdır)
• Son olarak kaydet'e tıklayın.

注意 事项

Menü Öğelerini Düzenle panelinde CSS sınıflarınız yoksa, sağ üst köşedeki "Görüntü Seçenekleri"ni açabilir veMenünün gelişmiş özelliklerini göster, "CSS sınıfı"nı seçin ▼

• Elbette, bu simge yazı tipi kitaplığı, ilgili simge kodu tema şablonunun ilgili konumuna eklendiği sürece gezinme menüsünde kullanımla sınırlı değildir.