WordPress sitenize bir Google yazı tipi nasıl eklenir
Web sitesinin görünümü ve hissi, ziyaretçilerin dikkatini çekmek ve sürdürmek için çok önemlidir. Bir web sitesindeki içeriğe metin, resim veya medya hakim olabilir. Metin, kullanıldığında, çok ya da biraz olsun, dikkatlice seçilmelidir. Tipografi, web sitesinin genel görünümünde ve hissinde önemli bir rol oynamaktadır. Varsayılan yazı tipleri tarayıcıda kullanılabilir ve dosya style.css genellikle görüntülenecek bu yazı tipine erişir. Bu, hiçbir varyasyon olmadığı anlamına gelir ve bu web sitesinin heyecanlı olmamasıdır. Ama böyle olmak zorunda değil. Web sitenizi olağanüstü ve benzersiz kılan yazı tiplerini seçebilirsiniz. Bazen, yazı tipleri bir web sitesinin belirleyicisi bile olabilir.
Tüm yazı tiplerinin iki türden birine dahil edildiğini bilmek yararlı olabilir, bu da yazı tipinin ana grafiti veya sans-serif’in sonunda ek bir çizgi veya kıvrıma sahip olduğu anlamına gelir, bu da çizgi veya bukleler olmadan. Bir yazı tipi seçme Fontsquirrel gibi iyi görünen yazı tiplerine erişebileceğiniz birçok yer vardır. Bu kaynağa eklenen lisansın bunu amacınız için kullanmanıza izin verip vermediğini kontrol edin. Genellikle web sitesinde kullandığınız tema kendi yazı tipi ile birlikte gelir ve gerçekten iyi kullanmalısınız. TypeKit’ten premium yazı tipleri de satın alabilirsiniz.
Bir yazı tipi seçerken, ruh haliniz veya kitle hedef kitlenizle uyumlu bir stil kullanın. Örneğin Playschool web sitesi, çocukların el yazısı gibi görünen yazı tiplerini kullanabilir. İki stili birleştirirseniz, kalın ve ince gibi tersini seçin. En önemlisi, yazı tipleri okunmalıdır. Mevcut temalara Google yazı tipleri eklemek iyi bir fikir olmayabilir, çünkü Google yazı tiplerini eklemek için tema tarafından sağlanan filtreyi ve kancaları kullanmanız gerekir. Bu nedenle, Google’ın düzenli olarak güncellenen büyük bir yazı tipi kütüphanesi vardır. Bu öğreticide, web sitenizle nasıl entegre edeceğinizi öğreneceksiniz. Yazı tiplerini seçtikten sonra, ekleme yöntemi değişir,
Bir yöntem, yazı tipi dosyalarını indirmenizi gerektirir ve bu sunucu alanını harcayabilir. Ayrıca tüm yazı tipi dosyaları tüm tarayıcılarla uyumlu değildir.
Başka bir yöntem, harici komut dosyasını sitenize bağlamak için enqueue betiğini kullanmanızı gerektirir.
Eklentiler Google yazı tiplerini eklemek için kullanılabilir.
Yöntem 1: Google Yazı Tipi Kodu Kullanarak Ekle, Google yazı tiplerini entegre etme yöntemi bazı düzenleme temalarını içereceğinden, güncellemeler sırasında kayıp değişiklikleri önlemek için bir çocuğun temasında çalışmak isteyebilirsiniz.
Tarayıcınızdaki Google Yazı Tipleri sayfasını açın ve orada bulunan yazı tipi seçeneklerini kontrol edin. Ne istediğinizi bulduğunuzda, yazı tipi stilinin koleksiyonuna ekle düğmesini tıklayın. Bu öğretici için, 700 ve 400 ağırlığıyla dans eden senaryo stilini seçtim. Birden fazla yazı tipi stili seçebilirsiniz. Bu durumda, bazı yazı tipi stillerini ‘|’ ile birleştirin sembol. Yazı tipi stilinin adı birkaç kelime kullanıyorsa, kelimeler arasına ‘+’ ekleyin. Ekranınızın altına bir açılır. Seçtiğiniz tüm yazı tipi stilleri pop-up’da görüntülenir.
Ardından, sağdaki kullanım düğmesini tıklayın. Yazı tipinin ağırlığını seçebileceğiniz diğer sayfalar açılacaktır. Sağdaki düğme, her yazı tipinin stili ve ağırlığı için web sitesini yükleme hızını gösterir. Birden fazla yazı tipi kuvveti eklerseniz, dönme aynı anda tüm yazı tipi kuvvetleri için toplam bir hız görüntüler. Bu ekranda, seçtiğiniz dil için özel bir karakter de ekleyebilirsiniz.
wp_register_style (‘GoogleFonts’,
‘http://fonts.googleis.com/css?family=Dancing+script:400,700’);
wp_enqueue_style (‘GoogleFonts’);
}
Add_action (‘wp_enqueue_scripts’, ‘load_fonts’); Bu bittikten sonra dosyayı kaydedin. Bu eylemle, kod başlıya girilirken, çocuğun teması Header.php’yi üst düzeyden devralmaya devam eder. Bu yöntem, temanızın taşınabilirliğini artıracak ve eklentilerle uyumlu tutacaktır. Yalnızca bir adım kaldı – Google yazı tipini CSS’nize entegre etti.
Yani, ana CSS stil sayfanıza devam edin ve Font Ailesi Deklarasyonunu böyle ekleyin,
Gövde {
Yazı tipi ailesi: ‘dans+senaryo’, sans-serif;
Renk: #191919;
} Benzer şekilde, diğer öğelere aynı stil biçimlendirmesini uygulayabilir ve CSS dosyanızı kaydedebilirsiniz. Şimdi, web sitesinin seçtiğiniz yazı tipleriyle güncellendiğini göreceksiniz. JavaScript sekmesini tıklayarak ortaya çıkan kodu kullanmayı seçerseniz, baş etiketini açtıktan hemen sonra kodu header.php üzerine yapıştırın. Yöntem 2: Daha önce de belirttiğim gibi, eklenti ile Google yazı tipi ekleyin, eklenti kullanarak Google yazı tipleri de ekleyebilirsiniz. Bu eklentiyi kurmak ve etkinleştirmek oldukça kolaydır. Ancak bazı eklentilerle doğru yazı tipini seçmek oldukça zor olabilir, çünkü CSS olarak ayarlanması gerekebilir. Google yazı tipleri de dahil olmak üzere web sitenize yazı tipleri eklemeye yardımcı olan birçok eklenti vardır. Bazı isimler-FontMeister, Supreme Google Webfonts, TypeCase Web Fontları, Google Web Fonts Manager için. Google yazı tiplerini eklemeye yardımcı olacak iki popüler eklentiye daha yakından bakalım. WP Google Yazı Tipi
WP Google Yazı Tipleri Web sitenize gerekli kodu ekleyin. Bu, Google Fonts dizininden yazı tipleri iki şekilde eklemenize yardımcı olur –
Yönetici panelinin içinden, Google yazı tipini web sitenizdeki belirli CSS öğelerine ayarlayabilirsiniz.
Veya kendi stil sayfası temanızdan çalışabilirsiniz.
Ayarlar sayfasındaki seçeneği kontrol ederek yazı tipini iyi ayarlayabilirsiniz.Ancak, Kaydet düğmesine basmadan önce yazı tipi önizlemesini görme seçeneği yoktur.En fazla 6 ayarı saklamak ve 6 farklı etikete ayarlamak mümkündür.Eklenti, yazı tipi Google yazı tipi kitaplığına ne zaman ve eklendiğinde güncellenir.Bu 100.000’den fazla aktif kurulum kaydeder, ancak bu rahatsız edicidir, diğer hizmetler için reklamlar eklentilerle birlikte toplanmıştır.Bu 3.9 yıldız sıralaması çekiyor. Google kolay
