Divi Builder’da satırlarla nasıl çalışılır (tam rehber)
Bir sayfa üreticisi veya tema şablonu tasarlamanızı kolaylaştırmak için Divi Builder tarafından sunulan üç tür öğe vardır: bölüm, çizgi ve modül. Önceki makalede Divi Builder bölümünü tartıştık. Daha fazla bilgi edinmek için okuyabilirsiniz. Bu makalede, çizginin unsurlarını tartışacağız. Parçalar ve sıralar gerekli unsurlardır. Modüller eklemek için her iki öğeye de ihtiyacınız var (tasarımınızı oluşturmak için gerçek tasarım öğeleri). Divi Builder’da sıralar normal bölüme ve özel parçalara eklenebilir. Divi Builder’a yeni bir düzenli bölüm eklerken, satır eklemeniz istenecektir.
Sırada bir sütun var. İhtiyacınız olan modülü tasarımınıza yerleştirmek için satırdaki sütunu kullanabilirsiniz. Yeni bir çizgi eklerken, sütun yapısını ihtiyaçlarınıza göre seçebilirsiniz. Divi Builder tarafından sunulan 20 standart sütun yapısı vardır. Divi Builder’daki Divi Builder’a yeni bir çizgi nasıl eklenir, çizgi öğeleri yeşil renkte temsil edilir. Bu nedenle, yeni çizgiler eklemek için, tuval alanındaki Yeşil Plus simgesine tıklayabilirsiniz. Daha sonra, görünen diyalogda sütun yapısını seçebilirsiniz.
Bağlantı
Ayarladığınız satıra bir bağlantı eklemek için içerik sekmesinin altındaki bağlantı bloğunu açabilirsiniz. Statik bağlantılar veya dinamik bağlantılar ekleyebilirsiniz.
Arka fon Düzenlediğiniz satırın arka planını ayarlamak için bu bloğu açabilirsiniz. Düz renkli arka plan, gradyan renk arka planı, görüntü arka planı veya video arka plan ekleyebilirsiniz. Özellikle görüntü arka planı için paralaks efektleri uygulayabilirsiniz.
Yönetici etiketi Yönetici etiketini satıra eklemek için bu bloğu açabilirsiniz. Yönetici etiketi nedir? Bunu bir satır adı olarak düşünebilirsiniz. Yönetici etiketi, tel kafes görünüm moduna geçtiğinizde görünecektir. Bir satır yığınından oluşan uzun bir sayfada belirli satırları tanımlamanızı kolaylaştırırlar.
Tasarım sekmeleri Tasarım sekmesinde açabileceğiniz 7 ayar bloğu vardır. Yapıştırıcı
Sıranın genişliğini ve yüksekliğini ayarlamak için bu bloğu açabilirsiniz. Varsayılan olarak, sıra genişliği%80’e ayarlanır. Geniş seçeneğin genişliğini değiştirebilirsiniz. Yüzde yerine bir piksel birimi kullanmak istiyorsanız, manuel olarak yazabilirsiniz (yani 900 piksel). Bu arada, yüksekliği ayarlamak için yüksek seçeneklerde yapabilirsiniz. Ayrıca, olukların genişliğini ve bu bloğun çizgilerinin seviyesini ayarlayabilirsiniz. Küçük bir not. Tam genişliğe sahip olmak istiyorsanız, genişlik ve maksimum genişlik değerlerini%100 olarak ayarlayabilirsiniz.
Marj ve dolgu hatlarını ayarlamak için bu bloğu açabilirsiniz. Sınır
Çizgi 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ı, satırın köşesinin (sağ üst, sol üst, sol alt, alt sol alt) eğim seviyesine atıfta bulunur. Gölge kutusu
Kutunun gölgesini satırınıza uygulamak için bu bloğu açabilirsiniz. Seçebileceğiniz kutunun 7 gölge stili vardır. Kutunun gölgesini seçtikten sonra, gölgenin rengini, bulanıklık uzunluğunu, yatay konumu ve dikey konumu ayarlayabilirsiniz. Filtre
Hattınıza bir CSS filtresi eklemek için bu bloğu açabilirsiniz. İsterseniz karışık mod ekleyebilirsiniz. Değiştirmek
2D veya 3D efekti hattınıza uygulamak için bu bloğu açabilirsiniz. İstediğiniz dönüşüm etkisini seçin (sekmeye tıklayarak) ve dönüşüm seviyesini ayarlamak için farenizi kullanın. Animasyon
Girilen renk animasyonunu ayarlamak için animasyonlu bir blok açabilirsiniz. Animasyonlu bir stil seçtikten sonra animasyon, gecikme ve diğer mevcut ayarların süresini ayarlayabilirsiniz. Devam sekmeniz, özel CSS ekleme, görünürlüğü düzenleme, kaydırma efektleri uygulama vb. Bu sekmede açabileceğiniz 6 ayar bloğu var.
CSS kimliği veya CSS sınıfı eklemek için bu bloğu açabilirsiniz. Kod modülü üzerinden satıra özel bir CSS eklemek istiyorsanız bu bloğu açabilirsiniz. Özel CSS
Kod modülü yerine doğrudan özel CSS eklemek için bu bloğu açabilirsiniz. CSS kodunuzu mevcut alanlara ekleyebilirsiniz.
Görünürlük İsterseniz, belirli cihaz türlerinde (masaüstü bilgisayarlar, tabletler veya akıllı telefonlar) satırları devre dışı bırakabilirsiniz. Bunu görünürlük bloğundan yapabilirsiniz. Çizgiyi devre dışı bırakmak istediğiniz cihaz türünü kontrol edin. Bu bloğun dikey ve yatay taşmasını da ayarlayabilirsiniz.
Geçiş Geçiş hızını ve geçişteki gecikmeyi ayarlamak için bu bloğu açabilirsiniz. Geçiş hızı eğrisini bu bloktan da ayarlayabilirsiniz.
Durum Satırın konumunu ayarlamak için bu bloğu açabilirsiniz. Varsayılan olarak, çizginin (ve Divi Builder’daki diğer öğeler) konumu statik olarak ayarlanır (varsayılan). Gerekirse değiştirebilirsiniz. Belirleyebileceğiniz 3 konum seçeneği vardır: Göreli: Bu seçeneği seçerseniz, satır sayfanın normal sayfalarını takip eder. Bu seçenek üst, alt ve sağ özellikler sunar. Ayrıca Z. Mutlak Dizini de ayarlayabilirsiniz: Bu seçeneği seçerseniz, hat için sayfada gerçek bir alan olmayacaktır. Bunu gerçek alanı kullanan diğer çizgilerin üzerinde yüzen bir çizgi olarak düşünebilirsiniz.
Onarım: Bu seçeneği seçerseniz, satır sayfanın normal akışını kırar ve sayfada gerçek alan olmaz. Bir satırda daha fazla animasyonlu efekt uygulamak istiyorsanız, bu bloğu açabilirsiniz.
Sütunu satıra ayarlayın Divi Builder’a normal bölümü eklerken, en az bir satır eklemeniz istenir. Satır eklerken, sütun yapısını ihtiyaçlarınıza göre seçebilirsiniz. Daha önce de belirtildiği gibi, seçebileceğiniz 20 sütun yapısı seçeneği vardır. Bir satırın sütun yapısını değiştirmek mümkün mü? Evet, bir satırın sütun yapısını değiştirebilirsiniz.
Bir satırın sütununun yapısını değiştirmek için, ayar panelini açmak için satır sapındaki dişliyi tıklayabilirsiniz. Ayarlar Panelinde, Sütun Yapısı seçeneğindeki Çekme menüsünden istediğiniz yeni sütun yapısını seçin. Yeni sütun düğmesini tıklayarak yeni bir sütun bile ekleyebilirsiniz. Bir satırdaki her sütunun kendi tarzı olabilir. Arka arkaya iki sütununuz olduğunu varsayalım. İsterseniz, her sütunda farklı arka planlar, giriş animasyonu vb. Uygulayabilirsiniz. Sütunu ayarlamak için dişli simgesine tıklayabilirsiniz. Hatta yaptığınız gibi ayarlamalar yapabilirsiniz.
Satırdaki sütun boyutunu değiştirin Sıradaki sütun boyutunu değiştirmek istiyorsanız, bunu da yapabilirsiniz. Ne yazık ki, Divi Builder, sütunun boyutunu değiştirmek için Elementor gibi sürükleme ve gevşek işlemler sunmuyor. Bir satırda sütunun boyutunu değiştirmek için özel bir CSS eklemeniz gerekir. İlk olarak, boyutu değiştirmek ve dişliyi tıklamak istediğiniz sütunu seçin (yukarıdaki ekran görüntüsünde gösterildiği gibi). Panel sütun ayar panelinde (satır ayar panelinden) değiştikten sonra, Gelişmiş sekmesini açın ve özel CSS bloğunu açın. Aşağıdaki CSS kodunu ana öğe alanına yapıştırın. Genişlik:% 10! Önemli; genişlik değerini (bu durumda% 10) kendi değerinizle değiştirebilirsiniz. Yüzde yerine piksel birimini (IE 500 piksel) de kullanabilirsiniz. Kütüphaneye satır kaydetme zaman verimliliği için bir satır (modülle tamamladığınız, modülle tamamladığınız) Divi Builder kitaplığına kaydedebilirsiniz. Aynı içeriği farklı sayfalara (özellikler listesi, fiyat tabloları, ekip üyeleri vb. Gibi) eklemeniz gereken uzun bir sayfa oluşturduğunuzda öğeleri (satırlar dahil) saklama yeteneği oldukça kullanışlıdır. Kütüphaneye satır depolamak için satır tutuşundaki ok simgesine tıklayabilirsiniz. Satırınızı adlandırın ve kütüphaneye kaydet düğmesini tıklayın. İsterseniz kategoriyi de ayarlayabilirsiniz.
Kütüphaneye kaydettiğiniz satırları kullanmak için, yeni bir çizgi eklediğinizde ve kullanmak istediğiniz satırı seçtiğinizde Kütüphane’den sekme ekle’yi tıklamanız yeterlidir. Satırı ve içindeki modülü ayarlamayı bitirdikten sonra satırı kilitleyin.Bunu yapmak yanlışlıkla düzenlemenizi engelleyecektir.Satırı kilitlemek için, satır kavramasındaki üç nokta simgesine tıklayabilir ve kırmızı bir asma kilitle işaretlenmiş .baris kilitini (ve diğer öğeleri) seçebilirsiniz.Kilitli satırın kilidini açmak için asma kilit tıklayabilirsiniz. Ayrıca satırları satır kolundan kopyalayabilir ve kopyalayabilirsiniz.Sonuç olarak Divi Builder ile çalışır, kendinizi çizgiyi tanımalısınız.Bu, üzerinde çalıştığınız sayfanın düzenini ayarlamanızı kolaylaştırmak için Divi Builder tarafından sunulan tasarım öğesidir.Sıralar normal bölüme ve özel parçalara eklenebilir.Divi Builder’daki (ve genel olarak diğer sayfa yapımcıları) satır kavramı, sayfaları daha kolay tasarlamamıza yardımcı olmak için çok iyidir.
