WordPress'te Özel Şekil Bölücü Nasıl Oluşturulur (2 Yol)

Yayınlanan: 2023-04-04


WordPress web sitenize özel şekil bölücüler eklemek ister misiniz?

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

Bu yazıda, WordPress'te nasıl özel bir şekil bölücü oluşturacağınızı göstereceğiz.

How to create a custom shape divider in WordPress

Neden WordPress'te Özel Şekil Bölücü Oluşturmalıyım?

Şekil ayırıcı, içerik blokları arasına eklediğiniz bir tür bölüm ayırıcı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

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

Sayfa oluşturucu eklentilerini 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ünümlü bir şekil bölücü, bir sayfayı daha ilgi çekici 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. Doğrudan kullanmak istediğiniz yönteme atlamak için aşağıdaki hızlı bağlantıları kullanmanız yeterlidir.

Yöntem 1. Basit Şekil Bölücü Oluşturun (Eklenti Gerekmez)

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

Bu yöntem, herhangi bir WordPress bloğunun 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. Ancak, fazladan bir WordPress eklentisi kurmanıza gerek yoktur, bu nedenle web sitenize basit bir şekil bölücü eklemenin en kolay yolu budur.

Başlamak için içerik düzenleyicide yatay ayırıcı eklemek istediğiniz gönderiyi veya sayfayı açmanız yeterlidir. Ardından, o ayırıcıyı yerleştirmek istediğiniz '+' düğmesine tıklayın.

Adding a Separator block to WordPress

Açılır pencerede 'Ayırıcı' yazın.

Sağ 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 bir tıklama yapın ve ardından sağdaki menüdeki 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

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

Bunu yapmak için, 'Arka Plan'ı tıklayın ve ardından beliren açılır pencereden bir renk seçin.

How to style the Separator block in WordPress

Ayırıcının görünümünden memnun olduğunuzda, şekil bölücüyü canlı hale getirmek için 'Yayınla' veya 'Güncelle' düğmesine tıklayabilirsiniz.

Yöntem 2. Bir Sayfa Oluşturucu Kullanarak WordPress'te Özel Şekil Ayırıcı Oluşturun (Önerilir)

Farklı şekiller kullanmak ve bölücülerinizin her bir 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üzenleyici 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 profesyonelce tasarlanmış 180'den fazla şablon ve 90'dan fazla blokla birlikte gelir.

Not: WordPress.org'da SeedProd'un ü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 yüklemek ve etkinleştirmektir. Daha fazla ayrıntı için, bir WordPress eklentisinin nasıl kurulacağına ilişkin adım adım kılavuzumuza bakın.

Aktivasyon üzerine, lisans anahtarınızı girmeniz gerekir.

Adding a license key to the SeedProd page builder

Bu bilgiyi SeedProd web sitesinde hesabınızın altında bulabilirsiniz. Lisans anahtarını girdikten sonra 'Anahtarı Doğrula' düğmesine tıklayın.

Bunu yaptıktan sonra SeedProd » Sayfalarına gidin ve 'Yeni Açılış Sayfası Ekle' düğmesini tıklayın.

How to create a new landing page design using SeedProd

Bundan sonra, bir sayfa tasarım şablonu seçme zamanı. SeedProd, WordPress web sitenize mükemmel şekilde uyması için ince ayar yapabileceğiniz profesyonelce tasarlanmış tonlarca şablona sahiptir.

Bir şablon seçmek için farenizi şablonun üzerine getirin ve ardından 'Onay İşareti' simgesini 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 gibi değiştirebilirsiniz.

Örneğin, arama motorlarının sayfanın ne hakkında olduğunu anlamasına yardımcı olacak ve WordPress SEO'nuzu iyileştirebilecek bazı alakalı anahtar kelimeler eklemek isteyebilirsiniz.

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

Creating a custom landing page using SeedProd

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

SeedProd editörü, tasarımınızın canlı önizlemesini sağda ve bazı blok ayarlarını solda gösterir.

The SeedProd drag and drop page builder

Sol taraftaki menüde ayrıca düzeninize sürükleyebileceğiniz bloklar bulunur.

Örneğin, düğmeler ve resimler gibi standart blokları sürükleyip bırakabilir veya geri sayım sayacı, iletişim formu, sosyal 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, mizanpajınızda onu seçmek için tıklamanız yeterlidir.

Sol taraftaki menü, o bloğu yapılandırmak için kullanabileceğiniz tüm ayarları gösterecektir. Ayrıca sayfanın arka plan renklerini değiştirebilir, arka plan resimleri ekleyebilir veya markanıza daha iyi uyması için renk düzenini ve yazı tiplerini değiştirebilirsiniz.

Customizing the background color in WordPress

SeedProd ayrıca sıklıkla birlikte kullanılan blok koleksiyonları olan 'Bölümler' ile birlikte gelir. Örneğin, SeedProd'da bir başlık bölümü, kahraman resmi, harekete geçirici mesaj, müşteri referansları, SSS'ler, özellikler, alt bilgi bölümleri ve daha fazlası bulunur.

Farklı bölümlere göz atmak 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 hareket ettirebilirsiniz.

Bir bloğu silmek istiyorsanız, üzerine gelin ve göründüğünde çöp kutusu simgesine tıklayın.

Deleting blocks from a custom page design

Bir SeedProd bölümü kullanmayı seçseniz de seçmeseniz de, artık özel bir şekil bölücü oluşturabilirsiniz. Ayırıcıyı 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, 'Shape Divider' bölümünü genişletmek için tıklayın.

Başlamak için, 'Üst' veya 'Alt' düğmesini seçerek şekil ayırıcının nerede gösterileceğini seçebilirsiniz.

Adding a custom divider to the bottom of a WordPress block

Artık 'Tür' menüsünü açabilir ve kullanmak istediğiniz şekil bölücüyü seçebilirsiniz.

Siz farklı şekilleri seçtikçe, canlı önizleme otomatik olarak güncellenir, böylece neyin en iyi göründüğünü görmek için farklı stiller deneyebilirsiniz.

Adding custom shape dividers to a custom landing page

Bir şekil bölücü seçtikten sonra, yeni ayarları kullanarak ona stil verebilirsiniz.

Başlamak için, 'Renk' üzerine tıklayabilir ve beliren 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.

Zaten aklınızda belirli bir boyut varsa, bu sayıları kutulara yazabilirsiniz.

Create a custom shape divider in WordPress

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

Varsayılan olarak, ayırıcı içeriğin geri kalanının arkasında görünür, böylece kullanıcılar ayırıcıyla çakışan tüm metinleri, resimleri veya diğer içeriği 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ü bile ekleyebilirsiniz, bu genellikle bazı etkileyici ve göz alıcı sonuçlar verir.

Adding multiple custom shape dividers to a single section

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

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

Publishing a custom shape divider

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

SeedProd'un sürükle ve bırak düzenleyicisi, size herhangi bir sayfaya benzersiz bir şekil bölücü ekleme özgürlüğü verir. Bununla birlikte, bazen aynı şekil bölücüleri birden çok sayfada ve hatta WordPress blogunuzun veya web sitenizin tamamında kullanmak isteyebilirsiniz.

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

SeedProd ile herhangi bir kod yazmadan özel bir WordPress teması oluşturabilirsiniz. Kenar çubuğu, üst bilgi, alt bilgi, tek yazılar ve daha fazlası dahil olmak üzere temanızı oluşturan tüm dosyaları oluşturur.

The SeedProd theme builder

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

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

Ayrıntılı adım adım talimatlar için lütfen özel bir WordPress temasını nasıl kolayca oluşturacağınızla ilgili kılavuzumuza bakın.

Umarız bu eğitim, WordPress'te özel bir şekil bölücü oluşturmayı öğrenmenize yardımcı olmuştur. Ayrıca blog trafiğinizi nasıl artıracağınızı öğrenmek veya WordPress için en iyi sosyal kanıt eklentilerinden oluşan uzman seçimimizi görmek isteyebilirsiniz.

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.