Divi Builder’daki bölümlerle nasıl çalışılır (tam kılavuz)
Divi Builder, WordPress sitenizde güzel bir sayfa oluşturmak için kullanabileceğiniz bir sayfa üreticisinin eklentisidir. Tıpkı diğer benzer eklentiler gibi, Divi Builder da CSS ile uğraşmadan güzel bir sayfa oluşturmak için kullanabileceğiniz görsel bir düzenleyici ile donatılmıştır. İhtiyacınız olan öğeleri ekleyip uygun ayarlamalar yapmanız yeterlidir. Divi Builder’da tasarım öğeleri üç türe ayrılır: bölümler, satırlar ve modüller. Bu makalede, Divi Builder’daki bölüm öğeleri hakkında daha fazla tartışacağız. Divi Builder’ın parçası nedir? Yukarıda belirtildiği gibi, bölüm Divi Builder’da bulunan bir tasarım öğesidir. Bu, sayfanızdaki diğer tasarım öğelerini (satırlar ve modüller) barındıran büyük bir kaptır. İçeriğinizi görsel olarak seçkin alanlarda gruplandırabilecek bir blok olarak düşünebilirsiniz. Parçanın kendisi gerekli unsurdur. Parça eklemeden Divi Builder ile bir sayfa oluşturamazsınız. Bu nedenle Divi Builder’ı kullanarak yeni bir sayfa oluştururken, otomatik olarak bir bölümünüz olacak.
Bir Divi Builder kullanarak bir sayfada çalışırken, ihtiyaçlarınıza göre istediğiniz kadar parça ekleyebilirsiniz. Aşağıdaki Screencast’a bakalım.
Düzenli
özel
Çok geniş Düzenli bölüm normal bölüm standart Divi oluşturucu bölümüdür. Divi Builder ile yeni bir sayfa oluşturduğunuzda, otomatik olarak düzenli bir bölümünüz olacaktır. Divi Builder’da, normal bölüm mavi renkte temsil edilir. Normal bölüme satır ekleyebilirsiniz. Her kuvvetin farklı bir sütun yapısına sahip olduğu normal bölüme ekleyebileceğiniz 20 sıra vardır. Daha sonra her satır sütuna bir modül ekleyebilirsiniz. Özel bölümler adından da anlaşılacağı gibi, özel bir parça belirli bir amaç için tasarlanmış kısımdır. Özel bir bölümde, bir kafes kuvvetine sütun ekleyebilirsiniz. Seçebileceğiniz 9 kafes stili var. Özel bir kısım, çevrimiçi bir dergi ana sayfası veya benzeri siteler yapmak için mükemmeldir. Oluşturduğunuz çevrimiçi derginin evine bir kahraman eklemek için kullanabilirsiniz. Özel parçalar turuncu olarak temsil edilir. Tam geniş parça tam parça, tam ekran modülü eklemek için tasarlanmış bir parça türüdür. Kaydırıcılardan, haritalardan, menülerden vb. Tam geniş bölüme ekleyebileceğiniz 9 tam geniş modül vardır. Bu bölüm tam geniş içerik (bu durumda modül) için tasarlandığından, tam geniş parçalara satır veya sütun ekleyemezsiniz. Tam genişlik kısmı mor renkte temsil edilir. Divi Builder’a bölümler nasıl eklenir ve silinir Yeni bir sayfa oluşturduğunuzda, Divi Builder otomatik olarak yeni bir normal bölüm ekleyecektir. Daha sonra eklenen bölüme satır ve modüller ekleyebilirsiniz. Ya daha fazla parçaya ihtiyacınız varsa? Tuval alanındaki artı mavi düğmeyi (veya eklediğiniz son parçaya bağlı olarak turuncu/mor) tıklamanız yeterlidir. Daha sonra bir satır seçebilirsiniz. İhtiyaçlarınıza göre sütun yapısına sahip bir satır seçebilirsiniz. Tuval alanındaki parçaları silmek için, fareyi silmek istediğiniz parçaya işaret edersiniz ve çöp simgesini tıklatırsınız. Tuval alanına parça ekledikten sonra parça nasıl ayarlanır, yapmak istediğiniz tasarım konseptine göre ayarlayabilirsiniz. Bölümü ekledikten hemen sonra görünen ayar panelinde ayarlamalar yapabilirsiniz. Veya bu paneli açmak için parçanın sapındaki dişli simgesine de tıklayabilirsiniz. Gördüğünüz gibi, panelde açabileceğiniz 3 sekme var: içerik, tasarım ve gelişmiş. İçerik Sekmesi İçerik sekmesi içeriği, bir bölümde temel ayarları yapmak için açabileceğiniz bir sekmedir. Burada açabileceğiniz 3 ayar bloğu vardır: Bağlantı Kendi tarafınıza bağlantılar eklemek için bu bloğu açabilirsiniz. Statik veya dinamik bağlantılar ekleyebilirsiniz.
Arka fon
Kendi tarafınıza arka plan eklemek için bu bloğu açabilirsiniz. Ekleyebileceğiniz 4 arka plan vardır: düz renkler, gradyan renkleri, görüntüler ve videolar. Görüntünün arka planını kullanırsanız, paralaks efekti de ayarlayabilirsiniz. Yönetici etiketi
Yönetici etiketini bölümünüze eklemek için bu bloğu açabilirsiniz. Yönetici etiketinin kendisi bir bölüm için bir tür kimlik adıdır. Yönetici etiketini bölüme eklemek, birkaç bölümden oluşan bir sayfadaki parçaları tanımlamanızı kolaylaştırmak için yararlı olacaktır. Sayfanızı tel kafes görünümünde görüntülerken yönetici etiketini görebilirsiniz. Bu sekmede açabileceğiniz 9 ayar bloğu vardır. Yerleşim
İç gölgeyi görüntülemek/gizlemek için bu bloğu açabilirsiniz. İç görüntünün kendisi bölümün alt tarafında görünür. Bölücüler
Sayfa üreticisi bağlamında, bölücü bölümün üstünde veya altında bir tür çizgi sanatını ifade eder.
Divi Builder, bölümün altına veya üstüne bölücü eklemenizi sağlar. Veya isterseniz, her iki tarafa da bölme ekleyebilirsiniz. Kullanılabilir bölücü stilini açmak için Bölüğer stili seçeneğindeki açılır menüye tıklamanız yeterlidir. Daha sonra bölücünün rengini ve boyutunu ayarlayabilirsiniz. Yapıştırıcı
Parçanın boyutunu ayarlamak için bu bloğu açabilirsiniz. Bu sekmenin genişliğini ve yüksekliğini ayarlayabilirsiniz. Varsayılan olarak, bölümün genişliği ve yüksekliği otomatik olarak ayarlanmıştır. Belli bir genişlik veya yükseklik ayarlamak için seçim değerinizi yazmanız yeterlidir. Yüzde birimi veya piksel kullanabilirsiniz (üniteyi manuel olarak yazabilirsiniz). Mesafe Bölümün mesafesini ve marjını ayarlamak için bu bloğu açabilirsiniz. Bu bölümün marjını ve dolgusunu ayarlamak için her alana değer katarsınız.
Sınır Parça sınırını ayarlamak için bu bloğu açabilirsiniz. Sınır kuvveti, sınır büyüklüğü, sınır rengi ve sınır yarıçapından başlayarak. Sınırın sınırı, parçanın köşesinin eğim seviyesine atıfta bulunur. Eğim seviyesi ne kadar yüksek olursa, köşe o kadar eğilir.
Kutunun gölgesini bölüme uygulamak için bu bloğu açabilirsiniz. Divi Builder tarafından sunulan 7 kutu gölge stilleri var. İstediğiniz kutunun gölge stilini seçmeniz yeterlidir. Kutunun gölge stilini seçtikten sonra, dikey ve yatay konumu, dağılımın mukavemetini ve rengi ayarlayabilirsiniz. Filtre
CSS dosyalarını bir bölüme uygulamak için bu bloğu açabilirsiniz. İsterseniz karışık modlar da uygulayabilirsiniz. dönüşüm
Bu sekmeden, o bölüme 2D veya 3D dönüşüm uygulayabilirsiniz. Uygulamak istediğiniz dönüşüm kuvvetini seçin (kullanılabilir sekmeye tıklayarak) ve ardından dönüşüm değerini ayarlamak için farenizi kullanın. Animasyon
O bölümdeki animasyonu ayarlamak için bu bloğu açabilirsiniz. Divi Builder tarafından sunulan 7 animasyonlu efekt vardır. İstediğiniz animasyonu seçmeniz yeterli, ardından aşağıdaki ayarlarda gerekli ayarları (süre, gecikme vb.) Yapın. Gelişmiş sekmesi Gelişmiş sekmesi başka bir ayar yeridir. Özel CSS eklemek, kaydırma efektini ayarlamak için bu sekmeyi açabilirsiniz. Bu sekmede açabileceğiniz 6 blok var.
Kimlik ve Sınıf CSS Bu bölüme CSS kimliği veya CSS sınıfı eklemek için bu sekmeyi açabilirsiniz. Kod modülünden özel bir CSS eklemek istiyorsanız CSS kimliği veya CSS sınıfı ekleyebilirsiniz.
Özel CSS Kod modülü yerine doğrudan bu bölüme özel 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 cihaz türlerinin (akıllı telefonlar, tabletler veya masaüstü bilgisayarlar) parçalarını gizleyebilirsiniz. Belirli cihaz türlerinin kısımlarını devre dışı bırakmak için, parçayı devre dışı bırakmak istediğiniz cihazın seçeneğini kontrol edin. Bu bloktan, yatay taşma ve dikey taşmayı da ayarlayabilirsiniz.
Geçiş 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.
Durum Bölümün konumunu ayarlamak için bu bloğu açabilirsiniz. Varsayılan olarak, parçanın konumu statik olarak ayarlanır (varsayılan). Kullanabileceğiniz üç konum seçeneği daha vardır: Göreli: Bu seçeneği seçerseniz, parça sayfanın normal sayfalarını izleyecektir. Bu seçenek üst, alt ve sağ özellikler sunar. Ayrıca Z. Mutlak Dizin: Bu seçeneği seçerseniz, bu bölüm için sayfada gerçek bir alan olmayacaktır. Bunu gerçek alanı kullanan diğer parçaların yüzen bir parçası olarak değerlendirebilirsiniz. İyileştirin: Bu seçeneği seçerseniz, bölüm sayfanın normal akışını kırar ve sayfada gerçek alana sahip olmaz.
Kaydırma efekti Scroll efektini bölüme uygulamak için bu bloğu açabilirsiniz. Kaydırma efekti, bölüme daha fazla animasyonlu efekt uygulamanızı sağlar.
Divi Builder Kütüphanesi Zaman Verimliliği’ne parçaları kaydetmek, Divi Builder ve diğer sayfa yapımcılar eklentileri tarafından sunulan şeylerden biridir. Divi Builder’da, tekrarlanan kullanım için parçaları kütüphaneye saklayabilirsiniz. Üzerinde çalıştığınız web sitesinde birkaç sayfaya aynı parçayı eklemeniz gerekiyorsa, bu özellik çok zaman kazandıracaktır. Parçayı kütüphaneye kaydetmek için bölümün sapındaki ok simgesini tıklayın. Parçanızı adlandırın ve Kütüphaneye Kaydet düğmesini tıklayın. Kaydedtiğiniz parçayı kullanmak için, yeni bir bölüm eklediğinizde Kütüphane’den eklenen sekmeye tıklayabilirsiniz. Kullanmak istediğiniz parçayı tıklamanız yeterlidir. Sayfanızda belirli bir parça ile çalışmayı bitirdikten sonra parçayı kilitleme, kilitleyebilirsiniz. Kilitli kısım düzenlenemez. Yanlış parçaları yanlışlıkla düzenlemenizi önlemek için bölümü kilitleyebilirsiniz. Parçayı kilitlemek için, bölümün kolundaki üç nokta simgesini tıklatabilir ve anahtarı seçebilirsiniz.
Kilitli parçanın kilidini açmak için, anahtarı açmak istediğiniz parçanın sol üst köşesindeki asma kilit simgesini tıklamanız yeterlidir.
