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 Özel Şekil Bölücü Nasıl Oluşturulur (2 Yol)

WordPress web sitenize özel şekil bölücüler mi eklemek istiyorsunuz?

Şekil bölücüler içeriğinizi ilgi çekici ve göz alıcı bir şekilde düzenleyebilir. Ayrıca, ziyaretçilerin ve müşterilerin önemli bilgileri kaçırmaması için sitenizin en önemli içeriğini vurgulayabilirler.

Bu makalede, WordPress’te özel bir şekil bölücünün nasıl oluşturulacağını göstereceğiz.

How to create a custom shape divider in WordPress

WordPress’te Neden Özel Şekil Bölücüler Oluşturmalısınız?

Şekil bölücü, içerik blokları arasına eklediğiniz bir bölüm bölücü türüdür.

Bu bölücüler, yerleşik WordPress bloklarıyla oluşturulan yatay bir çizgi gibi basit olabilir.

A custom shape divider, created using the built-in WordPress tools

Bu temel bölücüleri, içeriği düzenlemek ve ayırmak için kullanabilirsiniz; bu, özellikle birçok farklı konuyu kapsayan sayfalarda kullanışlıdır.

Sayfa oluşturucu eklentileri ve diğer web tasarım yazılımlarını kullanarak daha gelişmiş şekil bölücüler de oluşturabilirsiniz. Bunlar, sitenizin en önemli içeriğini vurgulayarak ziyaretçilerin ve müşterilerin dikkatini çekebilir.

A custom shape divider, created using SeedProd

Profesyonel görünen şekil bölücüleri kullanmak da sayfalarınızı daha ilginç ve ilgi çekici hale getirebilir.

Örneğin, e-posta bülteni kayıt formunuz için benzersiz bir arka plan oluşturmak için bunları kullanabilirsiniz.

How to create a custom shape divider using SeedProd

Bununla birlikte, WordPress’te nasıl özel bir şekil bölücü oluşturabileceğinizi görelim. Kullanmak istediğiniz yönteme doğrudan atlamak için aşağıdaki hızlı bağlantıları kullanmanız yeterlidir:

Yöntem 1: Blok Düzenleyicide Basit Bir Şekil Bölücü Oluşturun (Eklenti Gerekmez)

WordPress’e özel bir şekil bölücü oluşturmanın en kolay yolu, yerleşik Ayırıcı bloğunu kullanmaktır.

Bu yöntem, herhangi bir WordPress bloğu arasına yatay bir çizgi ayırıcı eklemenize ve ardından çizginin rengini ve stilini özelleştirmenize olanak tanır.

A custom divider created using the WordPress block editor

Bu yöntem WordPress’e farklı şekiller eklemenize izin vermez ve sınırlı özelleştirme ayarlarına sahiptir. Bununla birlikte, ekstra bir WordPress eklentisi yüklemeniz gerekmez, bu nedenle web sitenize basit bir şekil bölücü eklemenin en kolay yolu budur.

Başlamak için, Gutenberg içerik düzenleyicisinde yatay bir bölücü eklemek istediğiniz yazıyı veya sayfayı açmanız yeterlidir. Ardından, bu bölücüyü yerleştirmek istediğiniz yerdeki ‘+’ düğmesine tıklayın.

Adding a Separator block to WordPress

Açılır pencerede ‘Ayırıcı’ yazın.

Doğru blok göründüğünde, sayfaya veya gönderiye eklemek için tıklayın.

Add a custom shape divider to a WordPress website

Varsayılan Ayırıcı bloğunu özelleştirmek için bloğa bir tıklama yapın ve ardından sağ taraftaki menüde bulunan ayarları kullanın.

‘Stiller’ bölümündeki düğmeleri kullanarak varsayılan, geniş çizgi ve noktalar arasında geçiş yapabilirsiniz.

Adding different line styles in WordPress

Ayrıca çizginin rengini temanızın veya markanızın geri kalanıyla eşleşecek şekilde değiştirebilirsiniz.

Bunu yapmak için, ‘Arka Plan’a tıklayın ve ardından görüntülenen açılır pencereden bir renk seçin.

How to style the Separator block in WordPress

Ayrıca, ayırıcının kenar boşluğunu da ayarlayabilirsiniz.

Kenar boşluğu ne kadar büyük olursa, ayrılmış bloklar arasında o kadar fazla boşluk olacaktır.

Adjusting the Separator block's margins in the block editor

Bölücünün nasıl göründüğünden memnun olduğunuzda, şekil bölücü özelliğini canlı hale getirmek için ‘Yayınla’ veya ‘Güncelle’ düğmesine tıklayabilirsiniz.

Farklı bir şekil kullanmak ve bölücülerinizin her parçasını özelleştirmek istiyorsanız, SeedProd eklentisini kullanmanızı öneririz.

SeedProd, piyasadaki en iyi WordPress sayfa oluşturucu eklentisidir ve basit bir sürükle ve bırak düzenleyicisi kullanarak herhangi bir bölüme, satıra veya sütuna özel bir şekil bölücü eklemenize olanak tanır.

Creating a custom shape divider in WordPress

Ayrıca, güzel özel ana sayfalar, açılış sayfaları ve daha fazlasını oluşturmak için kullanabileceğiniz 300’den fazla profesyonelce tasarlanmış şablon ve 90’dan fazla blokla birlikte gelir.

Not: SeedProd ‘un WordPress.org’da ücretsiz bir sürümü var, ancak çok çeşitli şekil bölücülerle birlikte geldiği için Pro sürümünü kullanacağız.

Yapmanız gereken ilk şey SeedProd eklentisini kurmak ve etkinleştirmektir. Daha fazla ayrıntı için, WordPress eklentisi yükleme hakkındaki adım adım kılavuzumuza bakın.

Etkinleştirmenin ardından lisans anahtarınızı girmeniz gerekir.

Adding a license key to the SeedProd page builder

Bu bilgiyi SeedProd web sitesindeki hesabınızda bulabilirsiniz. Lisans anahtarını girdikten sonra ‘Anahtarı doğrula’ butonuna tıklayın.

Bunu yaptıktan sonra, SeedProd ” Sayfalar bölümüne gidin ve ‘Yeni Açılış Sayfası Ekle’ düğmesine tıklayın.

How to create a new landing page design using SeedProd

Bundan sonra, bir sayfa şablonu seçme zamanı. SeedProd, WordPress web sitenize mükemmel şekilde uyması için ince ayar yapabileceğiniz bir ton profesyonel web sitesi tasarım şablonuna sahiptir.

Bir şablon seçmek için farenizi üzerine getirin ve ardından ‘Onay İşareti’ simgesine tıklayın.

Choosing a page design template for your WordPress website

Ardından, devam edin ve sayfa için bir ad yazın. SeedProd sayfanın başlığına göre otomatik olarak bir URL oluşturacaktır, ancak URL’yi istediğiniz herhangi bir şeyle değiştirebilirsiniz.

Girdiğiniz bilgilerden memnun olduğunuzda, ‘Kaydet ve Sayfayı Düzenlemeye Başla’ düğmesine tıklayın.

Creating a custom landing page using SeedProd

Ardından, şablonu özelleştirmeye hazır bir şekilde sürükle ve bırak sayfa oluşturucuya yönlendirileceksiniz.

SeedProd editörü, sağ tarafta tasarımınızın canlı bir ön izlemesini ve sol tarafta bazı blok ayarlarını gösterir.

The SeedProd drag and drop page builder

Sol taraftaki menüde düzeninize sürükleyebileceğiniz bloklar da vardır.

Örneğin, düğmeler ve resimler gibi standart blokları sürükleyip bırakabilir veya geri sayım sayacı, sosyal medya paylaşım düğmeleri ve daha fazlası gibi gelişmiş blokları kullanabilirsiniz.

Adding blocks to a WordPress page builder

Bir bloğu özelleştirmek için, düzeninizde seçmek üzere tıklamanız yeterlidir.

Ardından sol taraftaki menüde söz konusu bloğu yapılandırmak için kullanabileceğiniz tüm ayarlar gösterilecektir. Ayrıca sayfanın arka plan renklerini değiştirebilir, arka plan resimleri ekleyebilir veya markanızla daha iyi eşleşmesi için renk düzenini ve yazı tiplerini değiştirebilirsiniz.

Customizing the background color in WordPress

SeedProd ayrıca, genellikle birlikte kullanılan blok koleksiyonları olan ‘Bölümler’ ile birlikte gelir. Örneğin, SeedProd’da bir üstbilgi bölümü, kahraman resmi, harekete geçirici mesaj, müşteri referansları, özellikler, altbilgi bölümleri ve daha fazlası vardır.

Farklı bölümleri incelemek için ‘Bölümler’ sekmesine tıklamanız yeterlidir.

Adding a Section to a custom page template

Sürükle ve bırak özelliğini kullanarak bölümleri ve blokları düzeninizde taşıyabilirsiniz.

Bir bloğu silmek istiyorsanız, üzerine gelmeniz ve göründüğünde çöp kutusu simgesine tıklamanız yeterlidir.

Deleting blocks from a custom page design

Bir SeedProd bölümü kullanmayı seçseniz de seçmeseniz de, artık özel şekilli bir bölücü oluşturabilirsiniz. Bölücü eklemek istediğiniz bölümü, satırı veya sütunu seçmek için tıklamanız yeterlidir.

Ardından, sol taraftaki menüden ‘Gelişmiş’ sekmesine tıklayın.

SeedProd's 'Advanced' settings

Şimdi, ‘Şekil Bölücü’ bölümünü genişletmek için tıklayın.

Başlamak için, ‘Üst’ veya ‘Alt’ düğmesini seçerek şekil bölücünün nerede gösterileceğini seçebilirsiniz.

Adding a custom divider to the bottom of a WordPress block

Şimdi ‘Tür’ menüsünü açabilir ve kullanmak istediğiniz şekil bölücüyü seçebilirsiniz.

Siz farklı şekiller seçtikçe canlı önizleme otomatik olarak güncellenir, böylece en iyi görüneni görmek için farklı stilleri deneyebilirsiniz.

Adding custom shape dividers to a custom landing page

Bir şekil bölücü seçtikten sonra, yeni ayarları kullanarak onu şekillendirebilirsiniz.

Başlamak için, ‘Renk’e tıklayabilir ve ardından görüntülenen açılır pencereden yeni bir renk seçebilirsiniz.

Adding a color to a custom shape divider in WordPress

Bunu yaptıktan sonra, ‘Genişlik’ ve ‘Yükseklik’ kaydırıcılarını sürükleyerek bölücüyü büyütebilir veya küçültebilirsiniz.

Aklınızda zaten belirli bir beden varsa, bu numaraları kutulara yazabilirsiniz.

Create a custom shape divider in WordPress

Ayrıca ‘Çevir’ anahtarını etkinleştirmek veya devre dışı bırakmak için tıklayarak bölücüyü çevirmeyi deneyebilirsiniz.

Varsayılan olarak, bölücü içeriğin geri kalanının arkasında görünür, böylece kullanıcılar bölücüyle çakışan metin, resim veya diğer içerikleri net bir şekilde görebilir.

Ancak, şekli öne taşımak bazı ilginç etkiler yaratabilir. Bunun nasıl göründüğünü görmek istiyorsanız, ‘Öne Getir’ anahtarını etkinleştirmek için tıklamanız yeterlidir.

Bringing the custom shape divider to the front

Daha fazla bölücü eklemek için yukarıda açıklanan aynı işlemi uygulamanız yeterlidir.

Hatta bir alanın üstüne ve altına bir şekil bölücü ekleyebilirsiniz, bu da genellikle etkileyici ve göz alıcı sonuçlar yaratır.

Adding multiple custom shape dividers to a single section

Daha fazla blok ekleyerek ve sol taraftaki menüde bu blokları özelleştirerek sayfa üzerinde çalışmaya devam edebilirsiniz.

Sayfanın görünümünden memnun olduğunuzda ‘Kaydet’ düğmesine tıklayın. Daha sonra bu sayfayı canlı hale getirmek için ‘Yayınla’yı seçebilirsiniz.

Publishing a custom shape divider

WordPress Temasına Şekil Bölücüler Nasıl Eklenir

SeedProd’un sürükle-bırak editörü size herhangi bir sayfaya benzersiz bir şekil bölücü ekleme özgürlüğü verir. Ancak, bazen aynı şekil bölücüleri birden fazla web sayfasında, hatta tüm WordPress blogunuzda veya web sitenizde kullanmak isteyebilirsiniz.

Bu, tutarlı bir tasarım oluşturmanıza yardımcı olur ve ayrıca size tonlarca zaman kazandırabilir. Bu durumda, SeedProd tema oluşturucusunu kullanarak temanıza bir şekil bölücü eklemenizi öneririz.

SeedProd ile herhangi bir kod yazmadan bir WordPress teması oluşturabilir ve özelleştirebilirsiniz. Kenar çubuğu, üstbilgi, altbilgi, tekli yazılar ve daha fazlası dahil olmak üzere temanızı oluşturan tüm dosyaları oluşturur.

The SeedProd theme builder

Daha sonra bu dosyaları tanıdık sürükle ve bırak oluşturucuyu kullanarak özelleştirebilirsiniz. Bu, yukarıda açıklanan aynı süreci izleyerek şekil bölücüleri eklemeyi içerir.

SeedProd kullanarak yeni temayı etkinleştirdiğinizde, mevcut WordPress temanızın üzerine yazacaktır, bu nedenle bu yöntemi yalnızca mevcut temanızı değiştirmek istiyorsanız kullanmalısınız.

Adım adım ayrıntılı talimatlar için lütfen özel bir WordPress temasının nasıl kolayca oluşturulacağına ilişkin kılavuzumuza bakın.

Daha Fazla WordPress Tasarım İpucu ve Püf Noktası Keşfedin

Web sitenizin ziyaretçilerini etkileyecek daha fazla tasarım özelliği eklemek ister misiniz? Daha fazla bilgi için bu WordPress tasarım ipuçlarına ve püf noktalarına göz atın:

Umarız bu eğitim WordPress’te özel bir şekil bölücü oluşturmayı öğrenmenize yardımcı olmuştur. Ayrıca WordPress’te simgeli özellik kutularının nasıl ekleneceğini ve mobil uyumlu bir WordPress web sitesi oluşturmanın yolları hakkındaki uzman ipuçlarımızı da öğrenmek isteyebilirsiniz.

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

Yorumlar

  1. Tebrikler, bu makaleye ilk yorum yapan kişi olma fırsatını yakaladınız.
    Bir sorunuz veya öneriniz mi var? Lütfen tartışmayı başlatmak için bir yorum bırakın.

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.