WordPress’e serin yazı tipi simgeleri nasıl eklenir: 3 kolay yöntem
WordPress’e harika yazı tipi simgesini eklemek ister misiniz? Müthiş yazı tipi simgesi şaşırtıcı (sic!) Çünkü sıradan görüntülerin aksine:
Vektör oldukları için kalitesini kaybetmeden boyutunu değiştirebilirsiniz.
Özelleştirmek çok kolaydır – boyutu değiştirebilir, animasyon ekleyebilir, sınırlar oluşturabilir ve daha fazlası olabilir.
Şu anda, müthiş yazı tipi 2.986’dan fazla farklı simgeyi kapsamaktadır. Ve size WordPress sitenizde kullanmaya başlamanın 3 yolunu göstereceğim. İlk olarak, harika yazı tipini eklemek için kullanabileceğiniz basit manuel yöntemi öğreneceksiniz.
Ardından, aynı şeylerin çoğunu çözmek için 2 farklı eklenti kullanabileceğinizi öğreneceksiniz. Bir eklenti kullanmak istediğinizi gerçekten biliyorsanız, doğrudan o bölüme atlamak için buraya tıklayın. Değilse, manuel yöntemle başlayalım! WordPress’e manuel olarak harika yazı tipi simgesini eklemek için WordPress’e manuel olarak bir serin yazı tipi simgesi nasıl eklenir, tek yapmanız gereken WordPress temanızdaki stil sayfası için kuyruktur. Kulağa karmaşık geliyor, değil mi? İyi – endişelenme. Bu çok kolay – sana göstereceğim. Bu yöntemin tek zayıflığı, her zaman harika yazı tipinin en son sürümünü kullanmak istiyorsanız, stil sayfası URL’sini manuel olarak güncellemeniz gerektiğidir.
Enqueue Font Nasıl Yapılır Stil sayfası yazı tipi için WordPress üzerinde harika stil sayfası harika, sadece Foili Functions.php için kısa kod görüntüleri eklemeniz gerekir. İnsanlara her zaman functions.php’yi yönetmek için kod görüntüleri eklentisini kullanmalarını tavsiye ederim, bu yüzden bu öğretici için yapacağım. Ancak bunu doğrudan dosya işlevine eklemek gerçekten iyidir.
Aşağıdaki alıntı eklemeniz gerekir: add_action (‘wp_enqueue_scripts’, ‘enqueue_load_fa’); işlev enqueue_load_fa () {wp_enqueue_style (‘load-f’, ‘https://use.fontawomeesoes.com/releases/v5.0.13/css/all.css’); }
Bir uyarı var – URL bölümüne bakın? Yani – https://use.fontawesome.com/releases/v5.0.13/cs/all.css. Bu yazıyı yazdığımda Font Awesome’un şu anki sürümü. Ancak gelecekte bu yazıyı okuyabileceğiniz için harika yazı tipini açmalı ve en son bağlantıları almalısınız. Harika yazı tipini indirip aynı URL aracılığıyla kendiniz saklayabilirsiniz, ancak çoğu insanın ücretsiz CDN kullanımı daha kolaydır. Bu kodu kod snippet eklentisi ile eklemek için görüntüleri açın → yeni ekleyin ve şuna yapıştırın:
Kod snippet’ini etkinleştirmek için değiştirmedeki değişikliği tıklattığınızdan ve altta etkinleştirdiğinizden emin olun.
Ve hepsi bu! WordPress’e harika yazı tipi eklediniz. Soğuk yazı tipi nasıl kullanılır İçeriğinizde şimdi stil sayfasına girdikten sonra, içeriğinizdeki simgeyi kullanmaya başlamaya hazırsınız.
Aşağıda bağlı makaleler
Bunu yapmak için:
Harika yazı tipi web sitesini açın ve yüklenen sayfalarda kullanmak istediğiniz simgeyi bulmak için bir arama kutusu kullanın, kodu simgenin altından kopyalayın
Kod görüntülerini WordPress sitenizdeki simgeyi kullanmak istediğiniz yere ekleyin. WordPress düzenleyicisini kullanıyorsanız metin sekmesini kullandığınızdan emin olun.
Ve bunun gibi, ikonunuza sahip olmalısınız:
Simge çok küçük! Düzeltelim … harika yazı tipi simgesini manipüle etmek için havalı bir yazı tipi simgesini nasıl daha büyük hale getirir (veya başka şekillerde değiştirilir), yalnızca WordPress düzenleyicisine eklediğiniz simge koduna bazı ek parametreler eklemeniz gerekir. Boyutu ayarlamak için şu şekilde parametreleri kullanabilirsiniz:
FA-XS-EXTRA Small (.75 em)
FA-2X Çıkarma Boyutu (2 EM)
FA-3X-ÜÇ KIZ BÜYÜK (3 EM)
Vb.
Çok büyük yapmak istiyorsanız FA-10X’e kadar yapabilirsiniz!
Aşağıda bağlı makaleler
Yani, simgeyi önceki örnekten çarpmak için kullanacağınız kod:
Ve şimdi çok daha büyük:
Harika, değil mi? Sınır ekleme, simgeni canlandırma, açıları değiştirme ve daha fazlası gibi şeyler yapmak için diğer değiştiricileri kullanabilirsiniz! Onlar hakkında her şeyi buradan okuyun. İşte böyle – WordPress’e manuel olarak Font Awesome eklemek çok zor değil. Ama daha kolay bir yol arıyorsanız, işte iki iyi eklenti seçeneği var. Manuel bölüm. Ayrıca, WordPress düzenleyicisindeyken harika yazı tipi simgesini eklemek için kısa bir kod ve grafik arayüzü sağlar, bu da doğrudan kodla çalışmak istemiyorsanız büyük bir faydadır. Eklenti. Ardından, simgeyi hemen kullanmaya başlayabilirsiniz. WordPress düzenleyicisinde yeni simge ekleme düğmesini alacaksınız:
Üzerine tıkladığınızda, tüm harika yazı tipi kitaplığını bulabileceğiniz ve simgeyi kolayca girebileceğiniz arayüzü açacaktır:
Bir simge seçtiğinizde, eklenti düzenleyiciye kısa bir kod ekler:
Simgenin boyutunu değiştirmek veya manipüle etmek için tek yapmanız gereken, bu kılavuzun manuel bölümünden sınıf alanına aynı kısa görüntüleri eklemektir. Örneğin, simgelerinizden birinin boyutunu iki katına çıkaracağınız aşağıda açıklanmıştır:
Kolay! Son olarak, eklenti, Setter → Better Font Awesome’ı açarak erişebileceğiniz temel ayar alanını içerir. Çoğu zaman, burada hiçbir şeyi değiştirmenize gerek yoktur. Ancak bu ayar, her zaman en son sürümü kullanmak yerine harika yazı tipinin belirli bir sürümünü kullanmak istiyorsanız çok yararlıdır: Elementor sayfası yapımcısını kullanırsanız (burada WPLift’te kullandığımız şey budur!), Zaten var Elementor Arayüzü aracılığıyla sizin için harika yazı tipi simgesi mevcuttur. Bunun nedeni, Elementor’un tüm simge seçeneklerine güç vermek için Font Font kullanmasıdır.
Simgelere erişmenin en kolay yolu, ücretsiz Elementor’da bulunan Icon Widget’ı kullanmaktır:
Ancak harika yazı tipi simgesi, simge kutuları veya simge listeleri gibi diğer widget’larda da görünecektir. Bu son iki widget çok yararlıdır, çünkü kod yapmayı bilmeye gerek kalmadan simgelerin ilginç bir şekilde kullanılmasını kolaylaştırırlar. Elementor’u neden sevdiğimiz daha fazla neden görmek için Elementor incelememizi okuyun. WordPress’e bu şekilde havalı bir yazı tipi simgesi eklersiniz – WordPress sitenize harika yazı tipi simgesini eklemenin üç farklı yolu.
