WordPress’e yazı tipi typress nasıl eklenir
Tipografi, web siteniz tasarımından genellikle dikkat etmeniz gereken bir unsurdur. Sağ yazı tipi tasarımı yapabilir veya yok edebilir, ancak zor olabileceğini bulmak. Aralarından seçim yapabileceğiniz birçok ücretsiz ve premium yazı tipi var, ancak mücevher bulmak için genellikle onları kazmanız gerekiyor. Adobe TypeKit, yüksek kaliteli tipografi derlemesi sayesinde bu işlemlerin bazılarını geçmenizi sağlar. Bu makalede, genel olarak WordPress’e özel yazı tipleri eklemenin nedenlerini tartışacağız. Ardından, TypeTit’in ne olduğunu, bir ‘yazı tipi kiti’ nasıl yayınlanacağını, ardından nihayet WordPress’e nasıl ekleneceğini tartışacağız.
Neden WordPress sitesi özel yazı tiplerinize (veya ‘sistem olmayan’) özel bir yazı tipi eklemelisiniz, varsayılan olarak bilgisayarlarımızla gönderilmeyen tipografidir. WordPress yalnızca kutunun dışındaki sistem yazı tiplerini destekler (Times New Roman ve Arial’ı düşünmek), ancak aralarından seçim yapabileceğiniz birçok yazı tipi seçeneği vardır. Sitenize özel bir yazı tipi eklemek tam olarak gerekli değildir, ancak sitenizi rakiplerinizden ayırmanın en iyi yolu budur. Doğru roldeki doğru yazı tipi, içeriğinizin öne çıkmasını ve okuyucunuzun dikkatini çekmesini sağlar. Ardından, özel bir yazı tipi kullanmak, WordPress tema stilinizi varsayılan tipografi tarafından sunulanın çok ötesinde geliştirmenize yardımcı olabilir.
Bütçe bir sorunsa, Web ücretsiz yazı tipleriyle doludur ve WordPress’teki düzenlemelerinin yapılması kolaydır. Divi standart olarak çok sayıda yazı tipi içerse de, eklemeyi seçtiğiniz ek tipografi ile de iyi oynayacaktır. Dahası, yeni bir yazı tipi seçeneği eklemek birkaç dakika sürer. Şimdi, çevrimiçi yazı tiplerini bulmak için en iyi yerlerden biri hakkında daha fazla bilgi edelim – TypeKit. TypeKit yazı tipleri nedir (ve neden kullanmanız gerekir) TypeKit, Adobe’nin bir hizmetidir, burada size çok sayıda yüksek kaliteli yazı tipi vermek için dünyanın en iyi mektup türlerinden bazılarıyla işbirliği yapar. Özel tabanlı platformlar Ayrıca, yazı tipine sınırlı miktarlarda erişmenizi ve aynı zamanda tek tek satın alma seçeneğine izin veren ücretsiz seviyelerle donatılmıştır. Tersine, tam üyeler Fira Sans ve Acumin gibi popüler seçenekler de dahil olmak üzere TypeKit kütüphanesinden herhangi bir yazı tipini kullanabilir. Yazı tiplerine erişmek için bir abonelik hizmeti kullanmak gereksiz masraflara benzeyebilir, ancak bir tasarımcıysanız bu çok değerli olabilir. Yeni başlayanlar için, nereden arayacağınızdan emin değilseniz, web’de doğru yazı tiplerini bulmak büyük bir zaman bağı olabilir. TypeKit, yüksek kaliteli dev bir kütüphaneye doğrudan erişim sağlayarak süreci basitleştirir.
Bunu ilk kez yaptığınızda, platform sizden kitiniz için bir ad seçmenizi ve hangi alanın kullanacağını belirlemenizi isteyecektir:
Buradan, sabitlenebilen bir JavaScript kodu verilecektir, bu da WordPress web sitenize TypeKit yazı tipleri ekleme şeklinizdir. Kodu şimdi kaydetmekten çekinmeyin – daha sonra ihtiyacınız olacak. Kodu kaydettikten sonra devam et’i tıklayın, TypeTit kontrol paneline yönlendirilirsiniz. Bu, tüm yazı tipi kitinizi görüntüleyecek ve her kitte seçiminize bağlı olarak birkaç farklı ağırlık ve yazı tipi arasından seçim yapabilirsiniz: Ardından, ‘Font Backback’i de yapılandırabilirsiniz. Bu tür bir mektup yalnızca ziyaretçilerinizden biri @font-face kurallarını desteklemeyen bir tarayıcı kullanıyorsa ve varsayılan SANS Serif olarak ayarlanmışsa görünür. Bir sonraki bölümde, kitinizi WordPress’te nasıl kullanacağınızı tartışacağız. Ancak, devam etmeden önce, kullanmak istediğiniz tüm yazı tiplerini eklediğinizden emin olun, ardından gösterge panelinizde Yeşil Düğme Yayınını tıklayın. Bu, kit kullanan herhangi bir web sitesinde değişiklikler yayar. WordPress’e tiptit yazı tipleri nasıl eklenir (2 şekilde) WordPress’e yazı tipi yazı tipleri eklemenin iki yolu vardır ve her ikisi de daha önce kopyaladığınız JavaScript kodunu gerektirir. Tekrar bulmanız gerekiyorsa, yazı tipi kiti kontrol panelinize erişin ve sayfanın sağ üst tarafında sabitlenmiş bir kod arayın. Sahip olduktan sonra, aşağıdaki iki yöntemden birini takip etmelisiniz. 1. WordPress eklentisine TypeTit Yazı Tipi kullanın
TypeKit yazı tipinizi WordPress’e eklemenin en kolay yolu bu eklentiyi kullanmaktır. Bu araç çok kolaydır, ancak Multisite WordPress ile uyumluluk ve özel CSS kuralları için destek gibi birkaç yararlı özellik ile donatılmıştır.
Eklentiyi yükledikten ve etkinleştirdikten sonra, WordPress kontrol panelinizdeki ayarların altında yeni Tykpekit yazı tipi seçeneği görünecektir. Buraya tıklamak size sayfa kit kodunuzu koyabileceğiniz yeni bir parça verir ve ayrıca yazı tiplerinizi görüntülemek için özel CSS kuralları ekler:
Yazı tipinizin web sitenizde görünmesi için, genellikle yazı tipleri ve başlık etiketlerini kullanarak CSS kullanarak özel kurallar hazırlamanız gerekir. İşte H2 başlığımızı TypeKit yazı tipi kullanarak görüntülenecek bir örnek: H2 {font-family: “proxima-nova-1”; } Kurallarınız ayarlandıktan sonra değişiklikleri kaydet’i tıklayın ve yeni yazı tipinizin web sitenizin önünde görüntülenip görüntülenmediğini kontrol edin. Gömme TypeThit kodunu header.php dosyasına ekleyin Sitenize başka bir eklenti yüklemek istemiyorsanız, TypeTit yazı tipinizi her zaman WordPress’e manuel olarak ekleyebilirsiniz. Bunu yapmak için aktif header.php dosyanızı değiştirmelisiniz. Tabii ki, WordPress Core dosyalarıyla uğraşmadan önce, çocuğun temasını kullandığınızdan emin olun (temanız güncellendiğinde değişikliklerinizi korumak için) ve en kötü şey olursa sitenizi yedekleyin. Header.php dosyanızı değiştirmenin en kolay yolu WordPress görünüm sekmesini girmek ve Editör seçeneğini seçmektir. Girdikten sonra, şablon bölümünün altındaki header.php dosyanızı bulun, ardından dosyayı seçin ve etiketini arayın. Semankitit Semakan kodunuzu arasına yerleştirin, ardından değişikliklerinizi kaydedin:
Embed TypeThit kodunu WordPress header.php dosyanıza ekleyin. TypeTit’i diğer yazı tipi depoları arasında ne öne çıkarıyor? Aşağıdaki yorumlar bölümünde abone olun ve düşüncelerinizi bizimle paylaşın! Makale Küçük Resim Howcolour / Shutterstock.com
