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.
phil rooksby
Ek CSS'im yok. Paragraf aralığını değiştirmek için diğer tüm yolları denedim ama hiçbiri işe yaramıyor, gerçekten berbat görünüyor. Lütfen yardım edin!!!
Norm
Yardımlarınız için teşekkür ederim. Her yerde arıyordum ve bunu bir eklenti ile yapmak istiyordum. Çok kolaylaştırdınız. Tekrar çok teşekkür ederim.
Maria
Merhaba! Paragraflarım arasında basit bir boşluk olmasını istiyorum ve çift boşluk için enter'a bastıktan sonra bile taslağı önizlediğimde hiçbir şey değişmedi (hala tek bir paragraf). Yardımcı olabilir misiniz?
Rashmi
Merhaba
Satır yüksekliğini ve aralığını değiştirmek istiyorum. Ancak temanın CSS dosyasında 'editör' simgesi (Appearance » Editor) yok.
Bu yüzden ne yapabilirim?
Yanıtınız için teşekkürler!
Hannah
Wow. Didn’t know it was so easy. Thank you so much! This double space was driving me crazy!
Christine
Teşekkürler! Çok daha kolay!
Donna
Teşekkürler, teşekkürler, teşekkürler!
Başka bir HTML düzenleyicisindeydim ve tek satır aralığının nasıl yapılacağını anlayamadım.
You saved the day!
Gerard
Harika ve sonsuz bir hayat kurtarıcı.
Bir müşterimin sitesinde boşluklarla mücadele ediyordum ve tam cevabı neredeyse parmaklarınızın ucunda bulmanız harikaydı. Artık kalıcı bir aboneyim.
Elandre
Tüm Wordpress ipuçları için teşekkürler. Bu site, yaşadığım çoğu zorlukta bana çok yardımcı oldu
LR
Pilcrow temasını kullanıyorum ve paragraflar arasındaki çift boşluğu nasıl yapacağıma dair hiçbir fikrim yok. Bazen gönderilerimde oluyor ama bazen olmuyor. HTML dosyasına baktığımda herhangi bir gönderi p veya dolgu göremiyorum. Sadece gönderinin nasıl görüneceğinin son halini görüyorum ve o zaman çift boşluğun işe yaramadığını biliyorum. Geri dönüp yeniden düzenleyip düzeltebilir miyim? Son olarak, görünümden düzenleyici menülerine gitmemi söylediğin yerde bu seçeneklere sahip değilim.
Görünüm altında şu seçeneklere sahibim: temalar, özelleştir, widget'lar, menüler, başlık, arka plan, AMP, Tema Seçenekleri, Mobil.
Lütfen yardım edin.
WPBeginner Desteği
Merhaba LR,
CSS'yi Appearance->Customize'ı ziyaret ederek ve ardından özelleştiricideki Additional CSS sekmesine tıklayarak ekleyebilirsiniz. WordPress'te özel CSS ekleme kılavuzumuza nasıl özel CSS ekleyeceğiniz konusunda bakın.
Bir tema sorunu olduğuna inanıyorsanız, geçici olarak varsayılan bir WordPress temasına geçmeyi deneyin. Sorun ortadan kalkarsa, tema geliştiricinizden destek isteyebilirsiniz.
Yönetici
Derek Cummings
Temam bozuk, yani varsayılan olarak çift boşluk yok. Tema diğer bir deyişle shift+enter modunda takılı kalmış. Yani aşağıdaki kodla ilgili olarak:
.post p { line-height: 1.5em; padding-bottom: 15px; }
15px normal bir varsayılan çift boşluk mu? Varsayılan olarak kaç piksel olmalı? Ayrıca bu kodu nereye koyduğumun bir önemi var mı? Teşekkürler!
Femi
Shift + Enter ipucu için teşekkürler. Yıllardır bunu bilmiyordum. Takıldığımda siteniz her zaman bir kurtarıcı oldu.
Lyn
Merhaba: Tüm tema CSS'ini değiştirmek yerine, tek bir sayfada tek bir örnek için özel satır aralığı (örneğin 1.5em) nasıl elde edilir? En azından bulduğum kadarıyla aynı şeyi soran iki kişi daha var ve yanıt alamamış. Teşekkürler!
Denise B
Paragraf kenar boşluklarını sıfıra ayarladım. CSS'nizde, p {kenar boşlukları: 0; } gibi bir şey olurdu
Los Hundlos
Wysiwyg tinye mce düzenleyicisinde WordPress'te satırlar arasında büyük boşluktan kaçınmak için Shift+Enter. İşe yarıyor !!!! Harika!
Cat
Sadece biraz metin ekleyip metin rengini beyaza çevirmeye ne dersiniz (arka plan beyazsa)? Bu, satır aralıklarını çok daha kolay oluşturmayı ve özelleştirmeyi mümkün kılacaktır (tabii ki arka plan, yazı tipi rengiyle eşleştirilemeyen bir şeyin resmi değilse).
Tim
Çok teşekkürler! Hayat kurtarıcı!
Michael Rich
Merhaba WPBeginner ekibi,
Farklı bir sorum var. Visual Composer kullanıyorum ve ana sayfadaki bölüm başlıklarımın arasına birçok Ayırıcı (Separator) ve Metin (Text) ekledim. Bu metin başlıklarını da o bölüme bağlantı yapmak istiyorum.
Ancak bağlantıyı her eklediğimde, ayırıcıdaki bölüm tanımlama metnini kaybediyorum ve sihirli bir şekilde varsayılan "TITLE" metniyle değiştiriliyor.
Bunu bir bağlantı haline getirmeye çalışmak için, bağlantı kodunu bu köşeli parantez içine ekliyorum:
[vc_text_separator title=”1950'LER ARABALARI”]
O kadar çok kafamı kaşıyorum ki kel olduğumu düşünüyorum. Herhangi bir yardım ömür boyu minnettar kalmamı sağlar!!!
Teşekkürler,
Mike
Anthony Cooper
WordPress 'Divi' temasını kullanıyorum ve daha büyük bir boşluk oluşturmak için enter'a (veya shift + enter) iki kez bastığınızda bunun yok sayıldığını fark ettim. Bunu aşmak için bir kez enter'a basın, satıra bir karakter yazın (ne olduğu önemli değil), onu vurgulayın ve karakterin yazı tipi rengini beyaza çevirin ve sonra tekrar enter'a basın; bu, temayı düzenlemek zorunda kalmadan satırlar arasında istenen boşluğu sağlar. Aynı şey bir satırdaki ek boşluklar için de geçerlidir; istediğiniz kadar karakter girin, onları vurgulayın ve yazı tipi rengini beyaza çevirin ve sonra istediğiniz yazı tipi renginde devam edin.
Julie
Harika ipucu! Bunun için çok teşekkürler, beni birçok baş ağrısından ve zahmetten kurtardın Anthony!
Robin Brinkler
Bazı arama motorlarının bu tür "gizli" metinleri spam olarak değerlendirebileceğini unutmayın.
Ellen
Bu gerçekten yardımcı oldu, teşekkürler!
Christy
THANK YOU!! I Love you guys! So glad I found this site! I’ve almost literally been banging my head against the wall. If I knew how to insert emojis, this post would be covered with hearts and smiley faces.
Christy
P.S. ~ HA! Küçük iki nokta üst üste ve parantezlerimin aslında bir gülen yüze dönüşeceğini bilmiyordum. LOL
Linda Paul
Ah evet! Bana yıllardır beni rahatsız eden bir sorunu (zorunlu tek satır aralıklı paragraflar) çözmeme yardım ettin!
WPBeginner Desteği
Glad you found it helpful
Yönetici
David M. Ebersole Sr.
WP Beginner abonesiyim.
Sitemde ürünüm için Mühendislik verilerini girme konusunda bir sorum vardı. Tablolardaki boşluklar sayfada çok büyük görünüyordu. Wordpress desteğini aradım ve gördüğüm tek şey tek satır aralığı sorusuna verilen kısa ve öz cevaplardı.
Soruyu ilk sen cevapladın ve belli ki doğruydu. Teşekkür ederim.
Saygılarımla,
Dave
WPBeginner Desteği
Glad you found it helpful
Yönetici
Mark
Android'de durum nedir. En son güncelleme çift aralık zorunlu hale getirdi (yeni paragraf). Şiir yazarları için pek iyi değil. Tek satıra geri dönmenin bir yolu var mı?
Cheryl
Omega Theme kullanıyorum ve kontrol/enter çalışmıyor. Yapabileceğim başka bir şey var mı? CSS dosyasında post.p'yi bulamıyorum.
Becky
Çok yardımcı oldu, teşekkürler!
Adnan Khan
Yeni wp kullanıcısı için bu çok faydalı ipucu için teşekkürler
Tina Gleisner
Yıllardır bunu çözmek istediğim ve çözümü bulmaya hiç fırsat bulamadığım için "kaydırma" ve tek satır aralığı için enter tuşuna bastığınız için teşekkürler.
Ian
Merhaba,
Bu benim için işe yaradı ama CSS sayfamda hiçbir şey yapmıyor...
Will
Bana da aynı şey oldu. Eklenecek güncellenmiş bir kod var mı?
A. Lougheed
Her yerde bir cevap arıyorum… metin düzenleyicide bir
eklediğimde, görsel düzenleyicide kaldırılıyor. Beni çıldırtıyor. Wpbeginner'ın bir tavsiyesi var mı?
Bunu durdurmak için bir eklenti eklemeli miyim?
Yıllar önce bir eklenti denedim, ancak her gönderiyi yeniden biçimlendirmek zorunda kaldım.
Eğitim veya tavsiye içeren herhangi bir bağlantı büyük takdir edilecektir!
WPBeginner Desteği
Actually it is also removed from your comment.
Lütfen WordPress gönderilerine özel karakter ekleme kılavuzumuza bakın.
Yönetici
Jessica
Tek bir gönderi için satır yüksekliğini ayarlama kodu nedir?
Bharadwaj
Teşekkür ederim, Yardımcı oldu
Samadarshi
Thank you for such wonderful articles
I was completely lost when I started wordpress but now I have a pretty basic idea
Thank u
Neal Umphred
Teşekkürler! Bu, yazıların düzenini sıkılaştırmama yardımcı oldu—her yazının ilk paragrafı hariç. Nedense satırlar çift aralıklı görünüyor. CSS Düzenle'ye ekleyebileceğim ve satırları sıkılaştırmama izin verecek bir kod parçacığı var mı?
Neal Umphred
Teşekkürler! Snippet'i (.post p{line-height: 1.5em;}) CSS Düzenleme'ye eklemek metnimi okumayı çok daha kolaylaştırdı. Şimdi, sorunum şu: her WordPress gönderisindeki ilk paragrafın satır aralığı diğer paragraflardan çok daha büyük ve bu satır yüksekliği kodundan etkilenmiyor. CSS Düzenleme'ye ekleyebileceğim, bu ilk satırları daraltacak başka bir kod parçası var mı?
tiffany
Çok teşekkür ederim. Siteniz harika. Bana çok yardımcı oldu. Abone oldum!! Lütfen harika işinize devam edin!!
WPBeginner Desteği
Nazik sözleriniz için teşekkürler. Yardımcı olabildiğimize sevindik.
Yönetici
Joe Simmons
Teşekkürler! Ben de "shift+enter" olayını bilmiyordum.
Debby
Shift + Enter. Kim bunun bu kadar basit olduğunu bilirdi! Teşekkürler, teşekkürler, teşekkürler!
Gamo Nana
tek satır aralığı için SHIFT + Enter tuşlarına bastığınız için teşekkürler
Bob M.
Bu bilgeliği (Shift+Enter) için size de teşekkür etmek isterim!
JE
Eğitim için teşekkürler. Ancak, tek satır paragraf aralığını nasıl ayarlayabilirim? 3 kelimelik bir başlığım var, ortalanmış ve 3 satıra yığılmış. Tüm satırların farklı yazı tipi boyutları var, bu nedenle satır aralıkları tutarsız. Bir metin düzenleyici aracı veya eklenti aracılığıyla kolayca ayarlamanın bir yolunu arıyordum.
Herhangi bir fikriniz var mı?
Syed Balkhi
Ctrl + F tuşlarına basarak bulabileceğiniz bir tarayıcı arama kutusu kullandık
Bay/Bayan
.post p'yi buldum, bir arama kutusu kullandınız. O arama kutusunu nasıl bulacağımı söyler misiniz? Teşekkürler4
Jun Han
Bu çok yardımcı oldu.
Teşekkürler.
http://www.digitalgrog.com.au/
bu şimdiye kadar en sinir bozucu şeyimdi..teşekkürler artık düzgün boşluk bırakabiliyorum ..bu arada hostların bir listesini yaptım göz at
http://www.digitalgrog.com.au/australian/comparison-on-blog-web-hosting-for-australians/
Karen Surfy Mum
Harika!! Bunu nasıl yapacağımı uzun zamandır merak ediyordum!!! Öğrenince ne kadar basitmiş… teşekkürler xxx
Widdershins
Oiiiiiiiiiiii!!! I’ve been trying to find out how to do that for yonks!!!!
Thankyouthankyouthankyou
fastow2012
“Eğer .post p etiketini bulamazsanız, o zaman basitçe bir tane oluşturun.”
Nereye? css dosyasının herhangi bir yerine kopyalayıp yapıştırmalı mıyım?
WPBeginner Ekibi
tercihen css dosyasının en altında.
Bay/Bayan
Üzgünüm ama nereye yerleştireceğimi hala anlamadım. Daha ayrıntılı açıklamak mümkün mü? Teşekkürler
James
Bunu nasıl yapacağımı hep merak etmişimdir. Eğitim için teşekkürler.
Valerie
Tam bir “yeni başlayan” sayılmam ama bilgimde boşluklar var ve siz bu yazar ve Word kullanıcısı için WP ile ilgili en sinir bozucu şeylerden birini çözdünüz… Bunun için ve tüm harika bilgileriniz için teşekkür ederim… Gönderilerinizden ve sitenizden harika şeyler öğrenmeye devam ediyorum. Teşekkürler ve size şerefe!
kelly
almost four years of blogging and finally!
so awesome, thanks!!