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.
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.
Ardından, Düzen Öğeleri bölümünden Ayırıcı bloğunu seçin.
Arama çubuğunu kullanarak da arama yapabilirsiniz.
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.
Ç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.
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.
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.
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:
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:
Yatay çizginiz açık gri olacaktır.
Yazınızın tüm genişliğini bu şekilde kaplayacaktır:
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:
Ara parçanın yüksekliğini özelleştirebilirsiniz.
Ve işte ara parçanın sitenizde nasıl göründüğü:
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.
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.
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:
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.
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.
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.
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.
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.
İş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.
Şimdi, formunuzu seçmek için bir seçenek göreceksiniz.
Açılır listeden seçim yapın.
Bunu yaptıktan sonra, gönderiyi veya sayfayı yayınlayabilirsiniz.
Ardından, formunuzun web sitenizde nasıl göründüğünü kontrol edin.
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.
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!
Jiří Vaněk says
May I ask you, if its possible to make dividier horizontal, instead fo vertical?
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
Shoaib says
Does using hr tags between article affect SEO?
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