WordPress Temasında Manuel Olarak 800 Google Yazı Tipi Nasıl Eklenir

Yayınlanan: 2022-10-16

WordPress Temalarına Manuel Olarak 800 Google Yazı Tipinin nasıl ekleneceğine dair bir giriş yapmak istediğinizi varsayarsak: WordPress Temalarına Manuel Olarak 800 Google Yazı Tipi Ekleme, öncelikle Google Yazı Tipleri kitaplığını indirerek yapılabilir. İkinci olarak, dosyayı açın ve yazı tiplerini web sunucunuza yükleyin. Son olarak, CSS kodunu WordPress Temanızın stil sayfasına ekleyin.

Organik organik öğenize manuel olarak bir Google yazı tipi eklemek, organik içeriğinizin düzgün bir şekilde organize edilmesini sağlamanın harika bir yoludur. Temaları oluşturmak 10 dakika sürer. Google yazı tiplerini kullanmak, sizi diğer yazı tiplerinin geride bıraktığı bazı karmaşık görevlerden kurtaracaktır. Tasarım geçmişiniz yoksa Typekit veya @ yazı tiplerini kullanmayı düşünün. Bir lisansa ihtiyacınız olmasa bile, sunucunuz için web yazı tiplerini yüklemeniz ve barındırmanız gerekecektir. Görselin alt kısmında bulunan Hızlı Kullanım butonunu seçerek Google Font'u istediğiniz zaman kullanabilirsiniz. Kapanıştan önce kod eklenmelidir.

Kod eklendikten sonra, hangi yazı tipini kullanması gerektiğini belirtmek için temanın dizinine yeni bir dosya ekleyin. Yeni değişiklikler, stil sayfanızı güncelleyecek ve tüm gövde metniniz için yeni bir Google Yazı Tipi oluşturacaktır. Yeni yazı tipiniz görüntülenmiyorsa, yazı tipinin adını bilmeniz gerekir; bu ad, doğru yazıldığından sonra virgülle yazılmalı ve tek tırnak içine alınmalıdır. Google Font dizininin tamamını WordPress'e almak için Easy Google Font eklentisini yükleyin.

WordPress'e Nasıl Özel Bir Google Yazı Tipi Eklerim?

Kredi bilgileri: Crunchify

WordPress'e özel bir Google yazı tipi eklemek nispeten basit bir işlemdir. İlk olarak, WordPress sitenizde kullanmak istediğiniz özel bir Google yazı tipi bulmanız gerekir. https://www.fontsquirrel.com/ gibi ücretsiz özel yazı tipleri sunan bir dizi site vardır. Beğendiğiniz bir yazı tipi bulduktan sonra, bilgisayarınıza indirmeniz gerekir. Ardından, yazı tipi dosyasını WordPress sitenize yüklemeniz gerekir. Bunu, WordPress yönetici alanınızdaki Görünüm > Düzenleyici sayfasına giderek yapabilirsiniz. Bu sayfada, sağ kenar çubuğundaki Stil Sayfası (style.css) dosyasını bulmanız ve seçmek için üzerine tıklamanız gerekir. Stil Sayfası (style.css) dosyası açıldığında, dosyanın en altına inmeniz ve aşağıdaki kodu eklemeniz gerekir: @font-face { font-family: 'Custom Font Name'; src: url('özel-yazı tipi-url') format('truetype'); } 'Özel Yazı Tipi Adı'nı kullandığınız yazı tipinin gerçek adıyla ve 'özel-yazı tipi-url'yi WordPress sitenize yüklediğiniz yazı tipi dosyasının URL'siyle değiştirdiğinizden emin olun. Kodu ekledikten sonra, değişikliklerinizi kaydetmeniz ve güncellenmiş Stil Sayfası (style.css) dosyasını sunucunuza yüklemeniz gerekir. Artık 'font-family' özelliğini 'Custom Font Name' olarak belirterek WordPress sitenizin CSS kurallarından herhangi birinde özel yazı tipinizi kullanabilirsiniz.

Google yazı tiplerini WordPress web sitenizde çeşitli nedenlerle kullanabilirsiniz. Tüm bu dosyaların kullanımı ücretsizdir (ticari projeler için), önceden barındırılır (böylece sunucunuzun kaynaklarını aşırı yüklemezler) ve basılı olarak indirilebilir. WordPress, şu anda Google yazı tiplerini kullanan mükemmel bir web sitesi seçimine sahiptir. Çoğu durumda, Google yazı tiplerini kullanarak yazı tiplerini yerleştirmeyi kolaylaştırabilirsiniz. Bu çevrimiçi kitaplığı içeren herhangi bir web projesi, diğer herhangi bir JS veya CSS betiğinin yapabileceği şekilde bir kitaplık olarak adlandırılabilir. Bu eğitici yazıda, bir WordPress web sitesinde Google Fonts'u kendi başınıza nasıl kuracağınızı göstereceğim. WordPress, yazı tipini özelleştirmenize olanak tanır.

Aşağıdaki örnekte WordPress_enqueue_style() işlevini kullanarak bunun nasıl yapılacağına dair bir gösteri göreceksiniz. Temanızdaki tipografi seçeneklerini kullanarak yeni eklediğiniz yazı tipini kullanmaya başlayabilirsiniz. Aşağıdaki, Google yazı tiplerini WordPress web sitenize dahil etmenin alternatif (daha ucuz) bir yöntemidir. Stiller sekmesine giderek komut dosyasını, yazı tipi ailesini, yazı tipi ağırlığını, dekorasyonu ve metin dönüştürme özelliklerini değiştirebilirsiniz. Bir yazı tipi seçtiğinizde, yazılarınızın ve sayfalarınızın nasıl görüneceğini canlı olarak önizleyebilirsiniz. Roboto, günümüzde internette en çok kullanılan yazı tiplerinden biridir. Montserrat, varlığını yirminci yüzyılın tipografisine borçludur.

WordPress web siteleri için Google Yazı Tipleri, mevcut birçok seçenekten sadece birkaçıdır. Web siteniz için uygun yazı tipi ailesini seçmek okuyucularınız için faydalı ve zararlı olabilir. WordPress'te Google yazı tiplerini kullanmak, web sitenizin görünümünü ve verdiği hissi hızla değiştirmenize yardımcı olabilir. Google Fonts eklentisi, kurulumu ve etkinleştirmesi basit olduğu için kullanmanın en basit yoludur. Çoğu durumda, kontrast hafif olmalı ve okuyucu için bunaltıcı olmamalı ve ekran boyutlarının ve türlerinin çoğunda kolayca okunabilmelidir. WordPress, eklentiler aracılığıyla içe aktarılabilen veya manuel olarak ayarlanabilen yazı tiplerini içerir. WordPress, varsayılan olarak, tarayıcınız için yeni bir özel yazı tipiyle değiştirilebilen varsayılan bir yazı tipi yüzü içerir. Web sitenizin tipografisine en uygun olanı bulmak için birkaç yazı tipi ailesini test edin.

WordPress Temasına Nasıl Özel Yazı Tipleri Eklerim?

Kredi bilgileri: athemes.com

WordPress temanıza özel yazı tipleri eklemenin birkaç farklı yolu vardır. Bir yol, Google Yazı Tipleri kitaplığını kullanmaktır. Kütüphaneye göz atabilir ve web sitenizde kullanmak istediğiniz yazı tiplerini seçebilirsiniz. Yazı tiplerini seçtikten sonra, kodu WordPress temanıza ekleyebilirsiniz.
WordPress temanıza özel yazı tipleri eklemenin başka bir yolu da bir eklenti kullanmaktır. Web sitenize özel yazı tipleri eklemek için kullanabileceğiniz birkaç farklı eklenti vardır. Eklentiyi yükledikten sonra yazı tiplerine göz atabilir ve kullanmak istediklerinizi seçebilirsiniz.
Son olarak, kodu temanıza manuel olarak ekleyerek WordPress temanıza özel yazı tipleri de ekleyebilirsiniz. Kod konusunda rahatsanız, kullanmak istediğiniz yazı tiplerini, kodu function.php dosyanıza ekleyerek ekleyebilirsiniz.

Easy Google yazı tipi eklentisi, WordPress web sitenize özel yazı tipleri eklemek için kullanılabilir. Bu seçeneği tercih ederseniz, web sitenizde çeşitli yazı tiplerini kullanabileceksiniz. Doğru tipografiyi kullanmanın birçok faydası keşfedilmiştir. Basit bir web sitesi, müşterilerin sizinle etkileşim kurmasını kolaylaştırır. Ayrıca, yazı tiplerinizin stilini ve konumunu ayarlamak için CSS özelliklerini kullanabilirsiniz. Ayrıca, WordPress eklenti ayarları sayfası, kendi yazı tipi kontrollerinizi değiştirmenize olanak tanır. Adobe yazı tiplerini kullanmak istemiyorsanız, bunu alternatif olarak kullanabilirsiniz.

Özel Adobe Yazı Tipleri eklentisi ile bu yazı tiplerini WordPress web sitenize kolayca dahil edebilirsiniz. Eklentiyi yükledikten sonra, size uygun yazı tipini bulmak için Adobe'nin kapsamlı yazı tipi kitaplığına gidin (kullanmak için kaydolmanız gerekir). Bir yazı tipine karar verdiğinizde, onu tıklayın ve ardından "Web projesine ekle"yi görmek için sayfanın sağ üst köşesine bakın. Font Çifti önizleme özelliğini kullanarak, farklı font kombinasyonlarının birlikte nasıl göründüğünü hızlı ve kolay bir şekilde görebilirsiniz. Birkaç mükemmel web sitesinde, tasarımcılar tarafından oluşturulan özel yazı tiplerini satın alabilirsiniz. Örneğin, büyük bir yazı tipi kitaplığı ve bu yazı tipleri için basit bir biçim, Yazı Tipi Sincap kitaplığına dahil edilmiştir. @Font-Face'in web yazı tipi seti artık indirilebilir.

Bu yazılımı WordPress web sitenizde kullanabilirsiniz. Kiti satın aldıktan sonra kendi CSS stil sayfanızı oluşturmak için yazı tiplerine ve CSS stil sayfasına ihtiyacınız olacak. OpenSans-ExtraBold-web yazı tipi için aşağıdaki CSS gereklidir. En iyi sonuçlar için tüm yazı tipi dosyalarınızı seçtiğiniz bir dizinde tutmalısınız.