Divi Builder'da Bir Bölümle Nasıl Çalışılır (Tam Kılavuz)

Divi Builder, WordPress sitenizde güzel bir sayfa oluşturmak için kullanabileceğiniz bir sayfa oluşturucu eklentisidir. Diğer benzer eklentiler gibi Divi Builder da CSS ile uğraşmadan güzel bir sayfa oluşturmak için kullanabileceğiniz bir görsel düzenleyici ile birlikte gelir. İhtiyacınız olan öğeleri basitçe ekleyebilir ve buna göre özelleştirme yapabilirsiniz. Divi Builder'da tasarım öğeleri üç türe ayrılır: bölüm, sıra ve modül. Bu yazıda Divi Builder'daki bölüm öğesi hakkında daha fazla bilgi vereceğiz.

Divi Builder'da Bölüm nedir?

Yukarıda belirtildiği gibi, bölüm Divi Builder'da bulunan tasarım öğesi türlerinden biridir. Sayfanızda diğer tasarım öğelerini (satırlar ve modüller) barındırmak için büyük bir kapsayıcıdır. İçeriğinizi görsel olarak ayırt edilebilir alanlara gruplayabilen bir blok olarak düşünebilirsiniz. Bölümün kendisi gerekli bir unsurdur. Bölüm eklemeden Divi Builder ile sayfa oluşturamazsınız. Bu nedenle Divi Builder'ı kullanarak yeni bir sayfa oluştururken otomatik olarak bir bölümünüz olacaktır.

Divi Builder kullanarak bir sayfa üzerinde çalışırken, ihtiyaçlarınıza göre istediğiniz kadar bölüm ekleyebilirsiniz. Aşağıdaki ekran görüntüsüne bir göz atalım.

Yukarıdaki ekran görüntüsündeki sayfa (Tel Çerçeve Görünümü modunda görebileceğiniz gibi) 7 bölümden oluşur ve her bölüm bir dizi satır ve modül barındırır. Bölüm kendisi hala aşağıdaki gibi üç türe ayrılmıştır:

• Düzenli
• uzmanlık
• Tam genişlik

Normal Bölüm

Normal bölüm, Divi Builder'ın standart bir bölümüdür. Divi Builder ile yeni bir sayfa oluşturduğunuzda, otomatik olarak normal bir bölümünüz olur. Divi Builder'da normal bölümler mavi renkle gösterilir. Normal bir bölüme satır ekleyebilirsiniz. Normal bir bölüme ekleyebileceğiniz 20 satır stili vardır ve her stilin farklı bir sütun yapısı vardır. Daha sonra satırın her sütununa modüller ekleyebilirsiniz.

Uzmanlık Bölümü

Adından da anlaşılacağı gibi, uzmanlık bölümü belirli amaçlar için tasarlanmış bir bölümdür. Bir uzmanlık bölümünde, ızgara stilinde sütunlar ekleyebilirsiniz. Aralarından seçim yapabileceğiniz 9 ızgara stili vardır.

Özel bölümler, çevrimiçi bir derginin veya benzer sitelerin ana sayfasını oluşturmak için harikadır. Oluşturduğunuz çevrimiçi dergi ana sayfasına bir kahraman bölümü eklemek için bunları kullanabilirsiniz. Özel bölüm turuncu ile temsil edilir.

Tam Genişlik Bölümü

Tam genişlik bölümü, tam ekran modülü eklemek için tasarlanmış bölüm türüdür. Bir kaydırıcıdan, haritadan, menüden vb. Tam genişlikli bir bölüme ekleyebileceğiniz 9 tam genişlikli modül vardır. Bu bölüm tam genişlikte içeriğe yönelik olduğundan (bu durumda modüller), tam genişlikte bir bölüme satır veya sütun ekleyemezsiniz. Tam genişlik bölümü mor renkle temsil edilir.

Divi Builder'da Bölüm Ekleme ve Silme

Yeni bir sayfa oluşturduğunuzda, Divi Builder otomatik olarak yeni bir normal bölüm ekleyecektir. Daha sonra eklenen bölüme satırlar ve modüller ekleyebilirsiniz.

Ya daha fazla bölüme ihtiyacınız olursa? Tuval alanındaki mavi artı düğmesine (veya eklediğiniz son bölüm türüne bağlı olarak turuncu/mor) tıklamanız yeterlidir. Daha sonra bir satır seçebilirsiniz. İhtiyacınıza göre sütun yapısına sahip bir satır seçebilirsiniz.

Tuval alanındaki mevcut bir bölümü silmek için, farenizi silmek istediğiniz bölümün üzerine getirip çöp kutusu simgesine tıklamanız yeterlidir.

Bir Bölüm Nasıl Özelleştirilir

Kanvas alana bir bölüm ekledikten sonra oluşturmak istediğiniz tasarımın konseptine göre özelleştirebilirsiniz. Özelleştirmeyi, bölüm ekledikten hemen sonra beliren ayarlar panelinden yapabilirsiniz. Veya bu paneli açmak için bölüm tutamacındaki dişli simgesine de tıklayabilirsiniz. Gördüğünüz gibi panelde açabileceğiniz 3 sekme var: İçerik , Tasarım ve Gelişmiş .

İçerik Sekmesi

İçerik sekmesi, bir bölüme temel ayarları yapmak için açabileceğiniz sekmedir. Burada açabileceğiniz 3 ayar bloğu vardır:

• Bağlantı

Bölümünüze bir bağlantı eklemek için bu bloğu açabilirsiniz. Statik veya dinamik bir bağlantı ekleyebilirsiniz.

• Arka fon

Bölümünüze bir arka plan eklemek için bu bloğu açabilirsiniz. Ekleyebileceğiniz 4 arka plan türü vardır: düz renk, degrade renk, resim ve video. Bir görüntü arka planı kullanıyorsanız, bir paralaks efekti de ayarlayabilirsiniz.

• Yönetici Etiketi

Bölümünüze bir yönetici etiketi eklemek için bu bloğu açabilirsiniz. Yönetici etiketinin kendisi, bir bölüm için bir tür tanımlayıcı addır. Bir bölüme yönetici etiketi eklemek, birkaç bölümden oluşan bir sayfada bir bölümü tanımlamanızı kolaylaştırmak için yararlı olacaktır. Sayfanızı Tel Çerçeve Görünümü modunda görüntülerken yönetici etiketlerini görebilirsiniz.

Tasarım Sekmesi

Bir bölümü biçimlendirmek için bu sekmeyi açabilirsiniz. Bu sekmede açabileceğiniz 9 ayar bloğu vardır.

• Düzen

Bir bölümün iç gölgesini göstermek/gizlemek için bu bloğu açabilirsiniz. Bölümün alt tarafında iç gölgenin kendisi belirir.

• bölücüler

Sayfa oluşturucu bağlamında ayırıcı, bir bölümün üstünde veya altında bulunan bir tür çizgi sanatına atıfta bulunur.

Divi Builder, bölümün altına veya üstüne bir ayırıcı eklemenize olanak tanır. Veya isterseniz iki tarafa da bölücüler ekleyebilirsiniz. Mevcut ayırıcı stillerini açmak için Bölücü Stili seçeneğindeki açılır menüyü tıklamanız yeterlidir. Ardından, ayırıcının boyutunun yanı sıra rengi de ayarlayabilirsiniz.

• boyutlandırma

Bölümün boyutunu ayarlamak için bu bloğu açabilirsiniz. Bu sekmeden bölümün genişliğini ve yüksekliğini ayarlayabilirsiniz. Varsayılan olarak, bir bölümün genişliği ve yüksekliği otomatik olarak ayarlanmıştır. Belirli bir genişlik veya yükseklik ayarlamak için tercih ettiğiniz değeri yazmanız yeterlidir. Yüzde veya piksel birimini kullanabilirsiniz (birimi manuel olarak yazabilirsiniz).

• boşluk

Bölümün kenar boşluğunun yanı sıra aralığı ayarlamak için bu bloğu açabilirsiniz. Kenar boşluğunu ve bölümün dolgusunu ayarlamak için her alana değerleri ekleyebilirsiniz.

• Sınır

Bölümün kenarlığını ayarlamak için bu bloğu açabilirsiniz. Kenarlık stilinden, kenarlık boyutundan, kenarlık renginden ve kenarlık yarıçapından. Kenar yarıçapının kendisi, bölüm köşelerinin eğim seviyesini ifade eder. Eğim seviyesi ne kadar yüksek olursa, köşe o kadar eğimli olur.

• Kutu Gölge

Bir bölüme kutu gölgesi uygulamak için bu bloğu açabilirsiniz. Divi Builder tarafından sunulan 7 kutu gölge stili vardır. Beğendiğiniz kutu gölge stilini kolayca seçebilirsiniz. Bir kutu gölge stili seçtikten sonra dikey ve yatay konumu, yayılma gücünü ve rengi ayarlayabilirsiniz.

• filtreler

Bir bölüme CSS dosyaları uygulamak için bu bloğu açabilirsiniz. İsterseniz bir karışım modu da uygulayabilirsiniz.

• dönüşümler

Bu sekmeden bölüme 2B veya 3B dönüşüm uygulayabilirsiniz. Uygulamak istediğiniz dönüştürme stilini seçin (mevcut sekmelere tıklayarak) ve ardından dönüştürme değerini ayarlamak için farenizi kullanın.

• Animasyon

Bölümün giriş animasyonunu ayarlamak için bu bloğu açabilirsiniz. Divi Builder tarafından sunulan 7 animasyon efekti vardır. Beğendiğiniz animasyonu seçebilir ve ardından altındaki mevcut ayarlarda gerekli ayarları (süre, gecikme vb.) yapabilirsiniz.

Gelişmiş sekme

Gelişmiş Sekmesi , gelişmiş ayarların bulunduğu yerdir. Özel bir CSS eklemek, kaydırma efektleri ayarlamak vb. için bu sekmeyi açabilirsiniz. Bu sekmede açabileceğiniz 6 blok var.

• CSS Kimliği ve Sınıfları

Bölüme bir CSS kimliği veya CSS sınıfı eklemek için bu sekmeyi açabilirsiniz. Code modülü aracılığıyla özel bir CSS eklemek istiyorsanız, CSS kimliği veya CSS sınıfı ekleyebilirsiniz.

• Özel CSS

Kod modülü yerine bölüme doğrudan özel bir CSS eklemek için bu bloğu açabilirsiniz.

• görünürlük

Bölümün görünürlüğünü ayarlamak için bu bloğu açabilirsiniz. İsterseniz, belirli bir cihaz türünde (akıllı telefon, tablet veya masaüstü) bir bölümü gizleyebilirsiniz. Belirli bir cihaz türündeki bölümü devre dışı bırakmak için, bölümü devre dışı bırakmak istediğiniz cihaz seçeneğini işaretlemeniz yeterlidir. Bu bloktan yatay taşma ve dikey taşma da ayarlayabilirsiniz.

• geçişler

Bölümün geçişini ayarlamak için bu bloğu açabilirsiniz. Aşağıdaki resimde gösterildiği gibi ayarlayabileceğiniz 3 ayar seçeneği vardır.

• Konum

Bölümün konumunu ayarlamak için bu bloğu açabilirsiniz. Varsayılan olarak, bölüm konumu statik (Varsayılan) olarak ayarlanmıştır. Kullanabileceğiniz diğer üç konum seçeneği vardır:

Göreceli : Bu seçeneği seçerseniz bölüm sayfanın normal akışını takip edecektir. Bu seçenek, üst, alt ve sağ özellikleri sunar. Ayrıca Z indeksini de ayarlayabilirsiniz.

Mutlak: Bu seçeneği seçerseniz, sayfada bölüm için oluşturulmuş gerçek bir alan olmayacaktır. Gerçek yer kaplayan diğer bölümlerin üstünde yüzen bir bölüm olarak düşünebilirsiniz.

Düzeltildi: Bu seçeneği seçerseniz, bölüm sayfanın normal akışını bozar ve sayfada gerçek alan kalmaz.

• Kaydırma efektleri

Bir bölüme kaydırma efektleri uygulamak için bu bloğu açabilirsiniz. Kaydırma efektleri, bir bölüme daha fazla animasyon efekti uygulamanıza olanak tanır.

Divi Builder Kitaplığına Bir Bölüm Kaydetme

Zaman verimliliği, Divi Builder ve genel olarak diğer sayfa oluşturucu eklentileri tarafından sunulan şeylerden biridir. Divi Builder'da, yinelenen kullanım için kitaplığa bir bölüm kaydedebilirsiniz. Bu özellik, üzerinde çalıştığınız web sitesinde aynı bölümleri birkaç sayfaya eklemeniz gerektiğinde size çok zaman kazandıracaktır.

Bir bölümü kitaplığa kaydetmek için bölüm tutamacındaki ok simgesine tıklayın. Bölümünüze bir ad verin ve Kitaplığa Kaydet düğmesini tıklayın.

Kaydettiğiniz bölümü kullanmak için her yeni bölüm eklediğinizde Kitaplıktan Ekle sekmesine tıklayabilirsiniz. Kullanmak istediğiniz bölüme tıklamanız yeterlidir.

Bir Bölümü Kilitlemek

Sayfanızda belirli bir bölümle işiniz bittiğinde, onu kilitleyebilirsiniz. Kilitli bölüm düzenlenemez. Yanlış bölümü yanlışlıkla düzenlemenizi önlemek için bir bölümü kilitleyebilirsiniz. Bir bölümü kilitlemek için bölüm tutamacındaki üç nokta simgesini tıklayıp Kilitle öğesini seçebilirsiniz.

Kilitli bir bölümün kilidini açmak için, kilidini açmak istediğiniz bölümün sol üst köşesindeki asma kilit simgesine tıklamanız yeterlidir.

Alt çizgi

Divi Builder'da yeniyseniz, bölüm kavramını anlamak çok önemlidir. Divi Builder'ın en hayati öğesidir. Bölüm eklemeden önce modül ekleyemezsiniz. Divi Builder, istediğiniz kadar bölüm eklemenize olanak tanır. Uzun bir sayfa oluşturmak istiyorsanız, bölümleri tanımlamanızı kolaylaştırmak için her bölüme bir yönetici etiketi vermeniz önerilir. Zaman verimliliği için bir bölümü çoğaltma, bir bölümü kopyalama, bir bölümü kitaplığa kaydetme gibi özellikleri de en üst düzeye çıkarabilirsiniz.