Bir WordPress Alt Temasında Google Yazı Tipleri Nasıl Kullanılır

Bir WordPress alt teması kullanıyorsanız ve mevcut birçok Google Yazı Tipinden yararlanmak istiyorsanız, izlemeniz gereken birkaç kolay adım vardır. Bu makalede, WordPress alt temasında Google Fonts'u nasıl kullanacağınızı göstereceğiz. İlk olarak, hangi Google Yazı Tipi'ni kullanmak istediğinize karar vermelisiniz. Aralarından seçim yapabileceğiniz çok şey var, bu nedenle seçeneklere göz atmak için biraz zaman ayırın. Karar verdikten sonra, Google Fonts web sitesine gidin ve kullanmak istediğiniz yazı tipi için "Koleksiyona Ekle" düğmesini tıklayın. Ardından, WordPress Kontrol Panelinize gidin ve “Görünüm” sekmesine tıklayın. Ardından, “Düzenleyici” bağlantısını tıklayın. Bu sizi Tema Düzenleyici sayfasına götürecektir. Tema Düzenleyicide, “Stil Sayfası” (style.css) dosyasını arayın. Burası, Google Yazı Tipinizin kodunu eklemeniz gereken yerdir. Stil Sayfasının en altına gidin ve “Tipografi” bölümünü bulun. Bu bölümde, "google_fonts" adlı bir alan göreceksiniz. Google Fonts web sitesinden kopyaladığınız kodu bu alana yapıştırın. Şimdi, değişikliklerinizi kaydedin ve işiniz bitti! WordPress alt temanız artık seçtiğiniz Google Yazı Tipi'ni kullanıyor olmalıdır.

Google yazı tipleri, bir alt tema yardımıyla bir WordPress sitesine eklenebilir. Google Yazı Tipini sitenize eklemek üç adım kadar basittir. Yerleştirme sekmesini kullanarak @import seçeneğini bulun, satırı alın ve alt temanızın style.html dosyasına yapıştırın. Stillerinizde görünmesini sağlamak için font-family özelliğini kullanabilirsiniz. Standart altındaki yazı tipi seçiminin gömme sekmesinde tercih ettiğiniz yazı tipi ailelerine bir bağlantı göreceksiniz. Bunun temanın header.php dosyasına dahil edilmesi gerekecek. Örneğin, yirmi yedi yılında resim şu şekilde olmalıdır: Bağlama yöntemi. Yeni yazı tiplerini stilinizde kullanabilirsiniz. Yeni css dosyası sonucunda dosya yapısında herhangi bir değişiklik yoktur.

Google Yazı Tiplerini WordPress Temama Nasıl Eklerim?

Eklentiler'e giderek WordPress yönetici panelini kullanarak yeni eklentiler ekleyin. Arama çubuğuna Easy Google Fonts yazın ve web sitenize yükleyin. Eklentiyi kullanmaya başlamak için, kurulduktan sonra Etkinleştir düğmesini tıklamanız yeterlidir.

WordPress sitenize ekleyeceğiniz yazı tipleri iki farklı şekilde yapılabilir. Sitenizin yazı tipini yönetmek için Google Fonts tarafından barındırılan bir hizmetiniz olabilir veya bir yazı tipi yöneticisi eklentisi yükleyebilirsiniz. Bu kılavuzda, eklentilerle özel yazı tiplerini nasıl ayarlayacağınızı göstereceğiz. Ayrıca, kullanmayı düşünmeniz için size bazı eklentiler sağlayacağız. Supreme Google WebFonts eklentisini kullanarak gönderi sayfasından farklı bir yazı tipi seçebilirsiniz. Bu eklenti, eklentilerine ek olarak 26 yazı tipi ailesiyle birlikte gelir. Styleguide, web sitenizin yazı tiplerinin renklerini değiştirmenize izin veren ücretsiz bir eklentidir.

Sadece basit karakterleri tipografik sembollere dönüştürmekle kalmaz, aynı zamanda gösterim için uygun karakterleri de üretir. WP Tipografi kullandığınızda, WordPress'inizin yazı tipini stilinize uyacak şekilde özelleştirebilirsiniz. Eksi sembolü gibi bir karakteri değiştirmek için kısa çizgi sembolü (en veya uzun tire) kullanılabilir. Bu eklenti, tırnak işaretleri, üsler, telif hakkı sembolleri ve diğer karakterler gibi karmaşık sembollerin işlenmesini kolaylaştırır. WordPress Font Manager, WordPress temalarınızı oluşturmanıza ve yönetmenize izin veren bir WordPress uygulamasıdır. Fontspress'i kullanarak, Google fontları, Adobe Typekit, Cuffons ve @Fontface gibi çeşitli web tipografi hizmetleri dizinlerindeki fontları bulabilir ve indirebilirsiniz. Sincap adı, Yunanca sincap kelimesinden türetilmiştir. Font Squirrel aracı, CSS yazı tiplerini WordPress web siteleriyle entegre etmek için kullanılabilir. Bu eklenti ile rengini, ana hatlarını, boyutunu ve ağırlığını değiştirerek her tür yazı tipini kolayca önizleyebilirsiniz.

Google Yazı Tiplerini Yerel Olarak Yüklemeli miyim WordPress?

WordPress sitenizde GTmetrix/Pingdom'da Google Yazı Tipi hataları varsa, bunları çözmek için Google yazı tiplerini yerel olarak yüklemelisiniz. Dış kaynaklar ve komut dosyaları kontrol edilemez, bu da onları sıkıştırmayı, optimize etmeyi veya küçültmeyi imkansız hale getirir. WordPress hızınız ciddi şekilde etkilenecektir.

WordPress'te Google Yazı Tipleri Nasıl Yüklenir

WordPress'te Google Yazı Tipleri Ekleme
Yapmanız gereken ilk şey, Google Fonts web sitesine gitmek ve font kitaplığına göz atmak.
Beğendiğiniz bir yazı tipi bulduktan sonra, "Koleksiyona Ekle" düğmesini tıklayın.
Ardından, sayfanın üst kısmındaki "Kullan" düğmesine tıklayın.
Sonraki sayfada, karakter setlerinin yanı sıra kullanmak istediğiniz stilleri seçmeniz gerekecek.
Bunu yaptıktan sonra, “Kodu Al” düğmesine tıklayın.
Bir sonraki sayfada, WordPress sitenize eklemeniz gereken bir kod parçası verilecektir.
Bunu yapmanın en kolay yolu, Insert Headers and Footers eklentisini kurmaktır.
Eklenti yüklenip etkinleştirildikten sonra, Ayarlar »Üstbilgi ve Altbilgi Ekle sayfasına gidin ve üstbilgi bölümüne kodu ekleyin.
Ayarlarınızı kaydetmek için “Değişiklikleri Kaydet” butonuna tıklamayı unutmayınız.
Ve bu kadar! Google Yazı Tiplerini WordPress sitenize başarıyla eklediniz.

Google'ın web sitenizde veya dijital ürünlerinizde kullanabileceğiniz yazı tipi kitaplığı ile 1000'in üzerinde farklı yazı tipi ailesi ve stili oluşturabilirsiniz. WordPress web siteleri için Google yazı tiplerini manuel olarak yapılandırmak için birkaç seçenek vardır. Ücretsiz ve açık kaynaklı projeler, onları herhangi bir proje için kolayca erişilebilir ve kullanılabilir hale getirmek için tasarlanmıştır. Google yazı tiplerini entegre etmek için, function.php dosyasında görünen kod parçacığını kullanın ve belirli yazı tipi ailesine bağlantı verin. Görevi tamamlamanın daha basit bir yolunu arıyorsanız, manuel işlem yerine bir eklenti kullanılabilir. İlk adım, WordPress eklentisini WordPress eklenti deposundan indirmektir. Kurulum ve aktivasyon adımlarını tamamladıktan sonra artık kullanıma hazırsınız.

Google yazı tipleri zaten birçok WordPress temasına entegre edilmiştir. Eklentinin kullanıcı arayüzü, çok çeşitli yazı tiplerine erişmenizi sağlar. Web sitenizin çeşitli bölümleri için 'Yazı Tipi Ailesi' seçeneğinin açılır menüsünde 100'den fazla farklı yazı tipi arasından seçim yapabilirsiniz. Özelleştirici önizlemesinde, kendi özel yazı tipinize ekleyebileceğiniz yazı tiplerinin bir listesini göreceksiniz.

WordPress Google Yazı Tipleri Ön Bağlantısı

WordPress ile ilgili en güzel şeylerden biri, aralarından seçim yapabileceğiniz çok çeşitli eklentiler ve temalar olmasıdır. En popüler eklentilerden biri, web sitenizde Google Fonts'tan herhangi birini kullanmanıza izin veren Google Fonts eklentisidir . Google Fonts eklentisinin kullanımı inanılmaz derecede kolaydır ve ücretsizdir! Eklentiyi kurun ve ardından ayarlar sayfasından kullanmak istediğiniz yazı tiplerini seçin. Eklentiyle ilgili harika şeylerden biri, otomatik olarak Google Fonts API'sine önceden bağlanacak olmasıdır; bu, web sitenizin daha hızlı yükleneceği anlamına gelir. WordPress web sitenizde Google Yazı Tiplerini kullanmanın kolay bir yolunu arıyorsanız, Google Yazı Tipleri eklentisi mükemmel bir çözümdür.

Ön bağlantı yöntemini kullanarak https://Fonts.gstatic.com adresine bağlanın. Dotsfired snippet eklentisini kullanmak, 1'den 9'a (toplam 9'dan) 9 yanıtı görüntülemenin en uygun yoludur. Autoptomize ve YITH Zoom Magnifier ile bir veya daha fazla ayarın çakıştığı görülüyor. Sonuç olarak, Google yazı tiplerini jQuery ile eşzamansız hale getirdiğinizde, "jQuery tanımlanmadı" konsol hatasına neden olur. Ön bağlantı yoktur ve (spesifik olmayan görüntüleme özellikleri) ile ilgili herhangi bir endişe nedeni de yoktur. AO'ya içindeki WebFontConfig dizesini kullanarak tüm JS'yi kaldırmasını söyleyen çok agresif bir kod parçacığı sağlayabilirim, ancak temanızın veya eklentinizin yapılandırmasını kullanmayı tercih ederim.

Google Web Yazı Tiplerini Ekleme

Google Web Yazı Tiplerini eklemek inanılmaz derecede kolaydır ve yapılması yalnızca birkaç dakika sürer. Öncelikle, web sitenizde kullanmak istediğiniz Google Web Yazı Tiplerini bulmanız gerekir. Kullanmak istediğiniz yazı tiplerini bulduktan sonra, web sitenizin bölümüne aşağıdaki kodu eklemeniz gerekir: “Roboto” yerine kullanmak istediğiniz Google Web Yazı Tipinin adını yazın. Kodu web sitenize ekledikten sonra, aşağıdaki CSS'yi web sitenizin stil sayfasına ekleyerek yazı tipini kullanabilirsiniz: font-family: 'Roboto', sans-serif; "Roboto"yu, kullandığınız Google Web Yazı Tipinin adıyla değiştirin. Hepsi bu kadar!

Google yazı tipi (içerik dağıtım ağının kısaltması), Google yazı tiplerinin çevrimiçi bir kitaplığıdır. Çeşitli yazı tipi aileleri arasından seçim yapmamızı sağlar. Google'ın yazı tipi hakkında daha fazla bilgi için lütfen aşağıdaki bölümlere bakın. Birden fazla Google yazı tipi kullanıyorsanız, bağlantıyı HTML dosyasının başına kopyalamanız ve ardından birden çok Google yazı tipi alanına yapıştırmanız gerekir. İki farklı Google yazı tipi arasından seçim yapın: Comforter ve Open Sans. CSS kurallarına stil vermek için, bunların istendiği gibi görünmelerini sağlamak için öğe seçicileri kullanın. Aşağıdaki snippet'te karşılık gelen bir çıktı olacaktır. Aile ve kategoride Google yazı tiplerini aratarak, tercih ettiğiniz stile karşılık gelen bir yazı tipi oluşturabilirsiniz.

Google Yazı Tiplerini Web Sitenize Eklemenin 3 Yolu

Google yazı tiplerini seçin ve web sitenize ekleyin. Google yazı tiplerinin yüklenmesi, web sitenizde bulunan birkaç seçenekten biridir. Yazı tipi stilini değiştirmek istiyorsanız, Google'a gidin ve yazı tiplerini arayın; ardından yazı tipi kategorisinde ve ailede istediğiniz stili seçin. Yazı tipini seçtikten sonra, yazı tipi bağlantısını kopyalamanız ve HTML dosyanızın baş bölümüne yapıştırmanız gerekir. Google yazı tiplerini başka bir web sitesinden içe aktarmanız gerekiyorsa aşağıdaki adımları izleyin. Google yazı tipi içe aktarma, yazı tipi bağlantısını web sitenizden kopyalamak zorunda kalmadan bir yazı tipi kullanmanıza olanak tanır. Google Fonts'u açıp yazı tipine (bir kartla birlikte) tıklayarak istediğiniz stili seçebilirsiniz. Sağda, Seçilmiş aile etiketli bir kap bulacaksınız. Gömmeniz istendiğinde, yazı tipinin nereye ekleneceğine (HTML veya CSS'de) bağlı olarak bağlantı> veya içe aktar[/bağ] öğesini seçin.