WordPress’te Yatay Satır Ayırıcı Nasıl Eklenir (5 Yöntem)

750 425 KreatifAjans

WordPress’teki yazınıza veya sayfanıza yatay bir çizgi eklemek ister misiniz?

Yatay çizgi bölücüler, uzun gönderileri daha küçük bölümlere ayırmanın, özel duyuruları veya promosyonları vurgulamanın ve bir sayfanın farklı bölümlerini açıkça ayırmanın harika bir yoludur.

Bu makalede, WordPress’te yatay bir çizgi bölücünün nasıl kolayca ekleneceğini göstereceğiz.

How to add a horizontal line in WordPress

Bu, WordPress’te yatay bir çizgi bölücünün nasıl ekleneceğine dair kapsamlı bir kılavuz olduğundan, içerik tablomuzu kullanmak yararlı olabilir:

Blok Düzenleyicide Yatay Çizgi Bölücü Nasıl Eklenir
  • Klasik Düzenleyicide Yatay Çizgi Bölücü Nasıl Eklenir
  • Manuel HTML ile Yatay Çizgi Bölücü Ekleme
  • WordPress’e Diğer Aralayıcı Türleri ve Sayfa Sonları Nasıl Eklenir
  • Uzun WordPress Formlarını Birden Çok Bölüme Ayırma
  • WordPress Blok Düzenleyicide Yatay Çizgi Ekleme

    WordPress blok düzenleyicisini kullanarak yatay bir çizgi eklemek için, çizginin olmasını istediğiniz yere yeni bir blok eklemek için (+) 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 veya arama çubuğunu kullanarak onu arayın.

    Find and add the Separator block

    Ekledikten sonra, içerik alanınızda yatay çizgi ayırıcınızı göreceksiniz.

    WordPress Blok Düzenleyicide Yatay Çizgiyi Stilize Etme

    Varsayılan olarak, yatay ayırıcı, yayınınızın veya sayfanızın ortasında soluk gri bir çizgidir.

    Bloğunu seçmek için çizgiye 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 tamamını kapsayan geniş bir çizgi.
  • Gönderinizin ortasında görüntülenen üç nokta.
  • The different styles available for the Separator block

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

    Yatay çizginizin rengini Renk ayarları altında da değiştirebilirsiniz. Herhangi bir rengi seçmek için görüntülenen seçeneklerden birini tıklamanız veya ‘Ö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üzenleyicisine 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üzenleyin ya da yeni bir tane oluşturun.

    Gönderi düzenleyicinin üzerindeki araç çubuğunda yalnızca bir satır düğme görüyorsanız, sağdaki Araç Çubuğu Değiştirme simgesini 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 yerde paragraflar arasına bir satır sonu koyun. Daha sonra Yatay Çizgi düğmesini tıklayabilirsiniz. İkinci satırda soldan ikinci:

    The horizontal line button in the classic WordPress editor

    Yatay çizginiz açık gri olacaktır. Gönderinizin tüm genişliğini şu ş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 ayırıcı eklemeniz gerekebilir.

    Öyleyse, içeriğinizdeki hr HTML etiketini kullanarak bunu kolayca yapabilirsiniz:

    <hr>

    Bu, yazı 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üzenleyici, yazılarınıza ve sayfalarınıza birden çok ayırıcı türü eklemenize olanak tanır.

    Yatay çizgi ayırıcının yanı sıra, Düzen Öğeleri bloklar kümesindeki diğer seçenekler arasında Ara Parça, Diğer bağlantısı ve Sayfa Sonu blokları bulunur.

    Spacer Blok

    Spacer, bloklar arasına beyaz boşluk eklemenizi sağlar. Örneğin, özel bir tekliften önce gönderinizin sonunda küçük bir boşluk istiyorsanız, Spacer’ı kullanabilirsiniz.

    Ara parçanın yüksekliğini özelleştirebilirsiniz. Blok düzenleyicide yayınınızı oluştururken şöyle görünüyor:

    The Spacer block in the block editor

    Ve sitenizde boşluk bırakıcı şu şekilde görünür:

    How the spacer block appears in a page or post

    Daha Fazla Blok

    Temanız ana blog sayfanızda tam yayınlar (alıntılar yerine) gösteriyorsa, bir ‘Daha Fazla’ bağlantısı eklemek, bu noktada yayınınızı kesecektir. Ziyaretçi daha fazlasını okumak için tıklayabilir.

    Yayınınızı oluştururken şöyle görünüyor:

    The More block in the post editor

    Sitenizde Diğer bağlantısı şu şekilde görünür:

    The Read More block in a post on the site

    Alıntıların WordPress’te kolayca nasıl özelleştirileceğine dair kılavuzumuzda alıntılar hakkında daha fazla bilgi edinebilirsiniz.

    Sayfa Sonu Bloğu

    Sayfa Sonu, uzun blog gönderilerini birden çok sayfaya bölmenizi sağlar. Hiçbir şekilde özelleştiremezsiniz. Yayınınızı oluştururken şöyle görünüyor:

    The page break block shown in the block editor

    Sitenizde sayfa sonu şu şekilde görünür:

    The page break as it appears on a site

    Bunlardan herhangi biri, yapmak istediğiniz şeye bağlı olarak WordPress’e yatay bir çizgi eklemenin iyi bir alternatifi olabilir.

    WPForms Kullanarak WordPress Formlarına Sayfa Sonu Ekleme

    Ya bir gönderi veya sayfaya değil, bir WordPress iletişim formuna bir ara vermek istiyorsanız? Bunu sen de yapabilirsin. Bunun için WPForms kullanacağız.

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

    Ardından, WPForms’a gidin » WordPress panonuza Yeni Ekle.

    Creating a new form using WPForms

    Formunuz için bir ad girin ve ardından bir şablon seçin. Bizimki için ‘Teklif Formu İste’ şablonunu kullanacağız. Formunuzu oluşturmak için fare imlecinizi şablonun üzerine getirin ve düğmeye tıklayın.

    Creating a quote form in WPForms

    Ardından, sol taraftaki Alan Ekle sekmesini aşağı kaydırarak Süslü Alanlar bölümüne gidin. Sayfa Sonunu formda istediğiniz yere sürükleyip bırakın. Bunu İstek kutusunun hemen önüne koyuyoruz.

    Adding a page break in WPForms

    Formun artık iki bölüme ayrıldığını göreceksiniz. WPForms, otomatik olarak bir ‘İleri’ düğmesi de ekledi.

    İ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

    Formunuzu tamamladığınızda sağ üstteki Kaydet düğmesini tıklayarak kaydedin.

    Artık formu web sitenize ekleyebilirsiniz. Öncelikle, yeni bir gönderi veya sayfa oluşturmanız ya da mevcut bir sayfayı düzenlemeniz gerekir.

    Gönderinize veya sayfanıza yeni bir blok eklemek ve WPForms bloğunu bulmak için (+) işaretine tıklayın. 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 açılır listeden formunuzu seçin.

    Choose your form from the dropdown list

    Bunu yaptıktan sonra, gönderiyi veya sayfayı yayınlayabilir ve formunuzun web sitenizde nasıl göründüğünü görüntüleyebilirsiniz.

    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.

    Bu makaleyi beğendiyseniz, lütfen WordPress video eğitimleri için YouTube Kanalımıza abone olun. Bizi Twitter ve Facebook’ta da bulabilirsiniz.

    Cevap bırakın