WordPress sitenize Google yazı tipini eklemenin kolay yolları
WordPress sitenize bir Google yazı tipi eklemek ister misiniz? Bu, web yerinizi yenileyebilir ve daha hızlı, modaya uygun ve daha ilginç hale getirebilirsiniz. Google yazı tipinin harika tipografisiyle web’i daha güzel, daha hızlı ve açık hale getirin
Meks tarafından önerilen en iyi barındırma
Tamamen dikkat çeken, WordPress temasının entegre bir Google yazı tipiyle birlikte geldiği durumlar var, bu da en kolay yolu. Sorun buysa, tema bölümümüze gitmelisiniz, çünkü tüm temalarımız Google yazı tipleriyle donatılmıştır, dikkatlice tasarlanmış premium temalarımızdan biri arasında seçim yapın ve yalnızca Gutenberg için tam olarak hazırlanmış en iyi kod kalitesini alacaksınız ve Premium yaratıcı temalar tema kalitesi. Google yazı tipi nedir? “Google yazı tipleri ilk olarak 2010 yılında Web’i ilerletmek ve daha hızlı hale getirmek için bir mühendislik girişimi olarak başlatıldı.” – Google Tasarım
Google Fonts, en büyük ücretsiz web yazı tipi açık kaynak dizinlerinden biridir. Şu anda, web projeniz için seçebileceğiniz 900’den fazla yazı tipi var. Bunu kullanmak için bir lisansa ihtiyacınız yoktur, hızlı bir şekilde yüklenirler, bu da web siteniz için yükleme hızını artırır ve çevrimdışı ve projeler için de kullanabilirsiniz. En iyi tasarımcılardan bazıları bu yazı tipini yapmak için çalışır ve hepimizin sadece en iyi kaliteyi elde ettiğinden emin olur. Bunun yerine, Google yazı tipinin yerel olarak saklanmadığı durumlarda, tarayıcı bilgileri (ad ve sürüm) gibi belirli verileri izlerler.
Google yazı tipinin istendiği web sitesi
İşletim Sistemi ve Ekran Çözünürlüğü Bilgileri
Kullanıcının IP adresi
Tarayıcı Dil Ayarları
Bu GitHub UTAS’taki tüm GDPR uyumluluğunu nasıl yaptığı hakkında daha fazla bilgi edinebilirsiniz.
Neden Google Yazı Tipi Kullanıyor? Google yazı tipi, blogunuzda veya web sitenizde modern ve benzersiz bir görünüm sağlamanın iyi bir ücretsiz yoludur. Sitenizin bir bütün olarak okunabilirliğini, katılımını ve erişilebilirliğini artırırlar. Ve web sitelerinde belirtildiği gibi: Google Fonts, tüm lisansları ve barındırma işlemlerini işler, herhangi bir yazı tipinin en son ve en iyi sürümlerinin herkes için kullanılabilir olmasını sağlar. “Blogunuz veya web siteniz sorunsuz çalışır çünkü Google Yazı Tipi barındırma, en küçük dosyayı alırsınız. Sitenizde kullanmak ve yalnızca yazı tiplerinden en iyi kaliteye ve tasarıma sahip olduğunuzdan emin olun. Google yazı tipinin Web’i nasıl daha hızlı hale getirdiği hakkında daha fazla bilgi edinin.
WordPress web sitesine Google yazı tipini nasıl eklerim? Google yazı tipini entegre eden bir WordPress temasının yanı sıra, blogunuza veya sitenize yüklemek için yapabileceğiniz iki yol daha vardır. Bunlardan biri biraz kodlama ve diğer eklentiler içerir. Ayrıca bkz: Kişisel Marka Sitesi Nasıl Oluşturulur? DIY kılavuzu adım adım
WordPress’e google yazı tipini manuel olarak ekleyerek WordPress tema dosyaları ve biraz kodlama ile bazı oyunlar yapmanızı gerektirir, ancak endişelenmenize gerek yoktur, hiç de zor değildir. Google yazı tiplerini açın ve istediğiniz yazı tipini seçin. Tıklamak, daha fazla yazı tipi ayarlarını ayarlamanıza izin verir ve bitirdikten sonra gömme kodunu kullanmak için alın.
Dikkat etmeniz gereken önemli şey, yazı tiplerini herhangi bir web sitesine entegre etmektir 2 adım gerektirir. 1. Google Yazı Tiplerini Yükle, Google yazı tipi sayfaları bölümünde gördüğünüz Sumber yazı tipi dosyasını yüklemeniz gerekir. Function file.php temanız (veya alt temanız) aşağıdaki kod snippet’lerini ekleyin:
PHP / * Google yazı tiplerini WordPress’e entegre etmek – Örnek */
Add_action (‘wp_enqueue_scripts’, ‘meks_google_font_example’);
işlev meks_google_font_example () {
$ font_href = ‘https://fonts.googleapis.com/css?family=lato&display=swap’;
wp_enqueue_style (‘meks-google-font-example’, $ font_href);
}
1
2
3
4
5
6
7
8
9
10
Add_action (‘wp_enqueue_scripts’, ‘meks_google_font_example’); işlev meks_google_font_example () {)
$ font_href = ‘https://fonts.googleapis.com/css?family=lato&display=swap’;
wp_enqueue_style (‘meks-google-font-example’, $ font_href);
}
Veya SEMAT bölümündeki tüm bağlantı etiketlerini, genellikle header.php tema dosyasında bulunabilen HTML’deki etiketler arasında herhangi bir yere yerleştirebilirsiniz.
2. Google yazı tipini belirli bir öğeye iyi uygulayın İkinci bölüm, sayfada yeni yazı tipinizi kullanması gereken hangi öğe tarayıcısını anlatan CSS kuralıdır. Bu, Google yazı tipinin “CSS’de Belirt” bölümünün noktasıdır. CSS kodlamasına alışık değilseniz biraz karmaşık olabilir, ancak işte en yaygın örnek. Bu CSS kuralı, temadan (veya çocuğun temasından) doğrudan stil.css dosyasına veya aşağıdaki resimde gösterildiği gibi WordPress ayarındaki ek CSS alanına yerleştirilmelidir:
İlk snippet, yeni yazı tipinizi web sitesindeki sıradan metinlere uygularken, ikincisi başlık başlıklarınıza ve öğelerinize yazı tipleri uygulayacaktır.
Tebrikler, WordPress sitenize Google yazı tipini eklediniz, eklenti üzerinden Google yazı tipini manuel olarak ekleyin
Ayrıca bkz: WordPress, marka bilinirliğini oluşturmanıza ve artırmanıza nasıl yardımcı olabilir? Okumadan önce tipografi konuşma için en iyi Google yazı tipi. – Cambridge’in çalışması Sitenize nasıl bir Google yazı tipi ekleyeceğinizi bildikten sonra, kullanabileceğiniz en iyilerden bazılarından bahsedelim. Ve Google yazı tiplerinin kendisinin analitikine ve toplam ekranın 30 trilyondan fazla bir süresine dayanarak, dikkate alınması gereken en iyi 5 Google yazı tipi. 12 farklı stilde gelen dost ve açık bir eğriye sahip sans-serif yazı tipi robotu. Analitik Google yazı tiplerine göre, Roboto 26.000.000’den fazla web sitesinde. Open Sans Open Sans, 10 farklı stilde gelen ve baskı, web ve hücresel arayüzler için optimize edilen bir Sans-Serif yazı tipidir, bu da onu en popüler Google yazı tiplerinden biri haline getirir. Analitik Google yazı tiplerine göre, Open Sans 25.000.000’den fazla web sitesinde. Latin Latin dili (veya Polonya’da yaz), aralarından seçim yapabileceğiniz on farklı stili olan bir başka iyi sans-serif yazı tipi. Çeşitli projelerde kullanılabilecek bir tür kurumsal kuvvete sahiptir. Analitik Google yazı tiplerine göre, Lato 12.000.000’den fazla web sitesinde.
Oswald Oswald, topluluğun çağırmayı sevdiği şey, alternatif sans-serif gotik yazı tiplerinin türü. Altı farklı stilde görünür ve Kiril senaryolarını destekler. Analitik Google yazı tiplerine göre, Oswald 8.300.000’den fazla web sitesinde.
Slabo 27px Slabo 27, çevrimiçi reklamcılık ve diğer web projelerinde kullanılmak üzere oluşturulan bir SANS yazı tipidir. Bu nedenle, kullanımı çok popüler hale getirir. Analitik Google yazı tiplerine göre, Slabo 27px 270.000’den fazla web sitesinde. İşte aldın. Google yazı tipi kullanımı en popüler olanıdır. Farklı bir şey istiyorsanız, aramayı trendlere, üretim süresine veya isme göre daraltabilirsiniz. Yazı tipi popülaritesi, kullanım vb. Buna ek olarak, Google Font kendisi, seçtiğiniz yazı tipiyle popüler bir ortak önerir ve en iyi kombinasyonu üretmenize yardımcı olur. İpucu Bonus Yazı tiplerinin bir kombinasyonu hakkında konuşurken, bunu yapmanın birden fazla yolu var. Size yardımcı olacak bir tasarımcı istemek veya kiralamak istemiyorsanız, kullanabileceğiniz araçlar vardır. FontPair, projeniz için en iyi yazı tiplerini eşleştirmeye yardımcı olan harika bir tipografik sitedir. Bu, kaynağa bağlantılarla güzel yazı tipi çiftlerinin somut örneklerini toplar. Bu seçeneğe ek olarak, popüler Google yazı tiplerini de arayabilir ve Fontpair tarafından yapılan çiftlerin tüm tavsiyelerini görebilirsiniz. Bir öncekine benzer şekilde, kullanım için çok iyi olan başka bir yazı tipi kombinasyon aracı cesur web tasarımıdır. Bu, en kolay erişilebilir ve ilginç çiftler için yazı tiplerini birleştirmenize yardımcı olur. Umarım bu kılavuz WordPress sitenize Google yazı tipini eklemenize ve doğru olanı seçmenize yardımcı olur. Bununla birlikte, sadece güzel ve kullanışlı değil, aynı zamanda yararlı ve kolayca yaklaşılan yazı tiplerine ihtiyacınız olduğunu unutmayın -daha fazlası bu kolay -erişim Tasarım İpuçları makalesinde tartıştığımız. Bu makaleyi arkadaşlarınızla paylaşmaktan çekinmeyin ve hangi Google yazı tipini favoriniz olduğunu söyleyin?
