Ana İçeriğe Geç

Divi Builder'da satırlar nasıl yapılandırılır

Divi: Kullanılacak en kolay WordPress teması

Divi: Tüm zamanların en iyi WordPress teması!

daha fazla 901.000 indirmeler, Divi, dünyanın en popüler WordPress teması. Tamamen, kullanımı kolay ve 62 ücretsiz şablonlardan daha fazlasını sunuyor. [Önerilen]

Satırlar, bölümlerin içine yerleştirilebilen farklı sütun düzenleridir. Modüller gibi, satırlar da satırın sol üst tarafındaki parametreler simgesine tıklayarak erişilebilen çeşitli parametrelere sahiptir. Bu eğitimde, bazı özelliklerin üzerinden ve çok benzersiz düzenler oluşturmak için nasıl kullanılabileceklerine değineceğiz. Özellikle satır ayarları, modüllerinizin barındırıldığı yapıyı oluştururken Divi Builder ile oluşturulan düzen çeşitliliğini önemli ölçüde artırmak için kullanılabilir.

hat modülü divi builder.png

ayarlar parametreleri line divi.png

İç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

Arka plan videoları çizgilere uygulanabilir. Arka plan videosu uygulamak istiyorsanız, MP4 ve WEBM videosunu indirmeniz ve videoları buradan almanız gerekir.

Web arka plan videosu

Arka plan videoları çizgilere uygulanabilir. Arka plan videosu uygulamak istiyorsanız, MP4 ve WEBM videosunu indirmeniz ve videoları buradan almanız gerekir.

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. WireFrame görünümünü Visual Builder'da kullanırken, bu etiketler Divi Builder arayüzünün modül bloğunda görünecektir.

Elementor ile web sitenizi kolayca oluşturun

Elementor, profesyonel bir görünüme sahip herhangi bir web sitesi tasarımını kolayca oluşturmanıza olanak sağlar. Kendin yapabileceğin için pahalı ödemeyi kes. [Ücretsiz]

seciton design divi builder.png

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

Cilt payı genişliği sütunlar arasındaki mesafeyi düzenler. 4'dan başlayan 0 cilt payı boyutu vardır. Cilt payı genişliğinin 1 olarak ayarlanması, sütunlar arasında herhangi bir boşluk oluşmasına neden olmaz. Tam Genişlik seçeneğiyle birleştirildiğinde, 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.

En iyi WordPress temalarını ve eklentilerini mi arıyorsunuz?

Envato'daki en iyi eklentileri ve WordPress temalarını indirin ve web sitenizi kolayca oluşturun. 49.720.000 indirme işleminden daha fazla. [ÖZEL]

avans opsiyon sütunu divi.png

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, bir giriş olarak Tam Ekran Satırı ayarını ele alacağım. “Tam Ekran” satırı oluşturma seçeneği, setin en çok yönlü seçeneklerinden biridir. Bu, Tam Ekran (veya Tam Genişlik) bölümüne benzer şekilde çizginin genişliğini tarayıcının kenarına kadar uzatacaktır. Ancak Tam Genişlik bölümünden farklı olarak, Tam Genişlik 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 görsel ekledim. Ardından, çizgiyi tarayıcı penceresinin kenarlarına kadar genişletmek için "Bu satırı tam genişliğe değiştir" seçeneğini etkinleştirdim.

Çevrimiçi Mağazanızı kolayca oluşturun

WordPress'te fiziksel ve dijital ürünlerinizi satmak için ücretsiz WooCommerce, en iyi e-ticaret eklentilerini indirin. [Önerilen]

örnek tasarım divi.jpg

Daha sonra satırdaki sütunlar arasındaki boşluğu kaldırmak için “Oluk” boyutunu “1”e indirdim.

divi.jpg sütunları arasındaki boşlukları kaldırma

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.
fill.jpg değiştirmesi

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!

Bu makale yorumları 0 içeriyor

YORUM BIRAKIN

E-posta hesabınız yayımlanmayacak. Doldurulması zorunlu alanlar * ile işaretlenmiştir *

Bu site, istenmeyenleri azaltmak için Akismet'i kullanıyor. Yorum verilerinizin nasıl kullanıldığı hakkında daha fazla bilgi edinin..

Başa dönüş
6 hisseleri
hisse2
cıvıltı1
Enregistrer3