Ana İçeriğe Geç

WordPress üzerine paragrafları girinti nasıl

Divi: Kullanılacak en kolay WordPress teması

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

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

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:

Paragraf metniniz buraya gelecek ...

Wordpress'te paragrafı manuel olarak girintileme

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]

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 kelime 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 çıkartma eklemek isteyebilir. Bu durumda, WordPress temanıza özel CSS eklemeniz gerekir.

Git " Görünüm> Özelleştir Başlatmak için " Customizer WordPress temasının. 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-girinti {text-indent: 60px; }

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

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]

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 yazınızı metin düzenleyicide düzenleyebilir ve düzenleyebilirsiniz. Ardından metninizi etiketlerle çevreleyin ve 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:

Madde 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 

Bu premium WordPress eklentisi, bunları web sitenizin herhangi bir bölümüne eklemenizi sağlayan güçlü bir CSS ve Javascript kod editörüdür. WordPress temanız için büyük bir güncellemeden sonra bile özelleştirmelerinizi korumanıza olanak tanır. 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

3. Gutenberg için özel JS ve CSS

Gutenberg için WordPress Özel JS ve CSS eklentisi, WordPress yazılarınız ve sayfalarınız için WYSIWYG düzenleyicisine sınırsız sayıda özel stil eklemenize olanak tanır. WordPress'in Gutenberg sürümü ile tamamen uyumludur.Gutenberg wordpress eklentisi için özel js ve css

Kullanımı kolay bir CSS editörü ile yeni bir stil oluşturabilirsiniz. Bu eklenti, sitenizdeki özel alanların işlevselliğini artırır ve size özel alanlarınızı dinamik ve güçlü bir özelleştirme modülüyle değiştirme olanağı sağlar. ve bu eklentinin gerçek zamanlı önizleme özelliği onu çok rahat ve kullanıcı dostu yapar.

Ç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. [Önerilen]

Indir | gösteri | Web hosting

Önerilen Kaynaklar

Size yardımcı olacak diğer önerilen kaynakları keşfedin daha iyi baştan çıkarmak görsel metin editörünüzü elinize 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.

... 

Bu makalede, 1 yorumunu içeren

  1. P {kısa çizgi metni: 60 px; }
    bana bir hata veren dize.
    Doğrulama hizmeti de bana "60px; } "
    Nasıl düzeltmeliyiz?
    iyi bir iş

YORUM BIRAKIN

E-posta hesabınız yayımlanmayacak. 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üş
17 hisseleri
hisse14
cıvıltı1
Enregistrer2