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 (5 Yöntem)

Editoryal Not: WPBeginner üzerindeki ortak bağlantılardan komisyon kazanıyoruz. Komisyonlar, editörlerimizin görüşlerini veya değerlendirmelerini etkilemez. Editoryal Süreç hakkında daha fazla bilgi edinin.

WordPress’te yazınız veya sayfanız boyunca yatay bir çizgi mi eklemek istiyorsunuz?

Yatay çizgi bölücüler, uzun gönderileri daha küçük bölümlere ayırmak, özel duyuruları veya promosyonları vurgulamak ve bir sayfanın farklı bölümlerini net bir şekilde ayırmak için harika bir yoldur.

Bu makalede, WordPress’te nasıl kolayca yatay çizgi bölücü ekleyebileceğinizi göstereceğiz.

How to add a horizontal line in WordPress

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

Ziyaretçilerin sayfanızdan ayrılmak isteyip istemediklerini anlamaları yalnızca saniyeler sürer. Cihaza bağlı olarak, bazen tarayıcılar blog yazınızı uzun metin duvarları olarak görüntüleyebilir.

Blog makalesi çok değerli olsa bile, içeriğin okunması çok zor görünüyorsa 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; bu da okunabilirliği artıracak ve sonuçta blog yazılarınızda ve sayfalarınızda kullanıcı etkileşimini artıracaktır.

Bunun ötesinde, yatay çizgi ayırıcılar önemli noktaları vurgulayabilir. Örneğin, içeriğinizdeki önemli alıntıları veya geçişleri vurgulamanıza yardımcı olabilir.

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:

WordPress Blok Düzenleyicisine 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ıklayın.

Adding a new block where you want your horizontal line

Ardından, Düzen Öğeleri bölümünden Ayırıcı bloğunu seçin.

Arama çubuğunu kullanarak da arama yapabilirsiniz.

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 isterseniz, 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

WordPress Klasik Düzenleyicide Yatay Çizgi Ekleme

Hala klasik düzenleyiciyi kullanıyorsanız, 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 düğmesine tıklayabilirsiniz. İkinci satırda soldan ikinci düğmedir:

The horizontal line button in the classic WordPress editor

Yatay çizginiz açık gri olacaktır.

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.

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ısının yanı sıra, Düzen Öğeleri blok kümesindeki diğer seçenekler Aralayıcı, Daha fazla bağlantı ve Sayfa Sonu bloklarını içerir.

Ara Parça Bloğu

Ara Parça, 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 Parçayı 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 özelleştirebilirsiniz.

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

How the spacer block appears in a page or post

The More Block

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

Ziyaretçi daha fazlasını okumak için tıklayabilir.

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ündüğü gösterilmektedir.

The Read More block in a post on the site

WordPress’te alıntıları kolayca özelleştirme hakkındaki kılavuzumuzda alıntılar hakkında daha fazla bilgi edinebilirsiniz.

Sayfa Sonu Bloğu

Sayfa Arası, uzun blog gönderilerini birden çok sayfaya bölmenizi sağlar. Herhangi bir şekilde özelleştiremezsiniz. Gönderinizi oluştururken şu şekilde görünür:

The page break block shown in the block editor

Sayfa sonu sitenizde şu şekilde görünür.

Sayfa numaralarını nasıl kullandığına ve okuyucuların hangi sayfaya gitmek istediklerini seçmelerine nasıl izin verdiğine dikkat edin.

The page break as it appears on a site

Bunlardan herhangi biri, ne yapmayı amaçladığınıza bağlı olarak WordPress’te yatay bir çizgi eklemek için iyi alternatifler olabilir.

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 istiyorsanız? 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 kontrol panelinizde WPForms ” Yeni Ekle bölümüne gidin.

Creating a new form using WPForms

Formunuz için bir ad girin, ardından bir şablon seçin. Biz kendiformumuz için‘Teklif İsteme Formu‘ şablonunu kullanacağız.

Fare imlecinizi şablonun üzerinde gezdirin ve formunuzu oluşturmak için düğmeye tıklayın.

Creating a quote form in WPForms

Ardından, sol taraftaki Alan Ekle sekmesini Fantezi Alanlar bölümüne kaydırın.

Sayfa Sonunu form üzerinde istediğiniz yere sürükleyip bırakın. Biz onu İ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 formun ikinci sayfasına gitmek 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 formunuzu kaydedin.

Artık formu web sitenize ekleyebilirsiniz.

Öncelikle, yeni bir gönderi veya sayfa oluşturmanız ya da mevcut bir gönderiyi düzenlemeniz gerekir.

Gönderinize veya sayfanıza yeni bir blok eklemek için (+) işaretine tıklayın ve WPForms bloğunu bulun. Arama çubuğunu kullanabilir veya Widget’lar bölümüne bakabilirsiniz. Bloğu sayfanıza ekleyin.

Adding the WPForms block to your page or post

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

Açılır listeden seçim yapın.

Choose your form from the dropdown list

Bunu yaptıktan sonra, gönderiyi veya sayfayı yayınlayabilirsiniz.

Ardından, formunuzun web sitenizde nasıl göründüğünü kontrol edin.

The form with a page break on the website

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 says

    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!

    • WPBeginner Support says

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

      Yönetici

    • WPBeginner Support says

      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.