Divi eklentisi spot ışığı: divi artı arka plan
Divi Marketplace’de mevcut olan Divi Divi arka plan artı pazarında keşfedin! Bu, incelememizi geçtiğimiz ve kalite standartlarımızı karşılamayı kanıtladığımız anlamına gelir. Mevcut tüm ürünlerini görmek için pazardaki SuperFly’i ziyaret edebilirsiniz. Divi Marketplace’ten satın alınan ürünler, sınırsız web siteleri ve 30 gün öncesi garantili (Divi gibi) ile birlikte gelir. Divi Pazarı’ndan Satın Alın
Divi birçok arka plan özelliğine sahiptir. Düz renkli bir arka plan, gradyan, görüntü veya video ekleyebilirsiniz. Görüntü karışımı nedeniyle, katı veya gradyan renklerini kaplama olarak kullanabileceğiniz çok ilginçtir. Bir sorun, bunun paralakta işe yaramamasıdır. Başka bir sorun, videonun hiç yer paylaşımı olmamasıdır.
Yer paylaşımı ve paralaks eklemek istiyorsanız, CSS kullanmalısınız. Bu işlev görür, ancak elle yapılmalıdır, yani tüm ayarlamalar daha uzun sürdürülmesini gerektiren kodda yapılır. Çoğu müşterinin kodunuzda değişiklik yapmasını istemezsiniz. Neyse ki, bu sorunun üstesinden gelmenin daha kolay ve daha güvenli bir yolu var. Divi Arka Plus adlı üçüncü taraf eklentisi her ikisine de kaplama ekledi. Bu eklenti ile videoya bindirme ekleyebilir ve Paralaks’taki görüntüye kaplama ekleyebilirsiniz. Bu makalede, Divi Arka Plus Plus’ı göreceğiz ve neler yapabileceğini göreceğiz.
Eklentileri geliştirici web sitesinden satın alabilirsiniz. Divi Arka Plan Plus’ı yükleme
Divi Plus’ın arka plan görüntüsü örneği
Burada bir sıra bir arka plan görüntüsü yerleştirdim. Paralaks efektini etkinleştirdim ve CSS’yi bir paralaks yöntemi olarak seçtim. Kaplama olmadan aşağıdaki görüntü. Bu, beklediğimiz gibi çalışan bir paralaks görüntüsüdür. Ayrıca, arka plan modülü artı sütunda düşürdüm. Arka plan artı ayarlarda seviyeler için satırlar seçtim ve gradyan arka plan yapıyorum. Gradyanın yönünü 118 dereceye değiştirdim. Ayrıca gradyanlar yerine düz renkler de kullanabiliriz. Şimdi paralaks arka planının üzerinde bir kaplama var. Yer paylaşımına biraz metin ekleyeceğim ve sonra bunu eylemde göreceğiz. İşte metin modülü. Doğru sütuna yerleştirdim. Arka plan artı modülü sütunun yerindeki hiçbir şey göstermediğinden, sanki hiçbir şey yokmuş gibi okur. Metni soldan biraz itmek için sağ sıranın sol tarafına dolgu ekledim. Alternatif olarak, iki yerine bir sütun kullanabilirim. Dosya boyutunu küçük tutmak için görüntünün boyutunu azalttım, ancak burada görüntünün gradyanın arkasında paralaks arka planı ve bir metnin gerginliği olarak kaldığını görebilirsiniz. Beni ve merakımı biliyorsun. İki arka plan modülü Plus’ın aynı arka plan görüntüsünü etkileyip etkilemeyeceğini görmek zorundayım. İlk modül solda% 80 opaklık ve sağda net bir gradyan ile kırmızı bir gradyan kullanır. Başlangıç pozisyonunu% 8’e ve son pozisyonu% 33’e ayarladım. Bir sonraki modül, sağda%74 opaklıkta mavi bir gradyan ile solda net bir gradyan kullanır. Başlangıçta% 56 ve son pozisyon% 100’dür. Sonuç, her iki tarafta ortada yer almayan farklı renkleri olan iki kaplama olan bir paralaks arka planıdır. Genişlik ilginç bir açı yaratır. Bunun için sol gradyan için başlangıç ve son pozisyonu%33 olarak değiştirdim. Sağ gradyanın başlangıç ve ucunu%87 olarak değiştirdim. Ayrıca gradyanın yönünü 72 dereceye değiştirdim. Bu, kırmızı ve mavinin asimetrik olacağı anlamına gelir (bu da gözlerimi seğirebilir, ancak deneyeceğiz).
Sonuç keskin bir çizgi oluşturur, böylece gradyan daha kolay görülür. Bu arka plan hala paralakta. Böylece, aynı arka plan görüntüsü için paralaksta iki modül kullanabilirsiniz. Sayfa hızındaki etkiyi görmedim. Divi Plus’ın video arka plan videolarına örnekler
Streç olarak metin içeren bir satırda bir arka plan videosu ekledim. Video arka planının orijinal paralaks seçeneği olmadığından, Divi Arka Plus Plus ile bile paralaks video arka planı yapamayız. Bununla birlikte, videoya bindirme ekleme yeteneği bize hala birçok olası tasarım veriyor. Arka plan videosunun aşağıdaki ekran görüntüleri metin. Metnin okunması zor. Genellikle metnin arkasına arka plan ekleyeceğim, ancak istediğiniz görünümü elde etmek zor olabilir. Videoya düz renkler kullanarak bindirme ekledim. %50 opaklık ile siyah kullanıyorum. Bu örnek için bir gradyan yaptım ve gradyan tipini orta radyal yöne sahip radyal olarak değiştirdim. Başlangıç pozisyonu% 41 ve son pozisyon% 100’dür. İlk rengi%80 opaklıkla siyah olarak ayarladım. İkinci renk,%40 opaklık ile açık gridir. Sonuçlar, metnin öne çıkması için karanlık noktayı ortaya yerleştirir. Şimdi kırmızı kaplama ekliyorum. Sol renk% 80 opaklık kullanırken, doğru renk% 56’dır. Gradyan tipi için doğrusala geri koydum ve yönü 162 dereceye, başlangıç konumunu%42’ye ve son pozisyonu%75’e ayarladım. Bu, gradyandaki varyasyonlarla kalın kırmızı yaratıyor. Ve elbette iki arka plan modülü artı video denemeliyim. Bu kez arka plan videosunu bölüme taşıdım ve bir arka planla hedefledim ve sonra diğerlerini metin modülü için satırları hedeflemek için yerleştirdim. Parçayı hedefleyen modül için solda kırmızı ve her ikisi de%70 opaklık ile mavi koydum. Gradyan yönü 162 derecedir, başlangıç pozisyonu%40 ve son pozisyon%60’dır. Hedefleri hedefleyen modüller için, o bölüme aykırı bir gradyan yaparım. Solda mavi ve her ikisi de%70 opaklık ile sağda kırmızı kullanır. Gradyanın yönü 158 derecedir, başlangıç konumu% 0’dır ve daha yumuşak bir renk kombinasyonu oluşturmak için son konum% 100’dür. Satır ayarları için her tarafa 50 piksel dolgu ekliyorum ve kutunun gölgelerini ekliyorum. Sonuç, görüntülenen arka plan videosu ile genişliğin üzerinde bir streçtir. Ekstra ile divi arka plan artı kullanma