WordPress, kullanıcı dostu olmaktan gurur duyar ve bunun iyi bir nedeni vardır: yetenekleri pratikte sayısızdır, arayüzü sezgiseldir ve güçlü bir teknik altyapıya sahip olmayan kullanıcılar için bile anlaşılması kolaydır. Yine de, kullandığınız düzenleyiciye bağlı olarak, elde etmek için biraz çaba gerektirebilecek birkaç efekt vardır. Bunlardan biri Gutenberg blok düzenleyicisi için paragraf girintisidir ve sıklıkla istenmesine rağmen varsayılan olarak paragraf bloğunun bir özelliği olarak gelmez. Bu durum Gutenberg ile yapılan WordPress sitelerinin girintili paragraflara sahip olamayacağı anlamına gelmez: bu sadece kişinin Gutenberg’in seçenekleri arasında yolunu bilme meselesidir. Neyse ki, bu konuda size yardımcı olmamız için bize sahipsiniz.
Öte yandan Klasik Düzenleyici, avantajınıza kullanabileceğiniz diğer özelliklerin (ve kolayca üstesinden gelinebilecek sınırlamaların) yanı sıra, kullanıcının paragraf girintisini değiştirmesini kolaylaştırır. Bunların hepsini bu yazımızda da ele alacağız.
Paragraf girintisi, satırları kısaltarak okuyucu deneyimini geliştirebilir ve web sitenizin stiline ve düzenine bağlı olarak estetik bir değer sağlayabilir. Girintiyi, aşağıdaki örnekte olduğu gibi, belki de yazı tipi boyutunu veya metin rengini değiştirmeye alternatif olarak belirli paragrafları vurgulamak için de kullanabilirsiniz.
Bu görünüşte gözden kaçan metin biçimlendirme parçası, tam olarak bu eğitimde hakkında konuşmak istediğimiz şeydir. Size WordPress’te paragrafları birkaç farklı şekilde nasıl girintileyeceğinizi göstereceğiz:
-
Gutenberg’de Paragraf Girintisi Nasıl Yapılır?
-
Klasik Düzenleyicide Paragraf Girintisi Nasıl Yapılır?
-
HTML Etiketlerini Kullanarak Paragrafları Girintilendirme
-
Tek Satır Girintisi Nasıl Yapılır
Gutenberg’de Paragraf Girintisi Nasıl Yapılır?
Gutenberg’in paragraf bloğunun varsayılan olarak girinti işlevine sahip olmaması biraz şaşırtıcıdır. Bununla birlikte bir geçici çözüm vardır ve bu, metin için bir paragraf bloğu kullanmamayı içerir: ihtiyacınız olan blok, klasik bloktur.
WordPress yayınınıza klasik bir blok eklemek için artı işaretini tıklayın ve menüde klasik bloğu bulun.
Bloğu yer tutucu metinle doldurduk – Lorem Ipsum. İşte önizlemede nasıl göründüğü:
Şimdi klasik bloğun metnin üzerinde bazı metin biçimlendirme kontrolleri var. Girintiyi artırmak ve azaltmak için araç çubuğunun alt satırındaki girintiyi artırma/azaltma butonlarını kullanın. Girintiyi iki kat artırdık.
Ve bu, metninizin bir gönderide nasıl davranacağıdır.
Şimdi klasik blok paragraf bloğundan biraz farklı davranıyor: Enter klavye kısayolu yeni bir blok oluşturmayacak. Sadece metninize yeni bir satır ekleyecektir. Bu şekilde, uzun bir metni aynı girintiye sahip tek bir Gutenberg klasik bloğu olarak biçimlendirebilirsiniz.
Klasik Düzenleyicide Paragraf Girintisi Nasıl Yapılır?
Şans eseri, Klasik editör yerleşik paragraf girintisi seçeneğine sahiptir. Gutenberg’in klasik bloğu aslında klasik düzenleyiciyi simüle eder. Girinti kontrollerini metnin üzerindeki araç çubuğunda bulabilirsiniz.
Üç girinti artışı örneğinden sonra metin böyle görünür.
Gönderiniz ziyaretçilerinize şu şekilde görünecek: Gutenberg klasik bloğuyla tamamen aynı.
HTML Etiketlerini Kullanarak Paragrafları Girintilendirme
Girintiyi artır komutunu kullanmak, paragrafınızı ayarlanan bir artışla girintilendirir. Klasik düzenleyicinin metin modunda HTML etiketleriyle aynı şeyi yapabilirsiniz, fakat daha fazlasını da yapabilirsiniz: paragraflarınızı istediğiniz kadar piksel girintilendirebilirsiniz.
Metin modunda üç paragrafla başlayacağız. İstediğiniz paragraf biçimlendirme işlevi, sola dolgu işlevidir. Bir paragrafın girintisini ayarlamak için, metne şu HTML etiketiyle başlamanız gerekir:
, burada, elbette, XXX yer tutucusunu piksel sayısıyla değiştireceksiniz . Elbette, paragrafı
ile bitirerek etiketi de kapatmanız gerekecek.
Bu basamaklı etki, metninizde açıkça görülecektir.
Artık Gutenberg’in klasik bloğunu da aynı şekilde biçimlendirebilirsiniz. Blok ayarlarına (···) erişmeniz ve HTML Olarak Düzenle’yi seçmeniz yeterlidir.
Artık stil parametrenizi paragraf etiketine ekleyebilirsiniz. 60 piksel girinti ile gittik (style=”padding-left: 60px;”).
Ve paragrafınız şimdi belirttiğiniz gibi girintili olacaktır.
Tek Satır Girintisi Nasıl Yapılır
Peki ya bir paragrafın tamamını değil de ilk satırını girintilemek isterseniz? Bunu yapmanın da bir yolu var ama bu, temanızın CSS’siyle biraz uğraşmayı gerektiriyor.
Bunu yapmak için, WordPress tema özelleştiricisine gitmeniz gerekir. Bunu, WordPress kontrol panelinizden Görünüm> Özelleştir’i seçerek bulacaksınız.
Daha sonra Ek CSS eklemeniz gerekecek.
Tüm paragrafların ilk satırını örneğin 40 piksel girintili yapmak için temanızın özel CSS’sine aşağıdaki kodu ekleyin:
article p {
text-indent:40px;
}
Değişikliklerinizi uygulamak için Yayınla’yı tıklayın.
Ve şimdi, paragraflarınızın her birinin ilk satırı 40 piksel girintili olacak.
İsterseniz sadece seçilen paragraflar için ilk satırı girintili de yapabilirsiniz. Bunu yapmak için, gerekli girintiye sahip özel bir paragraf sınıfı oluşturmanız ve bunu seçtiğiniz paragraflara atamanız gerekir. Kulağa karmaşık geliyor, ama gerçekten değil. Tek yapmanız gereken bu kodu temanızın ek CSS’sine eklemek:
p.custom-indent {
text-indent:40px;
}
Elbette, değişikliklerinizi uygulamak için Yayınla’ya tıklamanız gerekir.
Daha sonra class=”custom-indent” öğesini paragraf etiketinize şu şekilde eklemeniz gerekir:
Ve ikinci paragrafa yalnızca özel girinti sınıfını eklediğimiz için, yalnızca ikinci paragrafın ilk satırı girintilidir.
Tabii ki, bu yöntem zaman alıcı olabilir, fakat tam olarak istediğiniz görünümü elde etmek sizin açınızdan bir yatırım gerektirebilir ve çoğu zaman gerektirir. Bazen birinci sınıf bir çözüm için paradır. İşte biçimlendirme için harcanan zaman.
Çözüm Yolu
Gördüğünüz gibi, daha geleneksel bir görünüm için tüm paragrafları veya yalnızca ilk satırı düşünüyor olun, web sitenizin metnine paragraf girintisi eklemek sadece biraz çalışma gerektirir. Web sitenizin bu tür metin biçimlendirme ve paragraf stilinden yararlanabileceğini düşünüyorsanız, neden denemiyorsunuz?