WordPress sitenize özel yazı tipleri nasıl eklenir
Blogunuzu neden standart yazı tiplerini kullanarak sıkıcı kılıyor? Blogunuzun coşkunuz ve çeşitli özel yazı tipleriyle tartıştığınız konular hakkında konuşmasına izin verin. Özel bir yazı tipi, blogunuzun diğerlerinden daha tercih edilen görünmesini sağlayan iyi bir özelliktir. Hadi bununla yüzleşelim; Hepimiz doğru yazı tiplerine sahip blogları ve siteleri seviyoruz. Sadece siteyi dekore etmekle kalmaz, aynı zamanda kullanıcıları içeriğinize çekmeye yardımcı olurlar. Bununla birlikte, standart WordPress yazı tiplerinin seçimi sınırlıdır ve kullandığınız temaya bağlıdır. İyi haber şu ki, manuel olarak veya özel bir eklenti ile ekleyebilirsiniz.
Ve burada, iki soru ortaya çıkıyor – WordPress için özel bir yazı tipi ve WordPress sitenize nasıl özel bir yazı tipi yükleyeceğiniz. Hadi bulalım. Neden özel bir yazı tipi kullanmalıyım? New Roman ve Gürcistan’ın web sitesinde metin için tek yazı tipi olarak kabul edildiği günler geçti. Son birkaç yıldır, yazı tipi alanı, Google yazı tipi ve diğerleri gibi yazı tiplerinin görünümü ile tamamen değiştirildi. Şu anda, internette bulunan yüzlerce ücretsiz yazı tipi, bilgi ve eğitim yardımcıları ve tasarım için tasarlanmış kaynaklar bulunmaktadır. Adobe Illustrator, Photoshop ve diğer klasik uygulamaların aksine, WordPress varsayılan olarak yazı tipleri üzerinde tam kontrol vermedi. Sadece birkaç tema özel yazı tiplerini desteklemeyi ve kullanmayı tercih eder.
Bu nedenle, bu yazıda, WordPress sitenizde uygun olan ve nasıl kullanılacağını nasıl bulacağınızı öğreneceksiniz. Özel bir yazı tipi kullanmanın önemi Neden yazı tiplerini değiştirme, kelimeler, satır alanları, harf boşlukları veya yazı tipi doygunluğu arasındaki girintileri soruyor musunuz? Bununla birlikte, bazı çalışmalar tipografinin okuma anlayışını artırdığını kanıtlamıştır. Birçoğu yazı tipi yapısına bağlıdır. Bilinçli ve bilinçaltı düzeyde – herkes web sayfası içeriğini tasarıma göre değerlendirir. Yazı tipi tasarımı, dikkat etmese bile okuyucuyu etkiler. Yazı tipi tasarımından ayrılmak, gelişimin kendisini görmezden gelmek anlamına gelir! Okuyucunun ruh hali ona bağlıdır. Yazı tipi okumayı kolaylaştırır veya kullanıcıları sayfadan ayrılmaya zorlar. Tüm Web tarayıcıları varsayılan bir yazı tipi seti içerir. Bu, yazı tipi CSS sayfasında belirlenmezse, standart sürümün kullanılacağı anlamına gelir. Her zaman varsayılan yazı tipini kullanabilirsiniz, ancak kullanıcının çalışmasını karmaşıklaştırır. Bu yüzden özel yazı tipleri kullanmak önemlidir. Temanız size yazı tiplerini değiştirme seçeneği vermiyorsa, birçok web sitesi ve araç yardımcı olabilir. Alternatif Google Yazı Tipi
Birçoğunuz ücretsiz Google yazı tiplerini biliyorsunuz. Güzel yazı tipleri bulabileceğiniz daha fazla site var. Bazıları kişisel kullanım için ücretsizdir. Ticari kullanıma ihtiyacınız varsa, bir lisansa ihtiyacınız var. Google yazı tipleri ve Adobe Edge yazı tipi ücretsiz. Bu yüzden o kadar eşsiz değiller. Ve bu bizim için uygun değil.
Templatemonster – Templatemonster Market web sitesinde, ihtiyacınız olan web tasarımı için her şeyi bulacaksınız. Ayrıca düşük fiyatlarla özel kullanım için birçok yazı tipi ve yazı tipi paketi de vardır. Ayrıca, bir web geliştirme kitinde sunulur. Birçok koleksiyon ve yaratıcı. Seçmenize yardımcı olmak için, tüm yazı tipleri broşürlerde veya çerçevelerde servis edilir. Her yazı tipine de ticari bir lisans sunuluyor. MyFonts – MyFonts şu anda dünyanın en büyük yazı tipi seçeneğini sunuyor. Ancak, buradaki fiyat da daha yüksek bir segmentte. Yani, katı bir bütçeniz varsa, sizin için olmayabilir.
Fontspring – Fontspring, ticari kullanım için lüks yazı tipleri satıyor. Ancak, kişisel amaçlar için kullanılabilecek neredeyse tüm ücretsiz 1-2 yazı tiplerinde. Ayrıca, ücretsiz yazı tiplerine sahip ayrı bölümler vardır. Koleksiyon canlı. Ancak indirmeden önce belirli yazı tipleri için lisans bilgilerini dikkatlice öğrenmelisiniz.
Cufonfonts – Bu aynı zamanda çeşitli yazı tiplerinin geniş bir koleksiyonudur. Birini seçin, bu konuda ayrıntılı bilgi içeren bir sayfa göreceksiniz. Birçok ücretsiz yazı tipi vardır ve bunlar birkaç bölüme ayrılır. Cuffonts’daki sıralama sistemi oldukça esnek ve rahattır. Ayrıca, webfont desteği dahildir.
DAFONT – 3.500 ÜCRETSİZ ÜCRETSİZ ÜCRETSİZ YAZILIK. Çoğu sadece kişisel kullanım için tasarlanmıştır. İyi Dafont özelliği bir kategori sistemidir. Japon karakterleri olarak çizgi roman, video oyunları, vintage veya şık yazı tiplerini seçebilirsiniz.
Yazı tiplerinin seçimi çok caziptir çünkü her şey güzeldir. Ama çok şey seçmenize gerek yok. Sitede ikiden fazla yazı tipi kullanın. Web sitenizin görünümü tutarlı olacaktır. Yazı tipinizi seçtikten sonra, kullanacağınız her stil için dosyaları indirdiğinizden emin olun (normal, kalın, eğik vb.). Şimdi site için uygun yazı tipini seçtikten sonra nasıl ekleneceğinizi öğrenelim. WordPress’e özel yazı tipleri nasıl eklenir WordPress sitesine yazı tipleri eklemenin birkaç yolu vardır:
Eklenti: Bu durumda, işlemi kolaylaştırmak için farklı WordPress eklentileri kullanılır.
Manuel olarak: Bu yöntemi kullanarak, Siteye indirilen bir yazı tipi yüklemeniz ve CSS dosyalarını düzenlemeniz gerekir.
Tema: Birçok popüler tema, yazı tiplerinizi ayarlamak için varsayılan seçeneği içerir (notlar – bu seçeneği tartışmayacağız çünkü süreç kullandığınız temaya göre değişecektir, ancak toplam WordPress temaları gibi kalite premium temaları sunulacak. Kolayca takip edebilirsiniz – Toplam’a özel yazı tipleri eklemek için bu kılavuzu beğenin)
Seçenek 1 – Eklenti ile WordPress Yazı Tipini Değiştir Global değişiklikleri umursamıyorsak, sitenizdeki yazı tiplerini değiştirecek WordPress eklentilerini yükleyebiliriz.
Açık kaynak özel yazılım yazı tipi eklentisinin özellikleri topluluğun yararına bir avantaja sahiptir ve WordPress de bu avantaja sahiptir. Bazı WordPress eklentileri özel yazı tipleri eklemenize izin verir. Bu kadar eşleşen bir eklenti nasıl seçersiniz? Özel yazı tipi eklentisi özellikleri nelerdir? İşte not edilecek bazı noktalar:
Özel yazı tipleri kullanma yeteneği
Birden fazla yazı tipi kullanma yeteneği
TargetBonus başlıkları ve bileşenleri: Yazı tipi ayarlarını görsel editörlerden değiştirme yeteneği
Sadece bu. Listedeki ilk özellik çok önemlidir. Dafont, sincap yazı tipi vb. Sitelerden her zaman yazı tiplerini indirebilirsiniz, ancak WordPress’e yükleyebilmeniz gerekir.
WordPress için özel yazı tipleri yüklemenize izin veren bazı eklentilere bakalım.
Özel yazı tipi yükleyici
Bilgi ve İndir Demo
Bu eklenti, Google yazı tiplerini indirmenize ve bunları blogunuzun çeşitli öğelerine uygulamanıza olanak tanır. Örneğin, başlık veya makale veya sayfalar için. Herhangi bir yazı tipi kullanın
Bilgi ve İndir Demo
Bu, yazı tiplerini indirmek ve doğrudan görsel editörler aracılığıyla kullanmak için rahat bir arayüz sağlayan bir WordPress eklentisidir. Visual WordPress düzenleyicisi, herhangi bir metin yazı tipini otomatik olarak değiştirebilir. Bu eklenti, özel yazı tiplerini ekleme işlemini çok daha kolay yöneten birkaç özellik sunar.
WP Google Yazı TipiBilgi ve İndir Demo WP Google Fonts, Google Font Kataloğunu kullanmanıza olanak tanır. Bu eklentinin olağanüstü avantajlarından biri, yaklaşık 1000 Google yazı tipinin eklenmesidir. Google yazı tiplerini manuel olarak bırakabilmenize rağmen, çoğu kullanıcı için eklentileri kullanmak çok daha kolaydır. Yazı tipini bir eklenti ile nasıl yüklerim? Alalım, örneğin WP Google yazı tipi. Bu eklentiyi resmi WordPress deposundan yükleyin ve Google Yazı Tipleri bölümünü açın.
Google yazı tipi denetim panelini burada göreceksiniz. Yazı tiplerini seçin ve yazı tipi stili, uygulanan öğeler vb. Gibi çeşitli ayarları değiştirin.
Seçenek 2 WordPress özel yazı tipini manuel olarak @font-face yönüne göre yükleyin, bir veya birkaç yazı tipini sitenize bağlayabilirsiniz. Ancak bu yöntemin artıları ve eksileri vardır. Güçlü Yönler: CSS aracılığıyla yazı tiplerini herhangi bir formatta bağlayabilirsiniz: TTF, OTF, WOFF, SVG. Yazı tipi dosyaları sunucunuza yerleştirilecektir – üçüncü taraf hizmetlerine bağlı olmayacaksınız.
Eksileri: Her stil için doğru yazı tipi bağlantısı için ayrı bir kod kaydetmeniz gerekir.
CSS’yi bilmeden kolayca karıştırılabilirsiniz.
Ancak, sadece bitmiş kodu kopyalamanız ve değerinizi belirlemeniz gerektiğinde bu gerçek bir sorun değildir.
Not: Başlamadan önce, siteniz için bir çocuk teması oluşturduğunuzdan emin olun. Bu şekilde çocuğunuzun temasındaki tüm düzenlemeleri yapabilirsiniz, temel temanızı akıllıca bırakın, böylece bunları gelecekteki ihtiyaçlara göre kolayca güncelleyebilirsiniz.
Adım 1: Çocuğunuzun temasında bir “yazı tipi” klasörü oluşturun, aşağıda yeni bir “yazı tipi” klasörü oluşturun: wp-content/temalar/çocuklarınız/yazı tipleri 2. Adım. barındırma kontrol paneliniz veya FTP üzerinden. Tüm yazı tipi dosyalarını yeni eklenen yazı tipi klasörüne ekleyin: WP-Content/Themes/Oluşturduğunuz-Çocuk-Tesiniz/Yazı Tipleri. Adım 3. Çocukların Tema Stili Sayfası aracılığıyla yazı tiplerini içe aktarın Style.css file.cs alt temanızı açın ve aşağıdaki kodu CSS dosyasının başlangıcına ekleyin (çocuğun tema yorumundan sonra): @font-wog {
yazı tipi ailesi: ‘mywebfont’;
SRC: URL (‘yazı tipi/webfont.eot’);
Src: url (‘yazı tipi/webfont.eot? #İfix’) biçimi (‘gömülü-optype’),
Url (‘yazı tipi/webfont.woff’) biçimi (‘woff’),,
Url (‘yazı tipi/webfont.ttf’) biçimi (‘truetype’), url (‘font/webfont.svg#svgwebfont’) biçimi (‘svg’);
Font-Heavy: Normal;
Yazı tipi kuvveti: normal;
} MyWebfon t yazı tipi adı ve SRC özellik değeri (tırnak cinsinden parantez içindeki veriler) konumudur (göreceli bağlantı). Her kuvveti ayrı ayrı belirlemeliyiz. Normal kuvveti ilk bağladığımızdan beri, yazı tipi ağırlığı ve yazı tipi tarzı özellikleri normale ayarladık. Adım 4. İtalik eklerken aşağıdakileri yazın: @font-face {
yazı tipi ailesi: ‘mywebfont’;
SRC: URL (‘yazı tipi/webfont-izalic.eot’);
SRC: URL (‘yazı tipi/webfont-eric.eot? #IFix’) biçimi (‘gömülü-optype’),
URL (‘Font/Webfont-Italic.woff’) Biçim (‘Woff’),
Url (‘yazı tipi/webfont-italtic.ttf’) biçimi (‘truetype’),
Url (‘yazı tipi/webfont-eric.svg#svgwebfont’) biçimi (‘svg’);
Font-Heavy: Normal;
Yazı tipi kuvveti: eğik;
} Her şeyin aynı olduğu yerlerde, yalnızca eğik özelliğe yazı tipleri ekleriz. Adım 5. Kalın bir yazı tipi eklemek için aşağıdaki kodu ekleyin: @font-wisdom {
yazı tipi ailesi: ‘mywebfont’;
SRC: URL (‘yazı tipi/webfont -d.eot’);
SRC: URL (‘yazı tipi/webfont-bold.eot? #IFIX’) biçimi (‘gömülü-optype’),
Url (‘yazı tipi/webfont -d.woff’) biçimi (‘woff’),
Url (‘yazı tipi/webfont-bold.ttf’) biçimi (‘truetype’),
Url (‘yazı tipi/webfont-bold.svg#svgwebfont’) biçimi (‘svg’);
Font-Heavy: Kalın;
Yazı tipi kuvveti: normal;
} Font-weight özelliğini kalın olarak ayarladık. Her stil için yazı tipi dosyasının doğru konumunu göstermeyi unutmayın. Adım 6. Aşağıdaki kalın eğimli harfleri bağlamak için: @font-wog {font-family: ‘mywebfont’;
SRC: URL (‘yazı tipi/webfont-locald.eot’);
SRC: URL (‘yazı tipi/webfont-ericd-bold.eot? #İfix’) biçimi (‘gömülü-optype’),
URL (‘Font/Webfont-Italic-Burd.woff’) Biçim (‘Woff’),
Url (‘yazı tipi/webfont-italtic-bold.ttf’) biçimi (‘truetype’),
Url (‘yazı tipi/webfont-italtic-bold.svg#svgwebfont’) biçimi (‘svg’);
Font-Heavy: Kalın;
Yazı tipi kuvveti: eğik;
} Eh, web sitenize dört yazı tipi stilini bağladığınız tek şey bu. Ancak bir yorum var – bu yazı tipi bağlantısı Internet Explorer 8’de yanlış görüntülenecektir. Konfor, çok az insanın hala IE8 kullanmasıdır. WordPress için Özel Bir Yazı Tipi Sarın Kullanıcıların sitenizi ziyaret ettiklerinde dikkat ettikleri ilk şey nedir? Doğru, tasarım! Çoğu tasarım, güzel yazı tiplerinin doğru şekilde kullanılmasına bağlıdır. Bu nedenle, site yazı tipi tasarımınızı korumalısınız. Yeni bir yazı tipi kuvveti gömmek için kodu ekleyin veya yukarıda belirtilen eklentilerden birini kullanın. Hangi yönünü seçtiğiniz size kalmış. Aynı sitede ikiden fazla yazı tipi kullanmadığınızdan emin olun. Siteye ne kadar özel yazı tipleri eklediğinden, site hızı o kadar yavaş olur. Hepsi bu, yorum yapmaktan çekinmeyin. Web sitenize ve yazı tipinizi nerede bulduğunuzu özel yazı tipleri eklemeyi seçtiğinizi duymaktan da memnuniyet duyarız.
