Wooocommerce Font Storefront teması nasıl değiştirilir

Vitrin teması, çoğu WooCommerce mağazasında kullanılan en popüler temalardan biridir. Tıpkı esnek bir mağaza teması olan WooCommerce gibi ve marka ihtiyaçlarınıza uygun ayarlamalar yapabilirsiniz. Storefront varsayılan Helvetica Neue yazı tipini kullanır. Bu yazı tipi çok basittir ve basitlik her zaman iyidir. Bununla birlikte, basitlik her zaman hedeflediğiniz tasarımla eşleşmeyebilir ve farklı bir yazı tipi kullanmak isteyebilirsiniz. Woocommerce mağazası ile ilgili hızlı kılavuz, tema yazı tipini nasıl değiştirirsiniz? Bu öğreticide, Google yazı tipini kullanarak mağaza teması yazı tipinizi nasıl değiştirebileceğinizi öğreteceğim.
Yazı tipi. Etkileyici ve şık dört temel yazı tipi türü vardır. Bazıları sadece birçok durumda işlev görür, ancak kendinizi belirli türde yazı tipleriyle ifade etmek isteyebilirsiniz. Bu, ihtiyaçlarınıza uygun bir yazı tipi bulmanız gerektiği anlamına gelir. Ana şey doğru dengeyi bulmaktır. İşte kullanabileceğiniz yazı tipleri türleri:
Serif
Bu yazı tipi, Serif olarak adlandırılan sıfırın ucuna bağlı küçük çizgilerle karakterizedir. Serif yazı tipleri geleneksel yazı tipleri olarak kabul edilir ve yazılı medyada okunması daha kolaydır, bu nedenle yazılı medyada kullanılmak üzere tercih edilirler.
Sans Serif
Modern ve minimalist sans-serif yazı tipleri. Serif yoktur ve web yayıncılığı için önerilir.
Senaryo
Bu yazı tipi sandalyenin el yazısını taklit eder. Ayrıca sandalye yazı tipi türleri olarak da adlandırılır ve bağlantı harfleri vardır. Bu genellikle kadınsı ve zarif olarak tanımlanır.
Dekoratif
Dekoratif tipe birçok yazı tipi dahildir. Bunlar arasında Cadılar Bayramı yazı tipi, Noel yazı tipi ve ikonik Star Wars yazı tipi yer alıyor. Sadece dekorasyon için ve asla ana kopya için kullanılamazlar. Bunun nedeni yeni olmaları ve belirli amaçlar için kullanılması gerektiğidir. Serif vs sans Serif? Bir yazı tipi seçtiğinizde, yalnızca mesaj dışında okuyucular tarafından görülmeyecek bir yazı tipi seçmeniz gerekir. Dekoratif ve komut dosyaları gibi yazı tipleri, içerik okurken dikkat dağıtıcı olabilir, yani Serif ve sans-serif yazı tipleri genellikle gövdede veya kopyada kullanılır. Bununla birlikte, serif ve sans-serif tipi yazı tipleri arasındaki fark nedir? Serif yazı tipinin temel amacı ‘akış’ yatay kelimeleri yönlendirmektir. Küçük dekorasyonlar, mesafe kontrastını artırmaya yardımcı olur ve her bir kelimeyi bir parçaya ayırmaya yardımcı olur, böylece okunması daha kolay olur. Ancak bu, monitörümüzdeki inç başına sınırlı nokta (DPI) nedeniyle Web için yapılan metin için geçerli değildir. Bu, serif tipinin kalın ve ince çizgilerinin küçük bir metinde tanınamayabileceği anlamına gelir. Bu yüzden minimalist, modern ve sans-serif gibi basit yazı tiplerine ihtiyacınız var. Font Serif esas olarak kitaplarda, gazetelerde, dergilerde ve diğer basılı medyada kullanılır çünkü okunması iyidir. Buna ek olarak, çevrimiçi yayıncılık, DPI sınırlamaları nedeniyle SANS-Serif yazı tiplerinin kullanılmasını tercih eder.
Bu nedenle, Woocommerce mağazanız için hangi yazı tiplerini kullanmalısınız? En iyi seçiminiz SANS Serif yazı tipidir ve bu birçok durumda geçerlidir. Ancak, Serif yazı tipinin amacınıza uygun olacağını düşünüyorsanız, kullanmanız gerekir. Google yazı tipi, Google tarafından sunulan ücretsiz bir hizmettir ve web sitelerinin özel yazı tiplerini kullanmasını kolaylaştırır. Google Fonts Dizini’nden belirli bir yazı tipini seçebilirsiniz, tek yapmanız gereken bir kod parçasını kopyalamaktır ve Google web siteniz için yazı tiplerini barındıracaktır. Google yazı tipi, oradaki en iyi çözümlerden biridir. Google yazı tipinin avantajı
Kurulumu ve ayarlaması kolay.

Yazı tipi açık kaynak olarak yayınlanır ve ticari veya ticari olmayan projeler için ücretsiz olarak kullanılabilir.
Web genelinde kullanıma dayalı olarak en popüler yazı tiplerini göstermek için birkaç analitik vardır.
Google yazı tipi eksikliği
Yazı tipi sitenizin dışında barındırılır, yani biraz yükleme sayfası ekleyebilir.
Bu yazı tipi açık kaynaktır ve popüler olanlar dışında birkaç kalite problemi olabilir. Kötü ölçeklenebilirlikte kaybolan uçan makineler ve iOS’ta görüntülenmeyen yazı tipleri gibi problemler, düzgün çalıştırılmazsa yazı tipine bağlı olarak görünebilir.
Google yazı tipiyle ilgili iyi olan, yazı tipi önizlemesini bir kelime, cümle, paragraf veya kullanılacak yazı tipi türüne karar vermenize yardımcı olacak bir poster olarak görebilmenizdir.
Vekalet temasına Google yazı tipleri eklemek için adımlar, kopyalayarak web sitenize Google yazı tipleri eklemek çok kolaydır. Takip etmeniz gereken adımlar:
Gömmek istediğiniz yazı tipini seçmeli ve standart kodu seçmelisiniz ve kopyalayın. Bundan sonra, kanca işlevini Function’a ekleyin. Php çocuğunuzun temasına. Önemli bir çocuk teması kullanmak, çünkü mağazayı güncellediğinizde yaptığınız değişiklikler kaybolacaktır.

Add_action (‘StoreFront_header’, ‘JK_STOREFRONT_HEADER_CONTENT’, 40);
jk_storefront_header_content işlevi {?>

// Bu satırı, buraya kopyalanan Google yazı tipi kodu ile değiştirin
<? Php
} *1. Adımda kodu girmeniz gereken bölüme dikkat edin.
Bunu yaptıktan sonra, WooCommerce siteniz artık seçtiğiniz yazı tiplerini kullanabilir. Son adım içeriğine yazı tipleri nasıl uygulanır CSS'nize yazı tipleri eklemektir, böylece yazı tipleri sitenizde görüntülenebilir. Mağazadaki varsayılan yazı tipini 'SANS' olarak değiştirmek için aşağıdaki kodu eklemeniz gerekir. Tek yapmanız gereken, önceki bölüme eklediğiniz yazı tipi ile yazı tipi adını değiştirmek ve ardından kodu styles.css çocuğunuzun temasına koymaktır. H1, H2, H3, H4, H5, H6, gövde, düğmeler, giriş, TextAea {
Yazı tipi ailesi: 'açık sans', sans-serif;
} Ancak, başlığınız için farklı bir yazı tipi koleksiyonu kullanmak istiyorsanız, bunun yerine aşağıdaki kodu kullanın. Eklediğiniz yazı tipiyle yazı tipi adını değiştirmeyi unutmayın.

Gövde, düğme, giriş, metin alanı {
Yazı tipi ailesi: ‘açık sans’, sans-serif;
}
H1, H2, H3, H4, H5, H6 {
Yazı tipi ailesi: ‘slabo 27px’, serif;
} İşte illüstrasyon:
Ancak, daha özel seçmen kullanan bir alt tema kullanırsanız yukarıdaki kodun çalışmayabileceğini fark etmelisiniz. Sonuç bu:
Sonuç Vakfa tema yazı tipini böyle değiştirirsiniz. Bu öğreticide, mağazanız için kullanabileceğiniz dört tür yazı tipini vurguladım. Serif, sans-serif, senaryo ve dekoratiftirler. Buna ek olarak, Serif yazı tipi okumak iyidir, çünkü kitaplarda, gazete dergilerinde ve diğer yazılı medyada yaygın olarak kullanılır. Buna ek olarak, çevrimiçi yayıncılığın DPI’nın sınırlamaları nedeniyle SANS-Serif yazı tiplerinin kullanımını tercih ettiğini gördük. Ücretsiz her şey. Ancak, seçim, siteniz için kullanmak istediğiniz yazı tipi tipinde elinizde. Okuması kolay bir yazı tipi seçmelisiniz. Seçtikten sonra, Google yazı tipini mağaza temasına eklemek için basit adımları izleyin. Benzer makaleler
4 basit opsiyon ile footer vitrin ve woocommerce link ile yapı nasıl kaldırılır

WooCommerce Storefront Temaları Ayarlamak İçin 80+ Püf Noktaları: Ultimate StoreFront Storefront Tema Özelleştirme Kılavuzu

Eklenti kullanarak Metin ve Bağlantı Sabahı Nasıl Silinir
WooCommerce Shop’un teması nedir? [Cevaplandı]
Wooocommerce Shop Çocuk Teması Nasıl Yapılır [Tam Rehber]
Ev Özelleştirme Teması WooCommerce Shop [Ana Kılavuz]
Wooocommerce Mağazası Başlığının Yüksekliği Nasıl Ayarlanır

admin

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir