Ana İçeriğe Geç

WordPress üzerine özel yazı tipleri nasıl eklenir

Divi: Kullanılacak en kolay WordPress teması

Divi: Tüm zamanların en iyi WordPress teması!

daha fazla 600.000 indirmeler, Divi, dünyanın en popüler WordPress teması. Tamamen, kullanımı kolay ve 62 ücretsiz şablonlardan daha fazlasını sunuyor. [Önerilen]

WordPress'e özel yazı tipleri eklemek ister misiniz?

İnan bana, polis de blogunuzda oynamak için çok büyük bir rol yalnızca blogunuzun içeriğine değil aynı zamanda WordPress temanıza uyarlanmış bir yazı tipi ekleyerek de çok şey kazanacaksınız.

Bu eğitici yazıda, WordPress blogunuza özel yazı tiplerini nasıl kullanacağınızı göstereceğim. Google Fonts, Typekit ve CSS3.

WordPress temalarında özel yazı tiplerinin kullanımı yaygınlaştı. Aslında, aralarından seçim yapabileceğiniz çeşitli fontlar sunan birkaç WordPress teması vardır. Ancak, tüm bu yazı tiplerini aynı anda yüklemek, bir sayfanın yüklenmesini önemli ölçüde yavaşlatabilir.

Blogunuz yavaşsa, size öneririm WordPress üzerinde performans sorunları Bazı çözümler

Bunu doğru yapmamızın nedenlerinden biri, yalnızca blogda kullanmak istediğimiz özel yazı tipini yüklemektir.

Ancak, her şeyden önce, yazı tiplerini danışmanlık yaparak nasıl arayacağınızı bilmek önemlidir. Blogunuzun tipografisini el ele almak için 7 WordPress eklentileri

nasıl WordPress kullanmak fontları ve nasıl bulunur

Yazı tipleri eskisi kadar genişletilebilir değildir. Ancak, "gibi yazı tiplerinin olduğu bazı kaynaklar vardır. Google Fonts "" Typekit "" FontSquirrel "Ve" Fonts.com '.

Bir Google Yazı Yazı WordPress Ekleme

Google Fonts, birkaç projede kullanabileceğiniz çok geniş bir ücretsiz font kütüphanesidir.
Yapmanız gereken tek şey erişim « Google Fonts Ve istediğiniz yazı tipini seçin. Sonra "üzerine tıklayın bu yazı tipini seç Ekranınızın sağ altında bir sekme belirir.

Yukarıdaki resimde olduğu gibi genişleyen sekmeye tıklayın. Özelleştirmek mümkün olacak tıklatarak eklenecek fontun stili özelleştirmek. Sadece blogunuzda görmek istediğiniz stili seçmek zorundasınız.

Daha sonra "bölümüne aşağı kaydırmalısınız Gömmek ". Daha sonra "bölümünde bulunan kodu kopyalamanız gerekecek" STANDART ". Ekleyebileceğiniz bu koddur. başlık Çocuğunuzun teması.

Hepsi bu kadar WordPress blogunuza yeni bir Google Font fontu eklemek.

Nasıl Typekit kullanarak bir yazı eklemek için

Typekit farklı projelerinizde de kullanabileceğiniz fontlar sunan bir başka ücretsiz ve premium hizmettir. Premium abonelikler ve ücretsiz abonelikler sunarlar.

Tek yapmanız gereken bir Typekit hesabına sahip olmak ve yeni bir tane oluşturmak. malzeme '.

En iyi WordPress temalarını ve eklentilerini mi arıyorsunuz?

Envato'daki en iyi eklentileri ve WordPress temalarını indirin ve web sitenizi kolayca oluşturun. 49.720.000 indirme işleminden daha fazla. [ÖZEL]

Daha sonra Typekit kütüphanesinin yazı tipini seçmeniz ve projenize eklemeniz gerekir. Bundan sonra, kodu kitinizden alın ve gösterge panelinden ekleyin.

Kontrol panelinize eklemek için, eklentiyi yüklemeniz ve etkinleştirmeniz yeterlidir " WordPress için Typekit Yazı '.

Aktivasyondan sonra tek yapmanız gereken " Ayarlar> Typekit Fontları Ve kodu kitinden "" içine yapıştır Özel CSS kuralları '.

typekit macun-a-kit

Polis daha sonra aynı şekilde kullanılabilir, yani ailenin adını belirli unsurlar veya belgenin tamamı için belirterek.

Nasıl CSS3 (@ font-face) kullanarak bir yazı eklemek için

Blogunuza bir font gömmenin en doğrudan yolu, CSS3 aracılığıyla font yüzlerini kullanarak eklemektir. Bu yöntem, istediğiniz yazı tipini blogunuza eklemenizi sağlar.

Yapılacak ilk şey, seçtiğiniz yazı tipini Web formatında indirmektir. Bu yazı tipini web biçiminde yoksa, "" a dönüştürebilirsiniz " FontSquirrel yazıtipinin Jeneratör '.

Bir kez dosyaları ". Daha sonra onları doğrudan sunucunuza göndermeniz gerekir. "Klasöre eklemenizi şiddetle tavsiye ederim" fontlar Bir FTP istemcisi kullanarak alt temanızın (FileZilla benim tavsiye).

Bu prosedürde daha ileri gitmek istiyorsanız, , Windows 10 üzerinde FTP nasıl kullanılır

Hedefimize geri dönelim.

Bir kez yaptıktan sonra, yazı tipini bu şekilde bütünleştirebilirsiniz:

entegrasyon-Polis

Herhangi bir yerde kullanmak için, font adını belirttiğiniz şekilde ayarlamanız yeterlidir. " font-face »Önceki (nitelik font-family görüntüle değeri ).

Kod-font-face 'kullanın

CSS3 kodunu kullanmakla ilgili bilmeniz gerekenler hepsi bu kadardı. Ancak, "font-face" özelliğine sahip olan yöntemin geliştiriciler için daha uygun olduğunu söylemeliyim.

Diğer çözümler ve araçlar da web sitenizdeki yazı tiplerini yönetmek veya değiştirmek için kullanılır ve tavsiye edilir. Aşağıda, WordPress'e kolayca özel yazı tipleri eklemenize yardımcı olacak 3 WordPress eklentileri sunacağız.

1. Divi Oluşturucu

Divi Builder, Elegant Themes tarafından çok takdir edilen sayfaların yüksek kalitede oluşturucusudur. Genel olarak WordPress Divi temasının bir parçası olarak kullanılmasına rağmen, Divi Builder ayrıca diğer WordPress temalarında kullanabileceğiniz bağımsız bir eklentidir.

Elementor ile web sitenizi kolayca oluşturun

Elementor, profesyonel bir görünüme sahip herhangi bir web sitesi tasarımını kolayca oluşturmanıza olanak sağlar. Kendin yapabileceğin için pahalı ödemeyi kes. [Ücretsiz]

Önceki iki yapıcıdan farklı olarak, Divi Builder, çoğu kullanıcı ilk arayüzü tercih etse de, içeriğinizi ön uçta görsel bir arabirim ve arka uçta bir arabirim kullanarak düzenlemenizi sağlar .

Temel olarak, kenar çubukları yerine, her şey açılır pencerelerde ve kayan düğmelerdedir. Kendi tasarımlarınızı şablon olarak kaydetme yeteneğinin yanı sıra, 316 farklı sunum paketlerine yayılmış 40 önceden tanımlanmış şablonlarına erişmenizi sağlar.

Divi'nin özelliklerinden biri her zaman size verdiği stillerin kontrolü olmuştur. Üç farklı sekmede, duyarlı kontroller, özelleştirilebilir boşluklar ve daha fazlası dahil olmak üzere çeşitli ayarları yapılandırabilirsiniz.

Özel CSS bile ekleyebilirsiniz, çünkü CSS editörü temel doğrulama ve otomatik tamamlamayı entegre eder. Divi Builder'ın eleştirmenlerinden biri daima kısa kodlara dayanması olmuştur. Bu, bir gün devre dışı bırakırsanız içeriğinizde bir sürü kısa kod bırakacağı anlamına gelir. Bu biraz moral bozucu olsa da, artık Shortcode Cleaner gibi eklentiler mevcut olmaktan daha az problem.

Indir | gösteri | Web hosting

2. Divi Oluşturucu

Divi Builder, Elegant Themes tarafından çok takdir edilen sayfaların yüksek kalitede oluşturucusudur. Genel olarak WordPress Divi temasının bir parçası olarak kullanılmasına rağmen, Divi Builder ayrıca diğer WordPress temalarında kullanabileceğiniz bağımsız bir eklentidir.

Önceki iki yapıcıdan farklı olarak, Divi Builder, çoğu kullanıcı ilk arayüzü tercih etse de, içeriğinizi ön uçta görsel bir arabirim ve arka uçta bir arabirim kullanarak düzenlemenizi sağlar .

Temel olarak, kenar çubukları yerine, her şey açılır pencerelerde ve kayan düğmelerdedir. Kendi tasarımlarınızı şablon olarak kaydetme yeteneğinin yanı sıra, 316 farklı sunum paketlerine yayılmış 40 önceden tanımlanmış şablonlarına erişmenizi sağlar.

Divi'nin özelliklerinden biri her zaman size verdiği stillerin kontrolü olmuştur. Üç farklı sekmede, duyarlı kontroller, özelleştirilebilir boşluklar ve daha fazlası dahil olmak üzere çeşitli ayarları yapılandırabilirsiniz.

Özel CSS bile ekleyebilirsiniz, çünkü CSS editörü temel doğrulama ve otomatik tamamlamayı entegre eder. Divi Builder'ın eleştirmenlerinden biri daima kısa kodlara dayanması olmuştur. Bu, bir gün devre dışı bırakırsanız içeriğinizde bir sürü kısa kod bırakacağı anlamına gelir. Bu biraz moral bozucu olsa da, artık Shortcode Cleaner gibi eklentiler mevcut olmaktan daha az problem.

Indir | gösteri | Web hosting

3. WPBakery Sayfa Oluşturucu

Eskiden Visual Composer olarak bilinen WPBakery Page Builder, bir başka premium ve son derece popüler sayfa oluşturucudur. Bu popülerliğin çoğu, WPBakery Page Builder'ın, ThemeForest WordPress temalarının neredeyse% 99'iyle gelmesinden kaynaklanıyor. Ancak gerçek şu ki çok sayıda web sitesinde kullanılıyor.


Divi Builder gibi, WPBakery Page Builder da arka uçta hem görsel düzenleme hem de düzenleme yapmanızı sağlar. Elementor veya Divi Builder gibi bir şeyle karşılaştırıldığında, WPBakery Page Builder'ın stil seçenekleri biraz sınırlıdır. Satırlar üzerinde iyi bir kontrol sizde var, ancak her bir öğenin stil seçenekleri biraz daha sınırlı.

Kendi CSS'nizi kullanmak istiyorsanız, tek tek öğelere özel bir CSS sınıfı veya kimliği ekleyebilir veya sayfa düzeyine gerçek stiller ekleyebilirsiniz.

Çevrimiçi Mağazanızı kolayca oluşturun

WordPress'te fiziksel ve dijital ürünlerinizi satmak için ücretsiz WooCommerce, en iyi e-ticaret eklentilerini indirin. [Ücretsiz]

WPBakery Page Builder'ın özellikle dikkat çekici benzersiz özelliklere sahip olduğundan emin değilim. Ama sahip olduğu şey, geniş bir uzantı topluluğu. Divi Builder gibi, WPBakery Page Builder da etkisiz hale getirirseniz içeriğinizde çok sayıda kısa kod kalıyor. Öğreticiyi keşfedin

Indir | gösteri |Web hosting

Diğer önerilen kaynaklar

WordPress'teki özel yazı tiplerinin kullanımında, aşağıda önerilen bağlantılara veya kaynaklara danışarak daha da ileri gidin.

Sonuç

İşte bu! Hepsi bu yazıda, WordPress'e özel yazı tipleri eklemenin en iyi yoluna ayrılmıştır. Önerileriniz veya yorumlarınız varsa, memnuniyetle karşılanacaktır.

Ucu arkadaşlarınızla paylaşmaktan çekinmeyin ve sizi ziyaret etmeye davet ediyoruz acemi bir blogcuysanız, kaynaklar.

...

Bu makale yorumları 0 içeriyor

YORUM BIRAKIN

E-posta adresiniz gösterilmeyecektir. Doldurulması zorunlu alanlar * ile işaretlenmiştir *

Bu site, istenmeyenleri azaltmak için Akismet'i kullanıyor. Yorum verilerinizin nasıl kullanıldığı hakkında daha fazla bilgi edinin..

Başa dönüş
10 hisseleri
hisse6
cıvıltı
Enregistrer4