Bazı web sitelerinde içeriğin mükemmel bir şekilde aralıklı olduğunu ve taranmasının kolay olduğunu, bazılarının ise sıkışık ve okunması zor hissettirdiğini hiç fark ettiniz mi?
Sır genellikle basit bir şeye iner: doğru satır sonları ve boşluklar.
WordPress düzenleyicinizde satır sonları eklediğinizde, yayınlanan sayfanızda görünmediğini fark ettiyseniz, kesinlikle yalnız değilsiniz. WordPress, boşlukları Google Dokümanlar veya Microsoft Word gibi kelime işlemcilerden biraz farklı yönetir.
Ancak nasıl çalıştığını anladığınızda, içeriğinizin nasıl görüneceği üzerinde tam kontrole sahip olacaksınız.
WordPress'te satır sonu eklemenin birkaç güvenilir yöntemini göstereceğiz: hızlı kısayollardan daha gelişmiş biçimlendirme seçeneklerine kadar.
WordPress'te Neden Satır Sonu Eklenir (Yeni Satır Boşluğu)?
İlk bakışta, bir satır sonu küçük bir biçimlendirme seçimi gibi görünebilir - ancak içeriğinizin nasıl performans gösterdiği üzerinde büyük bir etkisi olabilir.
Okunabilirliği iyileştirmekten kullanıcı deneyimini geliştirmeye kadar, doğru boşluk eklemek sayfalarınızın temiz ve profesyonel görünmesine yardımcı olur. İşte neden önemli:
- Daha iyi okunabilirlik: Metin bloklarını daha kolay taranabilir hale getirmek için böler.
- Mobil uyumlu: İçeriği daha küçük ekranlarda net tutar.
- Yapıştırılan metni düzeltir: Diğer kaynaklardan gelen biçimlendirmeyi temizler.
- Dikkat çeker: İpuçlarının ve CTA'ların öne çıkmasına yardımcı olur.
Kısacası, satır sonları içeriğinizi hem ziyaretçiler hem de arama motorları için daha okunabilir ve daha ilgi çekici hale getirir.
Not: Başlamadan önce, satır aralığının kullandığınız WordPress teması tarafından kontrol edildiğini bilmek önemlidir.
Blok düzenleyicide bloklar arasına nasıl boşluk ekleyeceğinizi göstereceğiz, ardından varsayılan sonuçlardan memnun kalmazsanız temanızdaki satır aralığını nasıl ayarlayacağınızı ele alacağız.
Bunu söyledikten sonra, WordPress'te kolayca bir satır sonu eklemenin yollarına bakalım.
- Bloklar Arasına Çift Satır Boşluğu Nasıl Eklenir
- Tek Satır Boşluk Nasıl Eklenir
- En Kolay Yol: Ayırıcı Bloğu Kullanmak
- Modifying the Line Height and Spacing
- Video Eğitim
Bloklar Arasına Çift Satır Boşluğu Nasıl Eklenir
Klavye üzerindeki Windows için Enter tuşuna veya Mac için Return tuşuna basarak satır sonu eklediğinizde, WordPress bunu yeni bir paragraf olarak kabul eder.
Bu, otomatik olarak çift satır aralığı ekleyeceği anlamına gelir. Boşluk miktarı temanız tarafından kontrol edilir ve bu stil, tüm iyi WordPress temalarında standart bir özelliktir.
İçerik düzenleyiciye gidin, satırdan sonra Enter veya Return tuşuna basın ve ardından bir sonraki satıra başka bir şey yazın.
Sadece bunu yaparak, temanızın stilini temel alarak paragraflar arasında net bir ayrım görmelisiniz.
Tek Satır Boşluk Nasıl Eklenir
Şimdi, adres gibi bir şey yazıyorsanız, muhtemelen WordPress sitenizde çift satır aralıklı yerine tek satır aralıklı olmasını istersiniz.
Bu durumda, Windows'ta SHIFT + ENTER tuşlarına veya Mac'te SHIFT + RETURN tuşlarına basmanız gerekir.
Bu, WordPress'e aynı paragraf içinde yeni bir satıra başlamak istediğinizi söyler. Bu işlem, yeni bir paragraf için kullanılan çift boşluk yerine tek satır kesmesi oluşturur.
En Kolay Yol: Ayırıcı Bloğu Kullanmak
Herhangi iki blok arasına kod kullanmadan ekstra boşluk eklemenin en kolay yolu, yerleşik Ayırıcı bloğunu kullanmaktır.
Yeni bir blok eklemek için düzenleyicideki 'Blok Ekle' düğmesine tıklayın ve 'Ayırıcı'yı arayın. Ekledikten sonra sayfanızda yeni, boş bir alan görünecektir.
Ardından ayırıcıya tıklayabilir ve yüksekliğini ayarlamak için mavi tutamacı yukarı veya aşağı sürükleyebilirsiniz.
Bu, düzenleyicinin içinde dikey boşluklarınız üzerinde hassas kontrol sağlar.
Satır Yüksekliği ve Boşluğunu Değiştirme
Bazen, düzenleyicide doğru satır aralığını ekleseniz bile, temanızda istediğiniz gibi görünmeyebilir.
Bunu düzeltmenin iki yolu vardır:
- Bir eklenti kullanmak (kolay yol)
- CSS kodu ile manuel olarak (daha gelişmiş)
Önce kolay yöntemle başlayalım.
Eklenti Kullanarak Satır Aralığı Ekleme
Kod öğrenmek zorunda kalmadan temanızda stil değişiklikleri yapmak istiyorsanız, CSS Hero gibi bir eklenti kullanmak bunu yapmanın en iyi yoludur.
CSS Hero, kod bilgisi gerektirmeden WordPress sitenizin tasarımını değiştirmenizi kolaylaştırır.
Tam CSS Hero incelememizde daha fazla ayrıntı görebilirsiniz.
Kenar çubuğunu taşımak veya altbilgi eklemek gibi temanızda daha büyük değişiklikler yapmak istiyorsanız, o zaman bir sürükle ve bırak sayfa oluşturucu eklentisi daha iyi bir seçenek olacaktır. Bir sayfa oluşturucu eklentisi ayrıca yazı tipi renklerini değiştirmek veya WordPress'te satır sonları eklemek gibi küçük ayarlamalar yapmanıza da olanak tanır.
Bir eklenti kullanmak istemiyor musunuz veya sadece bu tek değişikliği mi yapmak istiyorsunuz? O zaman manuel CSS kodu seçeneği sizin için en iyisi olabilir.
Paragraf Boşluğunu CSS Koduyla Manuel Olarak Değiştirme
Bir eklenti olmadan satır sonlarını manuel olarak eklemek için temanıza bazı CSS eklemeniz gerekir.
CSS, temelde Microsoft Word'deki biçimlendirme özelliği gibidir. Düğmelere tıklamak yerine, düz CSS kodu yazacaksınız. Bazı yeni başlayanların düşündüğü kadar korkutucu değil. Talimatları takip ettiğiniz sürece CSS'yi anlamak çok kolaydır.
Temanıza özel CSS eklemek için Görünüm » Özelleştir sayfasına gitmeniz gerekir. Bu, WordPress tema özelleştiricisini başlatacaktır; burada sol sütundaki 'Ek CSS' sekmesine tıklamanız gerekir.
Bu menü seçeneklerini göremiyorsanız, blok teması kullanıyor olabilirsiniz. Lütfen WordPress yöneticisinde eksik tema özelleştiricisini düzeltme makalemize bakın: WordPress yöneticisinde eksik tema özelleştiricisini düzeltme.
Özel CSS kutusuna aşağıdaki CSS kodunu eklemeniz gerekir:
Bu kod, yazılarınızın ana içerik alanındaki tüm paragraf öğelerini (p) hedefler; WordPress genellikle bunu .post sınıfıyla tanımlar. Bu, yalnızca makalelerinizi etkilemesini sağlar.
.post p{line-height: 1.5em;}Yukarıda gösterilen CSS kuralı, paragraf içeriğinin satır aralığını 1.5em olarak değiştirecektir. Em, tipografide bir genişlik birimidir.
Şimdi, bu sadece tek satır aralığının aralığını değiştirir.
WordPress'te paragraf aralığını (yani çift satır aralığını) değiştirmek istiyorsanız, dolgu eklemeniz gerekir.
.post p {
line-height: 1.5em;
padding-bottom: 15px;
}
Bu CSS kodundaki sayıları ayarlamaktan çekinmeyin. padding-bottom değerini değiştirmek, paragraflarınız arasındaki boşluğu değiştirecektir.
Ayrıca WPCode eklentisini kullanarak sitenize özel CSS ekleyebilirsiniz. Eklenti, kodları sitenize eklemeyi ve yönetmeyi çok kolaylaştırır.
Daha fazla ayrıntı için, WordPress sitenize özel CSS ekleme konusundaki rehberimize bakın.
Talimatları okumaktan hoşlanmıyorsanız, video eğitimimizi izleyin.
Video Eğitim
Görsel bir anlatım için aşağıdaki video eğitimimizi izleyebilirsiniz. İçeriğinize tek ve çift satır aralığı eklemek için tartıştığımız tüm yöntemleri kapsar.
Umarım bu makale WordPress'te satır sonu eklemenize yardımcı olmuştur. Ayrıca WordPress blok deseni nasıl kullanılır rehberimize ve en iyi Gutenberg uyumlu WordPress temaları listemize de göz atmak isteyebilirsiniz.
Bu makaleyi beğendiyseniz, lütfen WordPress video eğitimleri için YouTube Kanalımıza abone olun. Bizi ayrıca Twitter ve Facebook'ta da bulabilirsiniz.
Ralph
Eski oluşturucuda bu büyük bir sorundu. Nasıl görüneceğini hiç bilmiyordum ve her birkaç satırda bir önizlemeye basmak zorunda kalıyordum ama sanırım gutenberg ile bu çok daha kolay ve sadece shift+enter kullanmayı öğrendim. Bunu otomatik olarak ve neredeyse bilinçsizce yapıyorum. Nedenini bilmiyorum ama bazı web siteleri sadece enter veya değil, shift+enter'a izin vermiyor ve o zaman "NEDEN çalışmıyor!" diyorum.
Deepak Sahani
Harika video ve gönderi sorumu çözdü.
WPBeginner Desteği
Glad our guide could be helpful!
Yönetici
Jennyfer
Bu bilgi için çok teşekkür ederim! Çok faydalı. Tam olarak aradığım şeydi.
WPBeginner Desteği
Glad our guide was helpful
Yönetici
Colleen Cochran
Şiirlerde tek satır aralığı için shift-enter tuş kombinasyonunu sonunda buldum, ancak gönderi yayınlandığında ve takipçilere e-posta ile gönderildiğinde, biçimlendirme kayboluyor ve tüm satırlar birbirine giriyor. Bunu nasıl düzeltebilirim?
WPBeginner Desteği
Bu sorunu düzeltmek için stil konusunda bildirim göndermek için kullanılan araçla görüşmek isteyeceksiniz.
Yönetici
Luiz
Teşekkürler! Çok kullanışlı!
WPBeginner Desteği
You’re welcome
Yönetici
Robin
Çok yardımcı oldu! Teşekkürler!!
WPBeginner Desteği
You’re welcome
Yönetici
Dhirendra
Görüntü boşluğunu azaltmak için herhangi bir seçenek var mı?
WPBeginner Desteği
Belirli resme bağlı olacaktır ancak boşluğa neden olan şeyi bulmak için başlangıç noktası olarak aşağıdaki rehberimize bakmak isteyeceksiniz:
https://014.leahstevensyj.workers.dev/wp-tutorials/basics-of-inspect-element-with-your-wordpress-site/
Yönetici
jan van den hoed
Açıklama için teşekkürler. Ancak bir sorum var. Bir akıllı telefonda aynı şeyi nasıl yapabilirim. Blogumu yoldayken düzenliyorum ve bir dizüstü bilgisayarım yok. Shift enter denedim ama işe yaramadı
WPBeginner Desteği
Mobilin sınırlamaları nedeniyle, muhtemelen CSS yöntemini kullanmanız gerekecektir.
Yönetici
Val
Çok teşekkürler, harika bir yardım oldu. Boşluklarla çok uğraşıyordum!
WPBeginner Desteği
Glad our guide was helpful
Yönetici
Stephen
Teşekkürler, çok yardımcı oldu.
WPBeginner Desteği
Glad our article was helpful
Yönetici
Douglas Daniel
CSS'yi değiştirmek için premium bir plan satın almam gerektiğini söylüyor. Şansım kalmadı mı?
WPBeginner Desteği
Görünüşe göre WordPress.com'dasınız ve bu eğitim WordPress.org siteleri içindir:
https://014.leahstevensyj.workers.dev/beginners-guide/self-hosted-wordpress-org-vs-free-wordpress-com-infograph/
maalesef içeriği tek satır aralığına almak için shift+enter gibi diğer seçeneklerle sınırlı kalırsınız.
Yönetici
SOO
Teşekkürler! Yardımcı oldu!!
WPBeginner Desteği
You’re welcome, glad our article could help
Yönetici
Rebecca
Benim için işe yaramadı. İşe yaramamasının herhangi bir nedeni var mı?
WPBeginner Desteği
Bir sayfa oluşturucu eklentisi kullanıyorsanız, tek/çift satır aralığı için farklı bir yöntemleri olabilir. Aksi takdirde, eklentilerinizi devre dışı bırakmanız veya temanızı değiştirmek için kontrol etmeniz gereken bir eklenti/tema çakışması olabilir.
Yönetici
Tim G
Normal paragraf satırları arasındaki boşluğu azaltmak istiyorum — IMHO, varsayılan olarak çok fazla beyaz alan var. Ayrıca bir paragrafın sonuna tam bir satır yerine yarım satır eklemek istiyorum: Wordpress varsayılan olarak çift satır başı döndürme eşdeğerini yapıyor gibi görünüyor ki bu oldukça yirminci yüzyıl ve Word'ün yapabildiklerini taklit etmiyor. Herhangi bir fikriniz var mı?
WPBeginner Desteği
You would want to reach out to the support for your specific theme and they should be able to tell you what CSS needs to be added to reduce your line spacing
Yönetici
şimdilik ahmad
Çok teşekkürler
çok yardımcı
WPBeginner Desteği
Glad our guide could be helpful
Yönetici
Sumeet
teşekkürler tam olarak aradığım şeydi, yardımcı oldu…
WPBeginner Desteği
Glad our article helped
Yönetici
Jen
Tanrı seni korusun! Bunu CSS ile paylaştığınız için çok minnettarım! Sadece bu kadarının aralığı değiştirmek için yeterli olduğunu kim bilirdi! Uzun zamandır böyle bir şey arıyordum! Çok teşekkür ederim!
WPBeginner Desteği
Glad our article could help you
Yönetici
Kathy
“Shift” enter yöntemini kullanıyorum ama bunu yaptığımda farklı boyutlarda yazı tipi kullanmama izin vermiyor. Bir çözümü var mı?
WPBeginner Desteği
Merhaba Kathy,
Lütfen WordPress'te yazı tipi boyutunu nasıl değiştireceğiniz hakkındaki rehberimize bakın.
Yönetici
Lora Staples
HARİKA video. İçeriği, temposu ve konuşmacının tonu harikaydı. TEŞEKKÜRLER!
Kunal Khandelwal
Thank you so much for this suggestion. Didn’t know it was so easy