Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Kupası
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPress’te Yatay Çizgi Ayırıcı Nasıl Eklenir (3 Yöntem)

WordPress yazınıza veya sayfanıza yatay bir çizgi eklemek, okunabilirliği artırmanın etkili bir yoludur. Bu çizgiler uzun yazıların yönetilebilir bölümlere ayrılmasına yardımcı olarak içeriğinizin ilgi çekici kalmasını sağlar.

Yatay bölücüler, önemli duyurulara veya promosyonlara dikkat çekmek için de mükemmeldir. Sayfanızın farklı bölümlerini net bir şekilde ayırarak okuyucuların takip etmesini kolaylaştırır.

Bu kılavuzda, WordPress’te yatay çizgi bölücüler eklemek için 3 kolay yöntemde size yol göstereceğiz. Ayrıca bazı yatay çizgi ayırıcı alternatiflerini de paylaşacağız.

How to add a horizontal line in WordPress

WordPress’te Neden Yatay Çizgi Ayırıcı Eklemelisiniz?

Ziyaretçilerin sayfanızdan çıkıp çıkmamaya karar vermesi yalnızca saniyeler sürer. Cihaza bağlı olarak, tarayıcılar blog yazınızı uzun metin duvarları olarak görüntüleyebilir.

Blog makalesi değerle dolu olsa bile, içeriğin okunması çok zorsa birçok okuyucu makaleyi terk edecektir.

Yatay bir satır ayırıcı eklemek, içeriğinizin okunmasını sağlamak için gereken tek şey olabilir.

Yatay bir çizgi ayırıcı, okunabilirliği artırmaya yardımcı olabilir ve sonuç olarak blog yazılarınızda ve sayfalarınızda kullanıcı etkileşimini artırabilir. Bunun ötesinde, içeriğinizdeki önemli alıntıları veya geçişleri vurgulamaya yardımcı olan kilit noktaları vurgulayabilir.

Bu, WordPress’te yatay çizgi bölücü ekleme konusunda kapsamlı bir kılavuz olduğundan, kullanmak istediğiniz yöntemi bulmak için içindekiler tablomuzu kullanmayı yararlı bulabilirsiniz:

Hazır mısınız? Hadi başlayalım.

Yöntem 1: WordPress Blok Düzenleyicisinde Yatay Çizgi Ekleme

WordPress blok düzenleyicisini kullanarak yatay bir çizgi eklemek için, çizginin olmasını istediğiniz yere yeni bir blok eklemek üzere ‘+’ simgesine tıklayabilirsiniz.

Adding a new block where you want your horizontal line

Ardından, ‘Düzen Elemanları’ bölümünden ‘Ayırıcı’ bloğunu seçelim.

Arama çubuğunu kullanarak kolayca bulabilirsiniz.

Find and add the Separator block

Eklendikten sonra, içerik alanınızda yatay çizgi bölücünüzü göreceksiniz.

WordPress Blok Düzenleyicisinde Yatay Çizgiyi Şekillendirme

Varsayılan olarak, yatay bölücü yazınızın veya sayfanızın ortasında soluk gri bir çizgidir.

Bloğunu seçmek için satıra tıklayarak nasıl göründüğünü değiştirebilirsiniz. Ardından, ekranınızın sağ tarafında ‘Blok’ düzenleme paneli açılacaktır.

Click on the Separator block to select it and edit the settings

Çizginizin stilini değiştirmek için Stiller’in yanındaki küçük oka tıklamanız yeterlidir. Ardından farklı seçenekleri göreceksiniz.

İsterseniz yatay çizgiyi bunlardan biriyle değiştirebilirsiniz:

  • Gönderinizin içeriğinin tüm genişliğini kapsayan geniş bir çizgi.
  • Gönderinizin ortasında üç nokta görüntülenir.
The different styles available for the Separator block

Not: Bazı WordPress temalarında, hem geniş çizgi hem de varsayılan çizgi yazınızın tüm genişliğini kaplayacaktır.

Yatay çizginizin rengini ‘Renk’ ayarları altından da değiştirebilirsiniz. Görüntülenen seçeneklerden birine tıklamanız veya herhangi bir renk seçmek için ‘Özel renk’ bağlantısını kullanmanız yeterlidir.

Change the color of the horizontal line

Varsayılan gri renge geri dönmek istiyorsanız, renk seçeneklerinin altındaki ‘Temizle’ düğmesine tıklamanız yeterlidir.

Burada, yatay çizgimiz mavidir ve ‘geniş’ stili kullanır.

A horizontal line that's been modified to be wide and blue

Yöntem 2: WordPress Klasik Düzenleyicide Yatay Çizgi Ekleme

Hala klasik düzenleyiciyi kullanıyorsanız endişelenmeyin; hala temel yatay çizgiler ekleyebilirsiniz.

Bunu yapmak için mevcut bir gönderiyi veya sayfayı düzenlemeniz ya da yeni bir tane oluşturmanız yeterlidir. Yazı düzenleyicinin üzerindeki araç çubuğunda yalnızca bir sıra düğme görüyorsanız, sağdaki Araç Çubuğu Geçiş simgesine tıklayın:

Click the Toolbar Toggle button to see the second row of icons

Bu, yatay çizgi seçeneğini içeren ikinci düğme sırasını açacaktır.

Şimdi, devam edin ve yatay çizginin gitmesini istediğiniz paragraflar arasına bir satır sonu koyun. Daha sonra ‘Yatay Çizgi’ simgesine tıklayabilirsiniz. İkinci satırda soldan ikinci simgedir:

The horizontal line button in the classic WordPress editor

Eklendikten sonra açık gri yatay bir çizgi göreceksiniz.

Yazınızın tüm genişliğini bu şekilde kaplayacaktır:

A horizontal rule created using the classic editor

HTML kullanarak manuel olarak Yatay Çizgi bölücü ekleme

Bazı nadir durumlarda, WordPress içeriğinize manuel olarak yatay bir çizgi bölücü eklemeniz gerekebilir.

Eğer öyleyse, içeriğinizde hr HTML etiketini kullanarak bunu kolayca yapabilirsiniz:

<hr>

Bu, gönderi içeriğinize yatay çizgi ayırıcı ekleyecektir.

Yöntem 3: WPForms Kullanarak WordPress Formlarına Sayfa Sonu Ekleme

Peki ya bir yazıya ya da sayfaya değil de WordPress iletişim formuna ara vermek isterseniz? Bunu da yapabilirsiniz!

Bunun için WPForms kullanacağız.

Öncelikle WPForms eklentisini indirmeniz, kurmanız ve etkinleştirmeniz gerekir. Nasıl yapılacağından emin değilseniz, WordPress eklentisinin nasıl kurulacağına ilişkin adım adım kılavuzumuza göz atın.

Ardından, WordPress panonuzdan WPForms ” Yeni Ekle bölümüne gidebilirsiniz.

Creating a new form using WPForms

Bir sonraki ekranda, formunuz için bir ad girecek ve ardından bir şablon seçeceksiniz.

Bu eğitim için‘Teklif İsteme Formu‘ şablonunu kullanacağız.

Bir şablon seçtikten sonra, formunuzu oluşturmak için fare imlecinizi şablonun üzerinde gezdirebilir ve düğmeye tıklayabilirsiniz.

Creating a quote form in WPForms

Ardından, sol taraftaki ‘Alan Ekle’ sekmesini aşağı kaydırarak ‘Süslü Alanlar’ bölümüne geçelim.

Ardından, ‘Sayfa Sonu’nu form üzerinde istediğiniz yere sürükleyip bırakabilirsiniz. Biz bunu ‘İstek’ kutusunun hemen önüne koyuyoruz.

Adding a page break in WPForms

Formun artık iki parçaya ayrıldığını göreceksiniz. WPForms otomatik olarak bir ‘İleri’ düğmesi de eklemiştir.

İsterseniz ‘Sonraki’ etiketini değiştirebilir ve kullanıcıların formun ikinci sayfasına gitmeleri için bir ‘Önceki’ düğmesi ekleyebilirsiniz.

Düzenlemek için sayfa sonu alanına tıklamanız yeterlidir.

Editing the page break field in WPForms

İşiniz bittiğinde, sağ üstteki ‘Kaydet’ düğmesine tıklayarak formu kaydedebilirsiniz.

Şimdi sıra formu web sitenize eklemeye geldi.

Devam edin ve başlamak için ‘Kaydet’ düğmesinin hemen yanındaki ‘Yerleştir’ düğmesine tıklayın. Bu, yeni bir gönderi veya sayfa oluşturabileceğiniz ya da mevcut bir gönderiyi düzenleyebileceğiniz bir komut penceresi açacaktır.

Bu eğitim için ‘Mevcut sayfayı seç’ seçeneğini seçeceğiz.

WPForms' embed prompt window

Bir sonraki adım, mevcut sayfalar arasından seçim yapmak ve “Hadi Gidelim!” düğmesine tıklamaktır.

Daha sonra WordPress’in içerik düzenleyicisine yönlendirileceksiniz.

Buradan, yazınıza veya sayfanıza yeni bir blok eklemek için ‘+’ simgesine tıklayın ve ‘WPForms’ bloğunu bulun. Arama çubuğunu kullanabilir veya ‘Widget’lar’ bölümüne bakabilirsiniz.

Bulduğunuzda, bloğu sayfanıza eklemek için üzerine tıklayın.

Adding the WPForms block to your page or post

Şimdi, formunuzu seçmek için bir seçenek göreceksiniz.

Devam edin ve açılır listeden yeni oluşturduğunuz formu seçin.

Choose your form from the dropdown list

Bunu yaptıktan sonra, gönderiyi veya sayfayı yayınlayabilirsiniz. Ve hepsi bu kadar!

Şimdi, gönderiyi veya sayfayı ziyaret ederseniz, formu çalışırken görebilirsiniz.

The form with a page break on the website

Bonus İpucu: Yazılarınızda ve Sayfalarınızda Kullanabileceğiniz Diğer Ayırıcılar

Varsayılan WordPress blok düzenleyicisi, yazılarınıza ve sayfalarınıza birden fazla ayırıcı türü eklemenize olanak tanır.

Yatay çizgi ayırıcının yanı sıra, ‘Düzen Unsurları’ blok kümesindeki diğer seçenekler arasında ‘Ara Parça’, ‘Daha Fazla’ bağlantısı ve ‘Sayfa Sonu’ blokları yer alır.

Ara Parça Bloğu

‘Aralayıcı’ bloğu, bloklar arasına beyaz boşluk eklemenizi sağlar. Örneğin, gönderinizin sonunda özel bir tekliften önce hafif bir boşluk olmasını istiyorsanız ‘Ara Boşluk’ kullanabilirsiniz.

Gönderinizi blok düzenleyicide oluştururken şu şekilde görünür:

The Spacer block in the block editor

Ara parçanın yüksekliğini içerik alanınıza daha iyi uyacak şekilde özelleştirebilirsiniz.

Ve işte ara parçanın sitenizde nasıl görünebileceği:

How the spacer block appears in a page or post

The More Block

Temanız ana blog sayfanızda alıntılar yerine yazıların tamamını gösteriyorsa, bir ‘Daha Fazla’ bağlantısı eklemek yazınızı o noktada kesecektir.

Bu, ziyaretçilerin daha fazlasını okumak için tıklamasını gerektirecektir.

The More block in the post editor

Yukarıdaki resim içerik düzenleyicide ne göreceğinizi göstermektedir.

Ve aşağıda sitenizde ziyaretçilere nasıl görünebileceği gösterilmektedir:

The Read More block in a post on the site

Daha fazla bloğunun nasıl doğru şekilde kullanılacağı ve WordPress’te alıntıların nasıl kolayca özelleştirileceği hakkındaki kılavuzlarımızda bu konuda daha fazla bilgi edinebilirsiniz.

Sayfa Sonu Bloğu

‘Sayfa Sonu’ uzun blog gönderilerini birden fazla sayfaya bölmenize olanak tanır, ancak bunu hiçbir şekilde özelleştiremezsiniz. Gönderinizi oluştururken şu şekilde görünür:

The page break block shown in the block editor

Ardından, ‘Sayfa Sonu’ sayfa numaralarını kullanacak ve okuyucuların hangi sayfaya gitmek istediklerini seçmelerine izin verecektir.

Sitenizde şu şekilde görünebilir:

The page break as it appears on a site

Amacınıza bağlı olarak, bunlardan herhangi biri WordPress’te yatay bir çizgi eklemek için iyi alternatifler olabilir.

Umarız bu eğitim WordPress’te yatay çizgi ayırıcıların nasıl ekleneceğini öğrenmenize yardımcı olmuştur. Yazılarınıza ve sayfalarınıza daha fazla tasarım ve düzen öğesi eklemek istiyorsanız, en iyi sürükle ve bırak WordPress sayfa oluşturucuları hakkındaki makalemize göz atın veya WordPress’te özel bir şekil bölücü oluşturma hakkındaki blog yazımızı okuyun.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Açıklama: İçeriğimiz okuyucu desteklidir. Bu, bazı bağlantılarımıza tıklarsanız komisyon kazanabileceğimiz anlamına gelir. WPBeginner'ın nasıl finanse edildiğini, neden önemli olduğunu ve nasıl destek olabileceğinizi görün. İşte editoryal sürecimiz.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Ultimate WordPress Araç Kiti

Araç setimize ÜCRETSİZ erişim sağlayın - her profesyonelin sahip olması gereken WordPress ile ilgili ürün ve kaynaklardan oluşan bir koleksiyon!

Reader Interactions

5 yorumBir Cevap Bırakın

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Jiří Vaněk

    May I ask you, if its possible to make dividier horizontal, instead fo vertical?

    • WPBeginner Support

      For that you would want to create columns and then you would use css to add the border property to the columns.

      Yönetici

  3. Shoaib

    Does using hr tags between article affect SEO?

    • WPBeginner Support

      It would depend on how they are being used but for the most part they should not have a major effect.

      Yönetici

Bir Cevap Bırakın

Yorum bırakmayı seçtiğiniz için teşekkür ederiz. Lütfen tüm yorumların yorum poli̇ti̇kasi uyarınca denetlendiğini ve e-posta adresinizin yayımlanmayacağını unutmayın. Ad alanında anahtar kelime KULLANMAYIN. Kişisel ve anlamlı bir sohbet edelim.