Boşluk eklemek ister misiniz alt bölümleri WordPress'te girintili mi? WordPress'te paragrafları girintilemek ister misiniz?

Metninizin çoğu sola hizalanmış olsa da, bazı durumlarda belirli paragrafları girintili bir en iyi tipografi ve daha iyi okuma deneyimi.

Bu derste, size girintiyi nasıl yapacağınızı göstereceğiz. kolayca WordPress'te paragraflar.

WordPress'te paragraf girinti

Yöntem 1: Görsel düzenleyicideki metin girintisi düğmelerini kullanma 

Varsayılan olarak, çoğu WordPress temaları Sağdan sola diller için haklı paragrafları sola veya sağa gösterin.

Paragrafı değiştirmek isterseniz, düğmesine tıklayarak el ile yapabilirsiniz. Girintiyi artır görsel metin düzenleyicisinin. Bu, paragrafın soluna boşluk ekleyecektir.

Wordpress'te paragrafları girintileme

Birden fazla paragraf girintilemek isterseniz, bu paragrafları seçmeniz ve ardından düğmesine tıklamanız gerekir. Girintiyi artır.

Girintiyi artırmak için düğmeye birden çok kez tıklayabilirsiniz. Örneğin, üzerine çift tıklarsanız, girinti aralığını ikiye katlar.

Düğmesini tıklatarak para çekme işlemini de azaltabilirsiniz. Girintiyi azalt

Ayrıca keşfe devam etmeden önce sizi davet ediyoruz. WordPress 5.0 için Gutenberg editörü nasıl kullanılır: Bölüm XNUMX

Yöntem 2: El ile girinti metin düzenleyiciyi kullanarak paragraf

Para çekme düğmelerini kullanma metin görsel düzenleyicide paragraflara girinti eklemenin en kolay yolu. Ancak bu, ne kadar boşluk eklemek istediğinizi kontrol etmenizi sağlamaz.

En gelişmiş kullanıcılar geçiş yapabilir Metin düzeltici girintiyi manuel olarak eklemek için. Tek yapmanız gereken metni paragraf etiketine koymak ve ve sonra y CSS kodu ekle Bunun gibi:

<p style="padding-left:25px;">Your paragraph text goes here...</p>
Wordpress'te paragrafı manuel olarak girintileme

Bu yöntem, girinti olarak kullanmak istediğiniz aralığı kontrol etmenizi sağlar. Bu yöntem, paragraflara düzenli olarak girinti eklemeniz gerekmiyorsa en iyi sonucu verir.

Dolayısıyla, onları yeterince sık girerseniz, bu ideal bir çözüm değildir.

Rehberimizi keşfedin (Yazma) blogunuzda iyi bir paragraf yazın nasıl 

Yöntem 3: Bir paragrafın yalnızca ilk satırının girintisini artırın

Web sayfaları, yalnızca paragrafın ilk satırını işaretleyen sözcük işlem yazılımı tarafından kullanılan geleneksel paragraf aralığını kullanmaz.

WordPress'te bile, bir paragrafı girdiğinizde, paragrafın tamamına boşluk eklenir.

Örnek paragraf girintisi

Bazı dergi veya edebi dergi web siteleri daha geleneksel bir girinti eklemek isteyebilir. Bu durumda, sitenize özel CSS eklemeniz gerekir. WordPress tema.

Git " Görünüm> Özelleştir Başlatmak için " Customizer "To WordPress tema. Tıkla " Ek CSS '.

Ek css özelleştirici wordpress

Bu, sol bölmede, özel CSS kodunuzu ekleyebileceğiniz bir metin kutusu görüntüler. Bu CSS kodunu bu metin kutusuna ekleyin.

p.custom-indent { 
text-indent:60px;
}

Ayrıca bizim keşfetmek Eğitim: WordPress Görsel Düzenleyicide Nasıl Ustalaşılır

Bu CSS kodu, tarayıcılara basitçe, bir paragrafın ".custom-indent" sınıfına sahip olması durumunda 60px'lik bir girinti eklediğini söyler.

Daha sonra makalenizi metin düzenleyicide düzenleyebilirsiniz. Ardından metninizi etiketlerle çevreleyin <p class = "custom-indent"> et </p> aşağıdaki gibi:

Paragraf metniniz buraya gelecek ...

Tamamlandığında, makalenizi önizleyebilirsiniz ve paragrafın yalnızca ilk satırının daha önce boşluk bıraktığını göreceksiniz.

Bir paragrafın önündeki boşluk

Bu yöntem yalnızca birkaç paragraf girintisi yapmak istiyorsanız dikkatli bir şekilde çalışacaktır. Bununla birlikte, bu stili web sitenizin tüm paragraflarına eklemek istiyorsanız, özel CSS kodunu aşağıdaki gibi değiştirmeniz gerekir:

article p { 
text-indent:60px;
}

Bu CSS kodu, bir WordPress gönderisinin veya sayfasının içindeki tüm paragrafların ilk satırına otomatik olarak bir girinti ekleyecektir.

Ayrılmadan önce de keşfedin WordPress editörü görsel stil eklemek için nasıl

Web sitelerinin görünümünü iyileştirmek için stil görsel editörleri arayanlar için, burada onlara bu görev için tasarlanmış 3 premium WordPress eklentisi sunuyoruz.

1. Sarı Kalem: Görsel Stil CSS Editörü

Yellow Pencil, web sitenizi dakikalar içinde (yazı tipleri, renkler, animasyonlar ve daha fazlası ...) kişiselleştirmek için herhangi bir temayla kullanabileceğiniz bir görsel stil editörüdür.

Yellowpencil görsel css stil editörü eklentisi wordpress

Bu eklenti, siz renklerle oynarken sanki bir oyunmuş gibi arka planda CSS stilleri oluşturacaktır.Yeni başlayanlar ve deneyimli kullanıcılar için tasarlanmıştır. Kodlama bilgisi gerekmez; Bununla birlikte, eklentinin kodlamayı sevenler için iyi bir CSS editörü var. Bu düzenleyiciyle canlı kod yazabilir ve CSS'nizi özelleştirebilirsiniz.

Indir | gösteri | Web hosting

2. Kolay Özel JS ve CSS 

Ce WordPress Plugin premium, bunları web sitenizin herhangi bir bölümüne eklemenize izin veren güçlü bir CSS ve JavaScript kod düzenleyicisidir. Büyük bir güncellemeden sonra bile özelleştirmelerinizi korumanıza izin verir. WordPress tema.

Kolay özel js ve css ekstra özelleştirme wordpress eklentisi

Kişiselleştirilmiş kodunuzun kullanım alanını sınırlama olanağına sahipsiniz. Örneğin, kodunuzu yalnızca video formatına sahip bir makale için kullanabilirsiniz. Veya kodunuzu belirli bir temayla sınırlandırabilirsiniz; WordPress blogunuz için sık sık temaları değiştirirseniz kullanışlıdır.

Indir | gösteri | Web hosting

2. Duyarlı Google Haritalar

Ce WordPress Plugin bir harita üzerinde birden fazla işaretleyici ve sayfa başına birkaç haritadan oluşan bir sistemin oluşturulmasını teşvik eder. Tam ekran görünümü ve çoklu işaretçilerin gruplandırılmasını içerir. Bunu yapmak için API anahtarı gerekmez.

WordPress haritaları eklentileri - Duyarlı Google haritaları

yükleme WordPress Plugin Duyarlı Google Haritasıs basit ve kolaydır. Uzun karmaşık kısa kodlara gerek yok. Aynı şekilde, bir harita oluşturmak, ona hızlı bir şekilde bir konum eklemek basittir, bunun için haritayı görüntülemek istediğiniz sayfada bir kısa kod kopyalamanız yeterlidir ve bitirdiniz!

okumak WP topluluğunuzun bir üyesinin konumunu bir Google Haritası üzerinde görüntüleme

Diğer özellikleri: aduyarlı arte, paynı haritada birkaç konum, psayfa başına birkaç kart, imkanıkendi belirteçlerinizi indirin, tam ekran görünümü, d desteğifarklı harita türleri (yol haritası, uydu, hibrit ve arazi), zoom otomatik, t özelleştirme yeteneğiharitadan gitmek, et çok daha fazlası ...

Önerilen Kaynaklar

Daha fazlasını keşfet kaynakların bulunduğu size yardımcı olacak tavsiyeler görsel metin düzenleyicinizin kontrolünü daha iyi ele alın.  

Sonuç

Buraya ! Bu eğitim için bu kadar, umarım makalelerinizin girintisini daha iyi düzenlemenize izin verir. çekinmeyin bahşişi sosyal ağlarınızda arkadaşlarınızla paylaşın.

Herhangi bir öneriniz veya yorumunuz varsa, memnuniyetle karşılanacaktır. Ayrıca sizi danışmaya davet ediyoruz. acemi bir blogcuysanız, kaynaklar.

...