WordPress’te yazı tipleri, yazı tipi renkleri ve yazı tipi boyutu nasıl değiştirilir [Güncelleme 2021]
Dört yazı tipi bir bara yürür. Barmen, “Oi – dışarı! Burada türünüzü istemiyoruz ‘. Sadece yazı tiplerini takip etmeyi seviyorum. Toplamayı seviyorum, bir gün bir sunumda veya sitede kullanacağımı düşünüyorum. Ama ebedi bir ikilemim var: Onu nasıl eşleştireceğimi bilmiyorum. Ama kesin bir şey var: Arial ve Times New Roman açıkça benim tipim değil. Tipinizi buldunuz mu? Renk, tekrar incin. Ayrıca burada ve burada farklı renk paletlerini ve kombinasyonunu izlemeyi seviyorum, ancak bir site veya sunum için bir renk kombinasyonu seçmek istediğimde, her zaman bir seçim paradoksuna hapsolmuşum …
Şimdi, bunu okuyabilirsiniz çünkü sıkışıp kalmışsınızdır. Ve mevcut WordPress temanızın yazı tipinden ve renginden memnun değilsiniz. Bu, ikimizin de bir yardım eline ihtiyacımız olduğu anlamına gelir. Böylece, bazı kazılar yaptım ve size WordPress’te nasıl değiştireceğinizi göstereceğim. Ama bundan da öte, daha iyi bir renk ve yazı tipi seçimi yapmanız için size rehberlik edeceğim. Kabul? Teknik bölümle başlayacağım, sonra yazı tipini yüklemenin ve rengi seçmenin yolunu gireceğim. Hadi gidelim. Özelleştirici WordPress yazı tipi global temasında global yazı tipleri, yazı tipi boyutu ve yazı tipi renkleri nasıl değiştirilir tüm web sitelerini etkiler. Yani, burada yaptığınız her değişiklik web sitenizdeki tüm yazı tiplerini etkileyecektir. Bu, işinizi daha kolay hale getirir. Örneğin, sayfalar arasında ileri geri hareket etmek ve ana başlık yazı tipini değiştirmek yerine, bu değişikliği küresel tipografik düzenlemeler aracılığıyla toplu olarak yapabilirsiniz.
Devam etmeden önce, yazı tipi boyutunun yazı tipinin yüksekliğini ifade ettiğini açıklığa kavuşturmak istiyorum. Şimdi özelleştirici temasına gidelim. Şimdi, küresel yazı tipi ayarı bir temadan diğerine biraz farklı. Örneğimde, Colibri temasını Colibri sayfa yapımcısı ile birlikte kullanıyorum. Aşağıdaki adımlar: WordPress Yönetici Gösterge Tablosunu girin,
İmleci “görünüm” e yönlendirin,
“Ayarla” ı seçin,
“Genel Ayarlar” a gidin,
“Tipografi” yi seçin.
Bu bölümde: Ayarlar başlığı. Web tasarımında 6 tür başlık vardır. H1 en önemlisidir, H6 en önemlisidir. Bu seviyede, varsayılan boyut, ağırlık (veya kalınlık), yazı tipi türü ve rengi değiştirebilirsiniz. Örneğin H2 renginizi değiştirdiğinizde, değişiklikleri yayınladığınızda sitenizdeki tüm H2 başlıkları rengi değiştirir.
İçerik metnini ayarlayın. Başlıklar veya bağlantılar olmayan tüm metinler içerik metni olarak kabul edilir. Tıpkı yukarıdakiler gibi, yazı tipleri, ağırlık ve renkle oynayabilirsiniz. Bağlantısı olan metni ayarlayın. Bağlantı yönlendirildiğinde veya tıklandığında/ziyaret edildiğinde isterseniz rengi veya dekorasyonu (örneğin: alt çizgiyi) değiştirebilirsiniz.
Başlıklar, içerik metni ve bağlantı metni için, metin satırının yüksekliğinde harfler arasındaki mesafeyi belirlemenizi sağlayan birkaç gelişmiş ayarınız da vardır. Colibri temasında 200’den fazla yazı tipi var … Oldukça fazla değil mi? Şimdi, çok fazla yazı tipini karıştırmamak ve kullanımında tutarlı olmamak önemlidir. Ancak daha sonra en iyi vaka uygulamalarından bazılarını tartışacağız.
Bir başka önemli şey, yazı tipi boyutunun hesaplanma şeklidir. Bunu şimdi fark etmiş olabilirsiniz: Yazı tipi boyutu piksel (“PX”), “Fren” veya “EM” olarak hesaplanabilir. “Pixel (PX)”, tarayıcıya belirttiğiniz yüksek piksel sayısını doğru harf sayısını oluşturmasını söyleyen statik bir değerdir. “EM” ve “fren” değerleri, boşaltılabilen veya göreceli değerlerdir. Sonunda, “em” ve “fren” değerleri tarayıcı tarafından piksel değerlerine çevrilecektir. Tarayıcı her zaman 10 piksel olarak 10 piksel olarak tanıysa da, “fren” ve “EM” boyutları değişebilir.
“EM” ünitesini kullanırken, aldığınız piksel değeri, düzenlenen öğe üzerindeki yazı tipi boyutunun çarpılmasıdır. “Fren” yazı tipinin ölçümü, kök öğe yazı tipinin boyutunu veya varsayılan yazı tipi boyutu değerini temsil eder. Çoğu zaman, bu varsayılan boyut 16px’dir. Ne anlama geliyor? H1 için 2 “fren” ayarladığınızda, bu, varsayılandan iki kat daha yüksek olacağı anlamına gelir. Şimdi, bir başka önemli şey, kökünün tarayıcıdaki ayarların yazı tipi boyutunu devralmasıdır. Umarım şimdi kafanda kaos yapmam. Biraz basitleştirmek için, herhangi bir varsayılan boyutu bilmenize bile gerek yoktur. İstenen boyuta ulaşana kadar “EM” veya “fren” ölçümüyle oynayabilirsiniz. Ve sonra, başlık boyutunu ve diğer paragrafları dengeleyebilirsiniz. Bu ölçüm piksellerden tercih edilir, çünkü tasarıma ve yanıt verebilirlik nedeniyle tutarlılık taşır. Çeşitli cihazlarda ek stillere ihtiyaçları olmayacaktır. Şimdi, yazı tipi rengine biraz geri dönelim. Bahsettiğim gibi, “Tipografi” de başlık, metin ve bağlantılarda renk değişiklikleri yapabilirsiniz. Özel renkleri seçebilir veya kendi renk kodunuzu (HEX veya RGB aracılığıyla) tanıtabilirsiniz. Ayrıca, temanın şu anda küresel bir renk şeması var. Daha fazla renk ekleyebilir veya diğer renk şemalarına tamamen geçebilirsiniz. Seçeneklerinizi görmek için “diğer şemayı” açmanız yeterlidir.
Şimdi, tüm küresel tipografik ayarları yaptığınızı söyleyin. Bir yazı tipi ailesine, yazı tipi boyutuna, kullanacağınız başlık türüne ve renge karar verirsiniz. Şimdi ne var? H1 veya paragrafa metin nasıl ayarlayabilirsiniz?
Bunu bir sonraki bölümde tartışacağız. WordPress’te yerel yazı tipi değişiklikleri nasıl yapılır (iç sayfalar ve/veya yayınlar) metnin birkaç bölümünü “paragraflar”, “h1 başlığı”, “h2 başlığı”, vb. Bazen metin ve çeşitli ilgi alanlarını ayırt etmek için yeterli. Bu seçenek yayınlar ve sayfalar için kullanılabilir. WordPress temasının ayarlanması sırasında temaların ayarlanmasında değişiklik yapın, devam edin ve web sitesi önizlemesindeki metin bölümünü seçin. Unutmayın, hala Colibri sayfa üreticisini kullanıyoruz. Bu, diğer sayfa yapımcılarında biraz farklı olabilir. Örneğimde ana başlığı seçtim. Solda, “gölgelik” düzenleme menü seçeneğini göreceğim. Şimdi H1’den diğer başlık türlerine geçebilirim. Bir parça metin eklemek istersem, başlık değil, ayarlamaya gidebilir ve “metin” bileşenini ekleyebilirim. Web sitesi önizlemesinde, yazı tipi boyutu, yazı tipi rengi, ağırlık ve yazı tiplerinde değişikliklere izin verecek bir düzenleme seçeneği de olacaktır. Ayrıca, soldaki menüden, varsayılan küresel tipografiyi dışlayabilecek ek değişiklikler yapabilirsiniz. Burada şunlar olabilirsiniz: Yazı tipinin rengini değiştirin,
metnin gölgesini değiştir, Yazı tipi boyutunu değiştirin,
mesafeyi ve sınırı ayarlayın,
Etkileri uygulayın (solma, kaydırma, büyütme vb.),
Metnin mobil cihazda da görünüp görünmeyeceğine karar verin (“Duyarlı” seçeneği altında). Yeni bir başlık eklemek istiyorsanız, aynı grafiği takip etmelisiniz: “Başlık” bileşenini ekleyin, o zaman yukarıdaki ile aynı düzenlemeyi yapabilirsiniz. Varsayılan WordPress (Gutenberg) düzenleyicisinde yazı tipi değişiklikleri yapın, varsayılan WordPress düzenleyicisini kullanarak blog yazısındaki metinde bazı yazı tipi değişiklikleri yapalım. Aşağıdaki adımlar:
WordPress kontrol panelinden “Tüm Mesajlar” ı seçin,
İmleci yazı başlığına yönlendirin,
“Düzenle” yi seçin,
İmleci bir metne işaret edin,
Görünen araç çubuğundan, metin, kalınlık seviyesini değiştirebilir ve ayrıca metin türünü belirleyebilirsiniz: paragraftan H6’ya.
Sağdaki menüden yazı tipi renginde değişiklik yapabilirsiniz. Rengi önerilenlerden seçebilir veya özel bir renk ayarlayabilirsiniz. Tamamlandıktan sonra “Güncelleme” ve “Yayınlama” tuşuna basmayı unutmayın. WordPress Classic Editor’da yazı tipi değişiklikleri önceki bölümde olduğu gibi ilk adımda yapın:
WordPress kontrol panelinden “Tüm Mesajlar” ı seçin,
İmleci yazı başlığına yönlendirin, “Düzenle” yi seçin, İmleci bir metne işaret edin,
Görünen araç çubuğundan, metin, kalınlık seviyesini değiştirebilir ve ayrıca metin türünü belirleyebilirsiniz: paragraftan H6’ya. Ayrıca sıralı bir liste de yapabilirsiniz (sayı veya noktalarla anlam).
Değişikliklerinizi güncelleyin ve yayınlayın.
Oldukça kolay. CSS Modifikasyonu ile değiştirin Şimdi, küresel tipografinizi düzenlediğiniz belirli bir sayfada değiştirmek istediğinizi söyleyin. Bu yöntem birkaç CSS gerektirir. CSS web sitesini 2 şekilde değiştirebilirsiniz:
Style.css editör WordPress dosyasında (ekran -> editör) -T çok önerilmez.
Veya özelleştirici temanızın ek CSS bölümünde.
Belirli kimlikleri, sınıfları veya diğer öğeleri etkileyebilirsiniz. Ancak bir CSS hayranıysanız, uygulamayı bileceksiniz. Özelleştirici temanız çok fazla tipografi veya metin rengi değişiklik yapmanıza izin vermediğinde, WordPress eklentilerini kullanarak tipografik bir değişiklik yapmak, başka ne yapabilirsiniz? WordPress eklentilerini kullanın. Şimdi, kendi özel yazı tipinizi herhangi bir formatta yüklemek istediğinizi söyleyin. Sizin için bir eklenti tavsiyem var: Herhangi bir yazı tipini kullanın. 200.000’den fazla aktif kurulum var. Bu, IE, Edge, Firefox, Chrome, Safari, iOS, Android, Opera vb. Sevdiğim başka bir eklenti Font Awesome. Bu eklenti, size bir simge kullanma fırsatı vererek biraz renklendirir. Bu simgeler metin gibi davranır. Boyutunu, rengini değiştirebilirsiniz. Ne kadar serin? Font Awesome, WordPress’in içinde veya dışında dünyanın dört bir yanındaki binlerce web tasarımcısı tarafından kullanılan harika bir metin kütüphanesidir. WordPress’teki yazı tiplerini ve yazı tiplerini neden ve ne zaman değiştirmelisiniz? En iyi vaka uygulaması. Yazı tipinizi değiştirirken hatırlamanız gereken küçük bir kontrol listesi: Hattın yüksekliğini akıllıca kullanın (metnin iki satırı arasındaki dikey boşluk). Uygunsuz satır yüksekliği, web sitenizin metninin okunabilirliği üzerinde olumsuz bir etkiye sahip olabilir. Çizginin yüksekliği de tasarımı artırabilir ve tipografiye belirli bir ritim verebilir. Burada daha fazla konu yok. Bir metinde harfler arasında bir alan olan Kerning’i düşünmelisiniz. Yeterli harf alanları daha görsel olarak çekici metin üretecek ve okunabilirliği artıracaktır.
Yazı tipi boyutu dönüşümü etkiler. Dönüşüm seviyesini artırmak için ideal bir yazı tipi olmamasına rağmen, birkaç yazı tipi varyantını test etmelisiniz. Numara yazılımı, yazı tipi boyutunu Arial 10PT’den ARIAL 13 PT’ye değiştirdi, bu da%133 dönüşüm oranında bir artış sağladı. Yazı tipi psikolojik çıkarımlar getirdi. Kang ve Choi, web sayfalarının performansını%27 artıran kalın tipografiye döndü.
Yazı tiplerinin ağırlığı ile ilgili olarak, orta yazı tipinin okunması en kolay olduğu bulunmuştur.
Yazı tipi kurulumunuza dikkat edin, işte bu konunun nasıl anlaşılacağı konusunda bir rehber.
Hangi yazı tiplerinin en yaygın olarak kullanıldığını görmek için, yazı tipi kullanımının dağılımı hakkındaki bu çalışmayı kontrol edin.
Bir diğer önemli husus, en iyi yükleme süresine sahip yazı tipleri bulmaktır. En iyi 10 yazı tipini ve sayfanın yükleme süresini görmek için bu çalışmayı kontrol edin.
Renklerin birlikte nasıl çalıştığını ve web tasarımında çevreleyen psikolojiyi anlayın.
Çalışmaya başlayalım ve bu yöntemin WordPress’teki yazı tiplerini değiştirmenize, yazı tipi rengini ve yazı tipi boyutunu en iyi şekilde ayarlamanıza yardımcı olacağını umarak yazı tipi boyutumuzu değiştirelim. En kullanışlı olduğunu düşündüğünüz ve sizin tarafınızdan da erişilebilecek olanı seçin. Farklı yazı tiplerini ve farklı yazı tipi boyutlarını deneyin, ancak tipografinin tüm web sitelerinde tutarlılık prensibine uyduğundan emin olun. Şimdi, bu makaleyi beğendiyseniz ve bir WordPress web sitesi nasıl tasarlayacağınız hakkında daha fazla bilgi edinmek istiyorsanız, YouTube kanalımıza abone olduğunuzdan ve bizi Twitter ve Facebook’ta takip ettiğinizden emin olun!
Şimdi, bunu okuyabilirsiniz çünkü sıkışıp kalmışsınızdır. Ve mevcut WordPress temanızın yazı tipinden ve renginden memnun değilsiniz. Bu, ikimizin de bir yardım eline ihtiyacımız olduğu anlamına gelir. Böylece, bazı kazılar yaptım ve size WordPress’te nasıl değiştireceğinizi göstereceğim. Ama bundan da öte, daha iyi bir renk ve yazı tipi seçimi yapmanız için size rehberlik edeceğim. Kabul? Teknik bölümle başlayacağım, sonra yazı tipini yüklemenin ve rengi seçmenin yolunu gireceğim. Hadi gidelim. Özelleştirici WordPress yazı tipi global temasında global yazı tipleri, yazı tipi boyutu ve yazı tipi renkleri nasıl değiştirilir tüm web sitelerini etkiler. Yani, burada yaptığınız her değişiklik web sitenizdeki tüm yazı tiplerini etkileyecektir. Bu, işinizi daha kolay hale getirir. Örneğin, sayfalar arasında ileri geri hareket etmek ve ana başlık yazı tipini değiştirmek yerine, bu değişikliği küresel tipografik düzenlemeler aracılığıyla toplu olarak yapabilirsiniz.
Devam etmeden önce, yazı tipi boyutunun yazı tipinin yüksekliğini ifade ettiğini açıklığa kavuşturmak istiyorum. Şimdi özelleştirici temasına gidelim. Şimdi, küresel yazı tipi ayarı bir temadan diğerine biraz farklı. Örneğimde, Colibri temasını Colibri sayfa yapımcısı ile birlikte kullanıyorum. Aşağıdaki adımlar: WordPress Yönetici Gösterge Tablosunu girin,
İmleci “görünüm” e yönlendirin,
“Ayarla” ı seçin,
“Genel Ayarlar” a gidin,
“Tipografi” yi seçin.
Bu bölümde: Ayarlar başlığı. Web tasarımında 6 tür başlık vardır. H1 en önemlisidir, H6 en önemlisidir. Bu seviyede, varsayılan boyut, ağırlık (veya kalınlık), yazı tipi türü ve rengi değiştirebilirsiniz. Örneğin H2 renginizi değiştirdiğinizde, değişiklikleri yayınladığınızda sitenizdeki tüm H2 başlıkları rengi değiştirir.
İçerik metnini ayarlayın. Başlıklar veya bağlantılar olmayan tüm metinler içerik metni olarak kabul edilir. Tıpkı yukarıdakiler gibi, yazı tipleri, ağırlık ve renkle oynayabilirsiniz. Bağlantısı olan metni ayarlayın. Bağlantı yönlendirildiğinde veya tıklandığında/ziyaret edildiğinde isterseniz rengi veya dekorasyonu (örneğin: alt çizgiyi) değiştirebilirsiniz.
Başlıklar, içerik metni ve bağlantı metni için, metin satırının yüksekliğinde harfler arasındaki mesafeyi belirlemenizi sağlayan birkaç gelişmiş ayarınız da vardır. Colibri temasında 200’den fazla yazı tipi var … Oldukça fazla değil mi? Şimdi, çok fazla yazı tipini karıştırmamak ve kullanımında tutarlı olmamak önemlidir. Ancak daha sonra en iyi vaka uygulamalarından bazılarını tartışacağız.
Bir başka önemli şey, yazı tipi boyutunun hesaplanma şeklidir. Bunu şimdi fark etmiş olabilirsiniz: Yazı tipi boyutu piksel (“PX”), “Fren” veya “EM” olarak hesaplanabilir. “Pixel (PX)”, tarayıcıya belirttiğiniz yüksek piksel sayısını doğru harf sayısını oluşturmasını söyleyen statik bir değerdir. “EM” ve “fren” değerleri, boşaltılabilen veya göreceli değerlerdir. Sonunda, “em” ve “fren” değerleri tarayıcı tarafından piksel değerlerine çevrilecektir. Tarayıcı her zaman 10 piksel olarak 10 piksel olarak tanıysa da, “fren” ve “EM” boyutları değişebilir.
“EM” ünitesini kullanırken, aldığınız piksel değeri, düzenlenen öğe üzerindeki yazı tipi boyutunun çarpılmasıdır. “Fren” yazı tipinin ölçümü, kök öğe yazı tipinin boyutunu veya varsayılan yazı tipi boyutu değerini temsil eder. Çoğu zaman, bu varsayılan boyut 16px’dir. Ne anlama geliyor? H1 için 2 “fren” ayarladığınızda, bu, varsayılandan iki kat daha yüksek olacağı anlamına gelir. Şimdi, bir başka önemli şey, kökünün tarayıcıdaki ayarların yazı tipi boyutunu devralmasıdır. Umarım şimdi kafanda kaos yapmam. Biraz basitleştirmek için, herhangi bir varsayılan boyutu bilmenize bile gerek yoktur. İstenen boyuta ulaşana kadar “EM” veya “fren” ölçümüyle oynayabilirsiniz. Ve sonra, başlık boyutunu ve diğer paragrafları dengeleyebilirsiniz. Bu ölçüm piksellerden tercih edilir, çünkü tasarıma ve yanıt verebilirlik nedeniyle tutarlılık taşır. Çeşitli cihazlarda ek stillere ihtiyaçları olmayacaktır. Şimdi, yazı tipi rengine biraz geri dönelim. Bahsettiğim gibi, “Tipografi” de başlık, metin ve bağlantılarda renk değişiklikleri yapabilirsiniz. Özel renkleri seçebilir veya kendi renk kodunuzu (HEX veya RGB aracılığıyla) tanıtabilirsiniz. Ayrıca, temanın şu anda küresel bir renk şeması var. Daha fazla renk ekleyebilir veya diğer renk şemalarına tamamen geçebilirsiniz. Seçeneklerinizi görmek için “diğer şemayı” açmanız yeterlidir.
Şimdi, tüm küresel tipografik ayarları yaptığınızı söyleyin. Bir yazı tipi ailesine, yazı tipi boyutuna, kullanacağınız başlık türüne ve renge karar verirsiniz. Şimdi ne var? H1 veya paragrafa metin nasıl ayarlayabilirsiniz?
Bunu bir sonraki bölümde tartışacağız. WordPress’te yerel yazı tipi değişiklikleri nasıl yapılır (iç sayfalar ve/veya yayınlar) metnin birkaç bölümünü “paragraflar”, “h1 başlığı”, “h2 başlığı”, vb. Bazen metin ve çeşitli ilgi alanlarını ayırt etmek için yeterli. Bu seçenek yayınlar ve sayfalar için kullanılabilir. WordPress temasının ayarlanması sırasında temaların ayarlanmasında değişiklik yapın, devam edin ve web sitesi önizlemesindeki metin bölümünü seçin. Unutmayın, hala Colibri sayfa üreticisini kullanıyoruz. Bu, diğer sayfa yapımcılarında biraz farklı olabilir. Örneğimde ana başlığı seçtim. Solda, “gölgelik” düzenleme menü seçeneğini göreceğim. Şimdi H1’den diğer başlık türlerine geçebilirim. Bir parça metin eklemek istersem, başlık değil, ayarlamaya gidebilir ve “metin” bileşenini ekleyebilirim. Web sitesi önizlemesinde, yazı tipi boyutu, yazı tipi rengi, ağırlık ve yazı tiplerinde değişikliklere izin verecek bir düzenleme seçeneği de olacaktır. Ayrıca, soldaki menüden, varsayılan küresel tipografiyi dışlayabilecek ek değişiklikler yapabilirsiniz. Burada şunlar olabilirsiniz: Yazı tipinin rengini değiştirin,
metnin gölgesini değiştir, Yazı tipi boyutunu değiştirin,
yazı tiplerini değiştir,
Metninizdeki gelişmiş kuvvetlerde, yüzen bir duruma karşı normal koşullar altında değişiklikler yapın,
mesafeyi ve sınırı ayarlayın,
Etkileri uygulayın (solma, kaydırma, büyütme vb.),
Metnin mobil cihazda da görünüp görünmeyeceğine karar verin (“Duyarlı” seçeneği altında). Yeni bir başlık eklemek istiyorsanız, aynı grafiği takip etmelisiniz: “Başlık” bileşenini ekleyin, o zaman yukarıdaki ile aynı düzenlemeyi yapabilirsiniz. Varsayılan WordPress (Gutenberg) düzenleyicisinde yazı tipi değişiklikleri yapın, varsayılan WordPress düzenleyicisini kullanarak blog yazısındaki metinde bazı yazı tipi değişiklikleri yapalım. Aşağıdaki adımlar:
WordPress kontrol panelinden “Tüm Mesajlar” ı seçin,
İmleci yazı başlığına yönlendirin,
“Düzenle” yi seçin,
İmleci bir metne işaret edin,
Görünen araç çubuğundan, metin, kalınlık seviyesini değiştirebilir ve ayrıca metin türünü belirleyebilirsiniz: paragraftan H6’ya.
Sağdaki menüden yazı tipi renginde değişiklik yapabilirsiniz. Rengi önerilenlerden seçebilir veya özel bir renk ayarlayabilirsiniz. Tamamlandıktan sonra “Güncelleme” ve “Yayınlama” tuşuna basmayı unutmayın. WordPress Classic Editor’da yazı tipi değişiklikleri önceki bölümde olduğu gibi ilk adımda yapın:
WordPress kontrol panelinden “Tüm Mesajlar” ı seçin,
İmleci yazı başlığına yönlendirin, “Düzenle” yi seçin, İmleci bir metne işaret edin,
Görünen araç çubuğundan, metin, kalınlık seviyesini değiştirebilir ve ayrıca metin türünü belirleyebilirsiniz: paragraftan H6’ya. Ayrıca sıralı bir liste de yapabilirsiniz (sayı veya noktalarla anlam).
Değişikliklerinizi güncelleyin ve yayınlayın.
Oldukça kolay. CSS Modifikasyonu ile değiştirin Şimdi, küresel tipografinizi düzenlediğiniz belirli bir sayfada değiştirmek istediğinizi söyleyin. Bu yöntem birkaç CSS gerektirir. CSS web sitesini 2 şekilde değiştirebilirsiniz:
Style.css editör WordPress dosyasında (ekran -> editör) -T çok önerilmez.
Veya özelleştirici temanızın ek CSS bölümünde.
Belirli kimlikleri, sınıfları veya diğer öğeleri etkileyebilirsiniz. Ancak bir CSS hayranıysanız, uygulamayı bileceksiniz. Özelleştirici temanız çok fazla tipografi veya metin rengi değişiklik yapmanıza izin vermediğinde, WordPress eklentilerini kullanarak tipografik bir değişiklik yapmak, başka ne yapabilirsiniz? WordPress eklentilerini kullanın. Şimdi, kendi özel yazı tipinizi herhangi bir formatta yüklemek istediğinizi söyleyin. Sizin için bir eklenti tavsiyem var: Herhangi bir yazı tipini kullanın. 200.000’den fazla aktif kurulum var. Bu, IE, Edge, Firefox, Chrome, Safari, iOS, Android, Opera vb. Sevdiğim başka bir eklenti Font Awesome. Bu eklenti, size bir simge kullanma fırsatı vererek biraz renklendirir. Bu simgeler metin gibi davranır. Boyutunu, rengini değiştirebilirsiniz. Ne kadar serin? Font Awesome, WordPress’in içinde veya dışında dünyanın dört bir yanındaki binlerce web tasarımcısı tarafından kullanılan harika bir metin kütüphanesidir. WordPress’teki yazı tiplerini ve yazı tiplerini neden ve ne zaman değiştirmelisiniz? En iyi vaka uygulaması. Yazı tipinizi değiştirirken hatırlamanız gereken küçük bir kontrol listesi: Hattın yüksekliğini akıllıca kullanın (metnin iki satırı arasındaki dikey boşluk). Uygunsuz satır yüksekliği, web sitenizin metninin okunabilirliği üzerinde olumsuz bir etkiye sahip olabilir. Çizginin yüksekliği de tasarımı artırabilir ve tipografiye belirli bir ritim verebilir. Burada daha fazla konu yok. Bir metinde harfler arasında bir alan olan Kerning’i düşünmelisiniz. Yeterli harf alanları daha görsel olarak çekici metin üretecek ve okunabilirliği artıracaktır.
Yazı tipi boyutu dönüşümü etkiler. Dönüşüm seviyesini artırmak için ideal bir yazı tipi olmamasına rağmen, birkaç yazı tipi varyantını test etmelisiniz. Numara yazılımı, yazı tipi boyutunu Arial 10PT’den ARIAL 13 PT’ye değiştirdi, bu da%133 dönüşüm oranında bir artış sağladı. Yazı tipi psikolojik çıkarımlar getirdi. Kang ve Choi, web sayfalarının performansını%27 artıran kalın tipografiye döndü.
Yazı tiplerinin ağırlığı ile ilgili olarak, orta yazı tipinin okunması en kolay olduğu bulunmuştur.
Yazı tipi kurulumunuza dikkat edin, işte bu konunun nasıl anlaşılacağı konusunda bir rehber.
Hangi yazı tiplerinin en yaygın olarak kullanıldığını görmek için, yazı tipi kullanımının dağılımı hakkındaki bu çalışmayı kontrol edin.
Bir diğer önemli husus, en iyi yükleme süresine sahip yazı tipleri bulmaktır. En iyi 10 yazı tipini ve sayfanın yükleme süresini görmek için bu çalışmayı kontrol edin.
Renklerin birlikte nasıl çalıştığını ve web tasarımında çevreleyen psikolojiyi anlayın.
Çalışmaya başlayalım ve bu yöntemin WordPress’teki yazı tiplerini değiştirmenize, yazı tipi rengini ve yazı tipi boyutunu en iyi şekilde ayarlamanıza yardımcı olacağını umarak yazı tipi boyutumuzu değiştirelim. En kullanışlı olduğunu düşündüğünüz ve sizin tarafınızdan da erişilebilecek olanı seçin. Farklı yazı tiplerini ve farklı yazı tipi boyutlarını deneyin, ancak tipografinin tüm web sitelerinde tutarlılık prensibine uyduğundan emin olun. Şimdi, bu makaleyi beğendiyseniz ve bir WordPress web sitesi nasıl tasarlayacağınız hakkında daha fazla bilgi edinmek istiyorsanız, YouTube kanalımıza abone olduğunuzdan ve bizi Twitter ve Facebook’ta takip ettiğinizden emin olun!
