Satırlar, bölümlerin içine yerleştirilebilecek farklı sütun düzenlemeleridir. Modüller gibi, satırlar da satırın sol üst köşesindeki ayarlar simgesine tıklayarak erişilebilen çeşitli ayarlara sahiptir. Bu eğitimde, bazı özellikleri ve bunların çok benzersiz düzenler oluşturmak için nasıl kullanılabileceğini gözden geçireceğiz. Özellikle çizgi ayarları, oluşturulan düzenlerin çeşitliliğini büyük ölçüde artırmak için kullanılabilir. Divi Oluşturucu, çünkü modüllerinizin barındırıldığı yapıyı oluştururlar.
İçerik ayarları
Arka plan rengi
Arka plan resimleri tüm satıra uygulanabilir. Varsayılan olarak, çizgilerin şeffaf bir arka plan rengi vardır.
Arka plan resmi
Arka plan resimleri tüm satıra uygulanabilir.
MP4 arka plan videosu
videoları arka planlar çizgilere uygulanabilir. Arka plan videosunu uygulamak istiyorsanız MP4 ve WEBM videosunu yüklemeniz ve videoları Burada.
Web arka plan videosu
videoları çizgilere arka planlar uygulanabilir. Eğer arka plan videosu uygulamak istiyorsanız MP4 ve WEBM videosunu indirip videoları buraya girmeniz gerekiyor.
Arka plan video genişliği
Videolarınız yüklendikten sonra, videonuzun genişliğini buraya girmeniz gerekir. Videonun gerçek genişliğine eşit olmalıdır, aksi takdirde arka planın konumu yanlış olacaktır.
Arka plan videosunun yüksekliği
Videolarınız yüklendikten sonra, videonuzun yüksekliğini buraya girmeniz gerekir. Videonun gerçek yüksekliğine eşit olmalıdır, aksi takdirde arka plan konumu yanlış olacaktır.
Video duraklat
Videoların tıklandığında duraklatılmasını istiyorsanız, bu seçeneği etkinleştirin.
Sütun arka plan rengi
Bir satırdaki her sütun için benzersiz bir arka plan rengi atayabilirsiniz.
Sütun arka plan resmi
Bir satırdaki her sütun için benzersiz bir arka plan görüntüsü atayabilirsiniz.
Yönetici Etiketi
Bu, kolay tanımlama için jeneratördeki modül etiketini değiştirecektir. Visual Builder'da WireFrame görünümünü kullanırken, bu etiketler arayüzün modül bloğunda görünecektir. Divi Oluşturucu.
Tasarım parametreleri
Paralaks efektini kullanın
Hat arka plan resminiz için paralaks efekti kullanmak istiyorsanız, buradan etkinleştirebilir ve ardından istediğiniz paralaks yöntemini seçebilirsiniz.
Sütun paralaks etkisi
Burada, sıranızdaki belirli bir sütunun arka plan görüntüsü için paralaks efektini kullanıp kullanmayacağınızı seçebilirsiniz.
Bu çizgiyi tam genişlikte yap
Bu seçenek etkinleştirilirse, çizgi tarayıcı penceresinin tüm genişliğine yayılır (tam genişlikteki bölüme benzer şekilde). Bu, harika tam genişlikte sütun düzenleri oluşturmanın harika bir yoludur.
Özel genişlik kullan
Ayrıca bir çizgiye özel bir genişlik de atayabilirsiniz. Örneğin, sayfa feed'ine varyasyon eklemek ve bir satırı diğerlerinden daha büyük yapmak istiyorsanız buraya özel bir genişlik değeri girebilirsiniz
Özel oluk genişliğini kullanın
Oluğun genişliği, sütunlar arasındaki mesafeyi ayarlar. 4'dan başlayan 0 oluk boyutu vardır. tanım cilt payı genişliğini 1 olarak ayarlamak, sütunlar arasında hiç boşluk olmamasını sağlar. Tam Genişlik seçeneğiyle birleştirildiğinde bu, Portföy Tam Ekran modülüne benzer efektler oluşturabilir.
Sütun yüksekliklerini eşitle
Bu harika bir seçenektir, özellikle tek tek sütunlara arka plan renkleri uyguladığınızda kullanışlıdır. Bu seçeneğin etkinleştirilmesi, satırdaki tüm sütunları aynı yükseklik değerine sahip olmaya zorlar.
Özel dolgu
Çizginin dolgusunu ayarlamak isterseniz, buradan yapabilirsiniz.
Özel Marj
Çizginin kenar boşluğunu ayarlamak isterseniz, buradan yapabilirsiniz.
Özel sütun dolgusu
Satırınızdaki belirli bir sütunun dolgusunu ayarlamak istiyorsanız, bunu burada yapabilirsiniz.
Özel sütun marjı
Satırınızdaki belirli bir sütunun marjını ayarlamak istiyorsanız, bunu burada yapabilirsiniz.
Gelişmiş ayarlar
CSS Kimliği
Stil sayfanızda veya bağlantı bağlantılarıyla hedeflemek istiyorsanız, satıra bir CSS Kimliği atayabilirsiniz.
CSS sınıfı
Stil sayfanızda hedeflemek istiyorsanız, çizgiye bir CSS sınıfı atayabilirsiniz.
CSS sütun kimliği
Stil sayfanızda veya bağlantı bağlantılarıyla hedeflemek istiyorsanız, satırınızdaki belirli bir sütuna bir CSS Kimliği atayabilirsiniz.
CSS sınıfı sütunu
Stil sayfanızda hedeflemek istiyorsanız, satırınızdaki belirli bir sütuna bir CSS sınıfı atayabilirsiniz.
Avant
Başvuru için buraya CSS girişi: ana div div önce.
Ana eleman
Ana hat div için uygulamak için buraya CSS girişi.
Après
Başvuru için buraya CSS girişi: ana div div sonra.
Ön sütun
Uygulamak için buraya CSS'yi girin: belirtilen sütun div'sinden önce.
Ana sütun elemanı
Belirtilen div sütununa uygulamak için buraya CSS girin.
Sütunu sonra
Burada uygulanacak CSS girişi: belirtilen div sütunundan sonra.
görünürlük
Bu seçenek, hat modülünüzün göründüğü cihazları kontrol etmenizi sağlar. Modülünüzü tabletlerde, akıllı telefonlarda veya masaüstlerinde ayrı ayrı devre dışı bırakmayı seçebilirsiniz. Bu, farklı cihazlarda farklı modüller kullanmak istiyorsanız veya sayfadan belirli öğeleri kaldırarak mobil tasarımı basitleştirmek istiyorsanız kullanışlıdır.
Öğreticiyi uygulamaya koymak
Artık tüm ayarları gözden geçirdiğimize göre, her bir ayar yaratıcı bir şekilde kullanıldığında nelerin mümkün olduğunu size göstermek için birkaçını test edelim. Bu örnekte, Tam Ekran Satırı ayarını giriş olarak ele alacağım. Bir "Tam Ekran" satırı oluşturma seçeneği, setin en çok yönlü seçeneklerinden biridir. Bu, bir Tam Ekran (veya Tam Genişlik) bölümüne benzer şekilde, çizginin genişliğini tarayıcının kenarına kadar uzatır. Fullwidth bölümünün aksine FullWidth satırları sütun yapılarına sahip olabilir ve herhangi bir modülü içerebilir! Aşağıdaki örnekte 4 sütunlu bir satır oluşturdum ve her sütuna bir kare resim ekledim. Ardından, çizgiyi tarayıcı penceresinin kenarlarına uzatmak için "Bu satırı tam genişlikte yap" seçeneğini etkinleştirdim.
Ardından satırdaki sütunlar arasındaki boşluğu kaldırmak için "Cilt payı" boyutunu "1" e düşürdüm.
Son olarak "Özel Doldurma" seçeneğiyle üst ve alt değerleri "0" olarak değiştirerek satırın üstündeki ve altındaki dolguyu kaldırdım.
Sonuç, 4 sütunluk normal satırımızı aşağıdaki yeşil bölüme kıyasla çarpıcı görünen tam genişlikte, taşma payı resim galerisine dönüştüren eksiksiz bir satır dönüşümdür. Aynı efekt, özel sütun arka plan renkleri ve metin tabanlı modlar kullanılarak da oluşturulabilir. Olanaklar sınırsızdır!