WordPress'e Özel Yazı Tipleri Nasıl Eklenir?

Web sitenizin tipografisini özelleştirmeyi öğrenmek, bir web sitesi oluşturmanın ve çalıştırmanın oldukça temel bir yönüdür. Web sitenizin tüm hissini değiştirebilir ve ziyaretçilerin müşterilerinizle nasıl etkileşimde bulunduğu konusunda büyük bir fark yaratabilir.

Bu nedenle, WordPress'e özel yazı tiplerinin nasıl ekleneceğini bilmek gerekir. Doğru yazı tipini seçmek, web siteniz için farklı bir görünüm yaratır, görsel markanızı oluşturmanıza olanak tanır ve okunabilirliği ve ziyaretçi katılımını artırır.

Çevrimiçi olarak kullanabileceğiniz, çoğu ücretsiz olan binlerce yazı tipi vardır. Bu makale, en popüler web yazı tipi veritabanlarından ikisinden yazı tiplerini web sitenize ekleme hakkında konuşacaktır – Google Yazı Tipleri ve Typekit Yazı Tipleri olarak da bilinen Adobe Yazı Tipleri. Bu yazı tipi kitaplıkları, indirebileceğiniz binlerce web yazı tipi içerir.

İnternette bunların yanında sayısız yazı tipi kütüphanesi var ve bunlardan da bahsedeceğiz.

Bu özel yazı tiplerini web sitenize eklemenin yolları şunlardır:

WordPress'e Özel Yazı Tipleri Nasıl Eklenir

1. Eklentiyi Kullanarak Google Yazı Tiplerini Ekleyin

WordPress web sitesi içeriğinizi stilize etmek için Google Yazı Tiplerini kullanmayı planlıyorsanız, WordPress Özelleştiricinizi doğrudan Google Yazı Tipleri veritabanına bağlayan kullanışlı bir araç vardır. Easy Google Fonts ücretsizdir ve herhangi bir kodla çalışmak zorunda kalmadan Google Fonts'u kullanmanıza olanak tanır.

1. Bu yöntem için önce Easy Google Fonts eklentisini kurun. Eklenti kurulduktan sonra, WordPress Özelleştiricinizde (Görünüm > Özelleştir) 'Tipografi' adlı yeni bir seçenek bulacaksınız.

2. Tipografi seçeneğine gittiğinizde, özelleştirebileceğiniz farklı varsayılan içerik bölümleri veya yazı tipi kontrolleri bulacaksınız. Söz konusu grup için yazı tipi ayarlarını 'Yazı Tipini Düzenle'yi tıklayarak bulabilirsiniz.

Yazı tipi ayarları oldukça kapsamlıdır ve yazı tipi boyutu ve daha fazlası gibi istediğiniz yazı tipi stilini oluşturmak için metninizin neredeyse her yönünü özelleştirmenize olanak tanır. Söz konusu metin kategorisinin yazı tipini, Stiller sekmesi altındaki Yazı Tipi Ailesi seçeneğinden değiştirebilirsiniz.

Görünüm sekmesi altında Yazı Tipi Rengi, Yazı Tipi Boyutu ve Çizgi Yüksekliği gibi diğer yaygın seçenekleri bulabilirsiniz.

Konumlandırma sekmesi altında Kenar Boşluğu, Doldurma ve Kenarlık gibi bazı derinlemesine görsel kontroller vardır.

3. Artık, web siteniz, bu eklenti tarafından sağlanan varsayılan yazı tipi kontrolleri tarafından ele alınamayan belirli metin kategorilerine özel dikkat gerektirebilir. Belki de tüm başlıklarınız için aynı tipografi ayarlarını istiyorsunuz ve hepsini tek bir kategorinin kontrol etmesini istiyorsunuz. Ayarlar > Google Yazı Tipleri'ne giderek özel yazı tipi kontrolleri oluşturabilirsiniz .

4. Yazı Tipi Kontrollerini Yönet sekmesine gidin ve 'Bir Yazı Tipi Kontrolü Oluştur' seçeneğini tıklayın.

5. Bu belirli kategoriyi tanımlamak için CSS Seçicileri sağlamanız istenecektir. Ardından, yeni kategori/yazı tipi kontrolünü oluşturmak için 'Güvenli Yazı Tipi Kontrolü'ne tıklayın.

6. Özel yazı tipi kontrolleri, varsayılan olanlardan farklı bir konumda bulunabilir. WordPress Özelleştiriciye geri dönün ve Tipografi seçeneğine tıklayın. İki kategori olduğunu göreceksiniz – Varsayılan Tipografi ve Tema Tipografisi. Özel yazı tipi kontrolleri, Tema Tipografisi seçeneği altında bulunacaktır.

2. Kodu Kullanarak Google Yazı Tiplerini Ekleyin

1. Google Fonts'unuzu eklenti olmadan WordPress'e eklemek istiyorsanız, tema dosyalarınıza kod ekleyebilirsiniz. Bunun için bir alt tema oluşturmak isteyebilirsiniz, böylece değişiklikleri beğenmezseniz geri alabilirsiniz.

2. Google Yazı Tipleri web sitesine gidin ve beğendiğiniz yazı tipini bulun. Yazı tipi sayfasında her yazı tipinin farklı stillerini bulacaksınız. İstediğiniz stil için 'Bu stili seç' düğmesine tıklayın. Seçtiğiniz yazı tipi özel bir bölümde kullanılmak üzere kaydedilecektir. Sayfanın sağ üst köşesinde, seçtiğiniz yazı tiplerini görüntülemek için bir düğme bulunur. İki sekmeli bir kenar çubuğu açar. 'Yerleştir' sekmesine tıklayın.

3. Bu gömme bağlantısını kopyalayın ve <body> etiketinden hemen önce header.php dosyanıza yapıştırın.

4. Tema dosyalarıyla çalışmanın zorluklarıyla uğraşmak istemiyorsanız, tema dosyalarınıza kolayca kod ekleyen Insert Headers and Footers adlı kullanışlı bir eklenti var. Bu eklentiyi, ayarlar çubuğundaki 'Üst Bilgi ve Alt Bilgi Ekle' başlıklı kendi bölümünden kullanabilirsiniz. Kodu 'Başlıktaki Komut Dosyaları' kutusuna yapıştırmanız yeterlidir.

3. WordPress'e Adobe TypeKit Yazı Tiplerini Ekleyin

Adobe'nin ücretsiz sürümü ve ücretli sürümü olan başka bir etkileyici özel yazı tipi kitaplığı vardır. Fontlarını kullanmaya başlamadan önce Adobe Fonts web sitesinde bir hesabınızın olması gerekir. Kullanılabilir yazı tiplerine göz atmaya Yazı Tiplerine Gözat sayfasından başlayabilirsiniz.

1. Web sitesine giriş yaptıktan sonra </> butonuna tıklayarak beğendiğiniz yazı tiplerini kullanabilirsiniz.

2. Gömme bağlantısını almak için Adobe Fonts üzerinde bir web projesi oluşturmanız ve seçilen fontu projeye eklemeniz gerekir.

3. Google Yazı Tiplerinde olduğu gibi, bu yerleştirme bağlantısını temanızın header.php dosyasına <body> etiketinden önce yapıştırmanız gerekir.

4. Insert Headers and Footers eklentisini kullanarak doğrudan tema dosyalarıyla çalışmaktan kaçınabilirsiniz. Ayarlar çubuğundaki Üstbilgileri ve Altbilgileri Ekle seçeneğine gidin ve yerleştirme kodunu 'Üstbilgideki Komut Dosyaları' kutusuna yapıştırın. Bu, seçtiğiniz TypeKit yazı tiplerini içe aktaracaktır.

Diğer Bazı Özel Yazı Tipleri Kitaplıkları

Google Fonts ve Adobe Fonts, web fontları için en popüler veritabanlarından bazıları olsa da. Ancak, WordPress web siteniz için doğru yazı tiplerini indirmek için keşfedebileceğiniz birçok yazı tipi kitaplığı vardır. İşte keşfedebileceğiniz bazıları:

1. Şablon canavarı
2. yazı tipi sincap
3. Yazı tipi yayı
4. 1001 Ücretsiz Yazı Tipi
5. yazı tipi ucube
6. Soyut Yazı Tipleri
7. Yazı Tipleri

Eklenti Kullanarak Diğer Özel Yazı Tipleri Nasıl Eklenir

Özel yazı tiplerini manuel olarak eklemenin zorluklarını atlamanıza izin veren Herhangi Bir Yazı Tipi Kullan adlı kullanışlı bir eklenti var. Doğrudan kontrol panelinizden yeni yazı tipleri ekleyebileceğiniz ve özel yazı tiplerinizi istediğiniz öğelere atayabileceğiniz basit bir arayüz sağlar.

Diğer Özel Yazı Tiplerini Manuel Olarak Ekleme

İstediğiniz yazı tiplerini manuel olarak eklemek istiyorsanız, yazı tipi dosyanızı WordPress dizininize yüklemeniz gerekecektir. Yeni görünümü beğenmemeniz veya bazı istenmeyen değişikliklerin web sitenizde hatalar oluşturması durumunda bir güvenlik katmanı oluşturmak için bunun için bir alt tema kullanın. Alt tema, değişiklikleri kolayca geri almanıza olanak tanır.

TemplateMonster gibi herhangi bir yazı tipi kitaplığından istediğiniz yazı tipini indirin. Ardından wp-content/themes/your-theme/fonts'a gidin ve bir FTP istemcisi kullanarak bunu Fonts klasörüne yükleyin. Fonts klasörü yoksa, bir tane oluşturun.

Yazı tipi dosyası yüklendikten sonra, stil sayfanızı kullanarak yazı tipini içe aktarmanız gerekecektir. Aşağıdaki kodu style.css dosyanıza ekleyin:

@yazı tipi-yüz {

yazı tipi ailesi: Özel Yazı Tipi;

kaynak: url(http://yourwebsite.com/wp-content/themes/twentynineteen/fonts/AguafinaScript-Regular.ttf);

yazı tipi ağırlığı: normal;

}

Yazı tipi ailesini, içe aktarmak istediğiniz yazı tipinin adıyla ve URL'yi web sitenizin URL'si ile değiştirmeniz gerekir.

Çözüm

Yukarıdaki adımları izleyerek, WordPress web sitenize minimum güçlükle kolayca özel yazı tipleri ekleyebilirsiniz. Yalnızca Google Fonts ve Adobe Fonts veritabanlarından kullanabileceğiniz binlerce web fontu vardır. Doğru özel yazı tipi seçimi ile web siteniz farklı bir çekicilik kazanabilir, ziyaretçilerin ilgisini çekebilir ve konunuzla alakalı daha iyi bir estetik oluşturabilir.