WordPress’e özel bir yazı tipi nasıl eklenir?
Web sitenizin tipografisini ayarlamayı öğrenmek, web siteleri oluşturmanın ve çalıştırmanın oldukça temel bir yönüdür. Bu, web sitenizin tüm nüansını değiştirebilir ve ziyaretçilerin müşterilerinizle etkileşim kurma biçiminde büyük bir fark yaratabilir. Bu nedenle, WordPress’e özel yazı tiplerinin nasıl ekleneceğini bilmek önemlidir. Doğru yazı tipini seçmek, web siteniz için farklı bir görünüm oluşturur, görsel markanızı oluşturmanıza ve ziyaretçilerin hazırlığını ve katılımını artırmanıza olanak tanır. Çevrimiçi olarak kullanabileceğiniz binlerce yazı tipi var, birçoğu ücretsiz. Bu makale, Web sitenize en popüler iki Web yazı tipi veritabanından yazı tipleri ekleme hakkında tartışılacak – google yazı tipleri ve typeKit yazı tipleri olarak da bilinen Adobe yazı tipleri. Bu yazı tipi kitaplığı, indirebileceğiniz binlerce web yazı tipini içerir.
İnternette bunun yanı sıra başka birçok yazı tipi kütüphanesi var ve biz de bunun hakkında konuşacağız. İşte bu özel yazı tipini web sitenize ekleyebilirsiniz:
İçindekiler
WordPress’e özel yazı tipleri nasıl eklenir
1. Eklentiyi kullanarak Google yazı tipini ekleyin
2. Kodu kullanarak Google yazı tipini ekleyin
3. WordPress’e Adobe TypeKit yazı tipini ekleyin
Diğer birkaç özel yazı tipi kütüphanesi
Eklentileri kullanarak başka özel yazı tipleri nasıl eklenir
Manuel olarak başka özel yazı tipleri nasıl eklenir
Çözüm
WordPress’e özel bir yazı tipi nasıl eklenir 1. WordPress web sitesi içerik modunuza ayarlamak için Google yazı tiplerini kullanmayı planlıyorsanız, eklentileri kullanarak Google Yazı Tipleri Ekleyin, o zaman WordPress ayarınızı Google Fonts veritabanına doğrudan bağlayan pratik bir araç vardır. Kolay Google yazı tipleri ücretsizdir ve herhangi bir kodla çalışmak zorunda kalmadan Google yazı tiplerini kullanmanıza izin verir. Bu yöntem için önce kolay Google Yazı Tipleri eklentisini yükleyin. Eklenti ayarlandıktan sonra, WordPress ayarınızda ‘Tipografi’ adlı yeni bir seçenek bulacaksınız (Ekran> Ayar).
2. Tipografik seçeneği girdikten sonra, ayarlayabileceğiniz farklı bir varsayılan içerik parçası veya yazı tipi kontrolü bulacaksınız. ‘Yazı Tipini Düzenle’ tıklayarak belirli gruplar için yazı tipi ayarlarını bulabilirsiniz.
4. Yazı Tipi Denetimi sekmesini açın ve ‘Yazı Tipi Oluştur.’ 5’i tıklayın. Bu özel kategoriyi belirlemek için CSS seçmenleri sağlamanız istenecektir. Ardından, yeni bir kategori/kontrol yazı tipi oluşturmak için ‘Güvenli Yazı Tipi Denetimi’ni tıklayın. 6. Özel yazı tipi kontrolü, varsayılandan farklı konumlarda bulunabilir. WordPress Customerer’a dönün ve tipografik seçeneğe tıklayın. İki kategori olduğunu göreceksiniz – varsayılan tipografi ve tema tipografisi. Özel yazı tipi kontrolü tema tipografik seçenekleri altında bulunacaktır. 2. Kodu kullanarak Google yazı tipini ekleyin Google yazı tipinizi eklenti olmadan WordPress’e eklemek istiyorsanız, kodu tema dosyanıza ekleyebilirsiniz. Bunun için bir çocuk teması yapmak isteyebilirsiniz, böylece beğenmezseniz değişiklikleri geri yükleyebilirsiniz. 2. Google Fonts web sitesini açın ve istediğiniz yazı tiplerini bulun. Yazı tipi sayfasında her yazı tipinin farklı bir stilini bulacaksınız. İstenen stil için ‘Bu Stili Seç’ düğmesini tıklayın. Seçtiğiniz yazı tipi özel bir bölümde kullanılmak üzere saklanır. Sayfanın sağ üst kısmında, seçtiğiniz yazı tipini görmek için bir düğme vardır. Kenar çubuğunu iki sekme ile açar. ‘Sabitlenmiş’ sekmesine tıklayın.
3. Gömme bağlantısını kopyalayın ve etiketinden hemen önce Header.php dosyasına yapıştırın. 4. Tema dosyasıyla çalışmayı rahatsız etmek istemiyorsanız, tema dosyalarınıza kolayca kod ekleyen Insert başlıkları ve altbilgiler adlı pratik bir eklenti vardır. Bu eklentiyi, ‘Başlık ve Altbilgi Ekle’ başlıklı ayar çubuğunda kendi rolüyle kullanabilirsiniz. Kodu ‘Başlıktaki Komut Dosyaları’ kutusuna yapıştırın. 3. Adobe TypeKit yazı tipini WordPress’e ekleyin Adobe, ücretsiz ve ücretli bir sürüme sahip başka bir etkileyici özel yazı tipi kütüphanesine sahiptir. Yazı tiplerini kullanmaya başlamadan önce, Adobe Fonts web sitesinde bir hesaba ihtiyacınız vardır. Mevcut yazı tiplerine yazı tiplerinden göz atmaya başlayabilirsiniz. Web sitesine girdikten sonra düğmesini tıklayarak istediğiniz yazı tiplerini kullanabilirsiniz. 2. Bir gömme bağlantı elde etmek için, Adobe yazı tiplerinde bir web projesi oluşturmanız ve projeye seçilen yazı tiplerini eklemeniz gerekir. 3. Google yazı tipleriyle yapılan işlem gibi, bu gömme bağlantıyı etiketinden önce Header.php dosyasına eklemeniz gerekir. 4. Ekleme başlıkları ve altbilgi eklentisini kullanarak doğrudan tema dosyasıyla çalışmaktan kaçınabilirsiniz. Ayarlardaki üstbilgi ve altbilgi ekleme seçeneğini açın ve Semat kodunu ‘başlıktaki komut dosyası kutusuna’ yapıştırın. Bu, seçtiğiniz TypeKit yazı tipini içe aktaracaktır.
Google yazı tipleri ve Adobe yazı tipleri ise diğer bazı özel yazı tipi kitaplıkları, web yazı tipleri için en popüler veritabanlarından bazılarıdır. Ancak, WordPress siteniz için doğru yazı tiplerini indirmek için keşfedebileceğiniz başka birçok yazı tipi kitaplığı vardır. İşte keşfedebileceğiniz bazıları: Şablon canavarı Sincap Bahar Yazı Tipleri
1001 ücretsiz yazı tipi
Yazı tipi
Soyut yazı tipi
Myfonts
Eklenti kullanarak başka özel yazı tipleri nasıl eklenir Bir eklenti, özel yazı tipleri ekleme zorluklarını manuel olarak geçmenizi sağlayan herhangi bir yazı tipini kullanan pratik bir eklenti vardır. Bu, doğrudan gösterge panelinizden yeni bir yazı tipi ekleyebileceğiniz ve özel yazı tipinizi istenen öğeye ayarlayabileceğiniz basit bir arayüz sağlar.
İstenen yazı tipini manuel olarak eklemek istiyorsanız, diğer özel yazı tiplerini manuel olarak nasıl ekleyebilirsiniz, yazı tipi dosyalarını WordPress dizininize yüklemeniz gerekir. Web sitenizde hata yapmak için yeni bir görünüm veya bazı istenmeyen değişiklikleri sevmiyorsanız, bir güvenlik katmanı oluşturmak için bunun için bir çocuk teması kullanın. Çocuk temaları, değişiklikleri kolayca geri yüklemenize izin verecektir. Templatemonster gibi herhangi bir yazı tipi kitaplığından istediğiniz yazı tiplerini indirin. Ardından, WP-Content/TEMAS/TEM/TEM/YAZILARINI BAŞLADIN ve FTP istemcisini kullanarak yazı tipi klasörüne yükleyin. Yazı tipi klasörü yoksa, yapın. Yüklenen yazı tipi dosyasından sonra, stil sayfanızı kullanarak yazı tipini içe aktarmanız gerekir. Style.css dosyasına aşağıdaki kodu ekleyin: @font-wog {font-family: özel yazı tipi; SRC: URL (http://situswanda.com/wp-content/themes/twentynineteen/fonts/aguafinascript-regular.ttf); Font-Heavy: Normal; } Yazı tiplerini, içe aktarmak istediğiniz yazı tipi adıyla ve URL’yi web sitenizin URL’siyle değiştirmeniz gerekir. Sonuç Yukarıdaki adımları izleyerek, WordPress sitenize minimum karmaşıklığa sahip özel yazı tipleri ekleyebilirsiniz. Yalnızca Google yazı tiplerinden ve Adobe yazı tipleri veritabanlarından kullanabileceğiniz binlerce web yazı tipi vardır. Doğru özel yazı tipi seçenekleriyle, web siteniz farklı cazibe alabilir, ziyaretçileri daha iyi içerebilir ve konunuzla daha iyi estetik oluşturabilir.