WordPress'te Yazı Tipleri Nasıl Değiştirilir

WordPress sitenize biraz marka ve bireysellik katmanın harika bir yolu, temanızdaki yazı tiplerini değiştirmektir.

Tipografi ve diğer şerit öğeleri iyi bir ilk izlenim yaratır, sitenizin ziyaretçilerinin ruh halini belirler ve markanızın kimliğini oluşturun. Çalışmalar ayrıca yazı tiplerinin okuyucuların öğrenme, bilgileri hatırlama ve metinleri ezberleme becerilerini etkilediğini de bulmuştur.

Yalnızca bir WordPress teması kurdu veya biraz CSS ve kodlama deneyiminiz varsa, size WordPress'te yazı tiplerini değiştirmek için kullanabileceğiniz birkaç seçenek göstereceğiz.

WordPress'te Yazı Tipleri Nasıl Değiştirilir

WordPress'te yazı tiplerini değiştirmek için kullanabileceğiniz üç ana seçenek vardır:

Google Yazı Tipleri, Fonts.com veya gibi web yazı tiplerini kullanın Üçüncü taraf bir sitede barındırılan 4

Web yazı tiplerini temanıza kodlayın ve onları sıraya koyun

Yazı tiplerini sitenizde barındırın ve temanıza ekleyin

1. WordPress'te Yazı Tipleri Web Yazı Tiplerini Kullanarak Nasıl Değiştirilir

Web yazı tiplerini kullanmak, WordPress yazı tiplerini değiştirmenin yazı tipi dosyalarını indirip yüklemekten daha kolay ve hızlı bir yoludur.

Bununla seçeneği, her değişiklik olduğunda bunları güncellemeden çeşitli yazı tiplerine erişin yapabilirsiniz ve barındırma hizmetinizde sunucu alanı kaplamaz. Yazı tipleri, bir eklenti kullanılarak veya sitenize kod eklenerek doğrudan sağlayıcının sunucularından sunulur.

In_content_1 all: [300x250] / dfp: [640x360]->

Siteniz için seçtiğiniz web yazı tiplerinin marka kimliğinizle eşleştiğinden, gövde metni için okunması kolay olduğundan, web sitesi ziyaretçileri için tanıdık olduğundan ve size ait bir ruh hali ve imajı yansıttığından emin olun

Web yazı tiplerini bir WordPress eklentisi kullanarak veya manuel olarak sitenize birkaç satır kod ekleyerek ekleyebilirsiniz. Her iki seçeneği de inceleyelim.

Bir WordPress Eklentisi Kullanarak Web Yazı Tipleri Ekleme

Seçtiğiniz web yazı tipine bağlı olarak bir WordPress kullanabilirsiniz yazı tipi kitaplığına erişmek ve sitenizde istediğinizi seçmek için eklenti. Bu kılavuz için Google Yazı Tiplerini seçtik ve Google Yazı Tipleri Tipografi eklentisini kullandık.

Başlamak için WordPress yönetici panonuzda oturum açın ve Eklentiler>öğesini seçin. Yeni Ekle.

Arama kutusuna Google Yazı Tipleriyazın ve Şimdi Kurun.

Etkinleştir'i seçin .

Ardından, Görünüm>Özelleştir'e giderek Özelleştirici' ye erişin.

Google Yazı Tipleribölümünü seçin.

Ardından, yazı tipi ayarlarını açmak ve bunları aşağıdaki gibi yapılandırmak için bağlantıya tıklayın:

Temel Ayarlaraltında, vücudunuz için varsayılan yazı tipini ayarlayın metin, başlıklar ve düğmeler.

Gelişmiş Ayarlaraltında site başlığınızı ve açıklamanızı yapılandırın ription, menü, başlıklar ve içerik, kenar çubuğu ve altbilgi.

Yazı Tipi Yükleniyorbölümündeki istenmeyen yazı tipi ağırlıklarının işaretini kaldırın sitenizi yavaşlatmaktan kaçının.

Sitenizde düzgün görüntülenmeyen veya çalışmayan yazı tipleri varsa, Hata Ayıklamabölümünü kullanın sorunu gidermek için.

Bu ayarları istediğiniz şekilde çalıştıklarından emin olmak için Özelleştiricide test edebilir ve ardından Yayınlayın.

Not: Eğer Özelleştiricide yayınlamayı seçmeyi unutursanız, yaptığınız tüm değişiklikleri kaybedersiniz.

Kod Kullanarak Web Yazı Tipleri Nasıl Eklenir

Siz Temanızın koduna erişiminiz varsa web yazı tiplerini yükleyebilir ve kullanabilirsiniz. Bu, fazladan bir eklenti eklemenin manuel bir alternatifidir, ancak adımları dikkatli bir şekilde izlerseniz karmaşık değildir.

Ancak, WordPress tema dizininden bir tema kullanıyorsanız atmanız gereken farklı adımlar vardır veya özelleştirilmiş bir tema.

WordPress tema dizininden bir tema satın aldıysanız, alt tema oluştur ve sonra ona style.css ve functions.php dosyasını verin. Temanızdaki stil sayfasını ve işlevler dosyasını düzenleyebildiğiniz için özelleştirilmiş bir temanız varsa daha kolaydır.

Başlamak için Google Yazı Tipleri kitaplığından bir yazı tipi seçin, ve kitaplığınıza eklemek için + (artı)simgesini seçin.

Ardından, sitenize eklemek için kodu bulacağınız alt kısımdaki sekmeyi seçin. Yerleştirsekmesinin altındaki Yazı tipini yerleştirbölümüne gidin. Google Fonts tarafından oluşturulan ve şuna benzer kodu bulacaksınız:

Not: Bu kılavuz için Work Sans'ı seçtik, bu nedenle yazı tipi ad, seçtiğiniz şeye bağlı olarak farklı olabilir.

Kodun bu bölümünü kopyalayın: https://fonts.googleapis.com/css2?family = Çalışma + Sans

Bu, üçüncü taraf eklentilerle çakışmayı önlemek için stili Google Yazı Tipleri sunucularından sıraya koymanıza olanak tanır. Ayrıca daha kolay alt tema değişikliklerine izin verir.

Yazı tipini kuyruğa almak için işlevler dosyasını açın ve aşağıdaki kodu ekleyin. (Bağlantıyı Google Yazı Tiplerinden aldığınız bağlantıyla değiştirin):

function wosib_add_google_fonts () {
wp_register_style ('googleFonts', ' https://fonts.googleapis.com/css?family=Work Sans ');

wp_enqueue_style (' googleFonts ');
}

add_action ('wp_enqueue_scripts', 'mybh_add_google_fonts');

Şunları yapabilirsiniz Gelecekte aşağıdaki gibi daha fazla yazı tipi eklemek isterseniz işlevinize veya aynı satıra yeni bir satır ekleyin:

function mybh_add_google_fonts () {
wp_register_style ('googleFonts', 'https://fonts.googleapis.com/css?family=Cambria|Work Sans');

wp_enqueue_style ('googleFonts') ;
}”

add_action ('wp_enqueue_scripts', 'mybh_add_google_font s ');

Bu durumda, hem Cambria hem de Work Sans yazı tiplerini sıraladık.

Sonraki adım, yazı tiplerini temanızın stil sayfasına eklemektir. Yazı tipinin sitenizde çalışmasını sağlayın.

Bunu yapmak için, temanızın style.css dosyasını açın ve kodu, web yazı tiplerinizle tek tek öğelerin stilini aşağıdaki gibi ekleyin:

body {
font-family: 'Work Sans', sans-serif;
}”

h1, h2, h3 {
font-family: 'Cambria', serif ;
}”

Bu durumda, ana yazı tipi Work Sans olurken h1, h2 ve h3 gibi başlık öğeleri kullanılır Cambria.

İşiniz bittiğinde, stil sayfasını kaydedin ve yazı tiplerinizin olması gerektiği gibi çalışıp çalışmadığını kontrol edin. Değilse, yazı tiplerinin stil sayfasında geçersiz kılınmadığından emin olun veya tarayıcınızın önbelleğini temizleyin ve tekrar deneyin.

Bir yedek yazı tipi bulundurun. Özellikle eski cihazları, zayıf bağlantıları olan kullanıcılar için veya yazı tipi sağlayıcısının teknik sorunları varsa yazı tipleri kolayca işlenebilir veya erişilebilir. Bunu yapmak için stil sayfasına gidin ve CSS'yi aşağıdaki gibi düzenleyin:

body {
font-family: 'Work Sans ', Arial, sans-serif;
}

İlgili Mesajlar: