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

WordPress menü simgesine CSS nasıl eklerim ?

WP Navigasyon Simgesi Yazı Tipi Eklentisini Yükleyin

Yeni medya profesyonelleri için SEO , web sitelerini optimize etmek ve kullanıcı deneyimini iyileştirmek anlamına gelir.

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.

Ayrıntılı görseller için lütfen Chen Weiliang'ın blogundaki gezinme menüsüne bakın.

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

Adım 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.

Adım 2: Simge yazı tiplerini bulun

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

3. Adım: Menüye CSS yazı tipi simgesini girin.

• 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.

注意 事项

Eğer Düzenle menü panelinde CSS sınıflarını göremiyorsanız, sağ üst köşedeki "Görüntüleme Seçenekleri"ni açıp Görüntüleme menüsünün Gelişmiş Özellikler bölümünden "CSS Sınıfları"nı seçebilirsiniz . ▼

• 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.