Divi eklentisi spot ışığı: divi bulanık

Divi Marketplace’de mevcut olan Divi Divi Blurb Extended Market’te bulun! Bu, incelememizi geçtiğimiz ve kalite standartlarımızı karşılamayı kanıtladığımız anlamına gelir. Mevcut tüm ürünleri görmek için pazarda genişletilmiş Divi’yi 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’nin açıklama modülü, şimdiye kadar kullandığım en popüler modüllerden biridir. Bu, bir modülde başlık ve kısa metin içeren görüntüleri veya simgeleri görüntülemek için iyidir. Kullanımlarını genişletmek için genellikle bir düğme modülü ile kullanılırlar. Bazen daha fazla özelliğe ihtiyaç duyulursa, açıklama modülünün yerine kullanılan görüntü modülünü, metnini ve düğmesini görüyorum. Başka bir seçenek, Divi Blurbed adlı üçüncü taraflı bir eklenti kullanmaktır.
Divi Blurbed Extended, birkaç modülün yerine kullanılabilen yeni özelliklere sahip bir açıklama modülüdür. Eklenen özellikler, imleç yönlendirirken birkaç simge konumu, yeni simge şekilleri, daha fazla okuma düğmesi ve renk değişiklikleri içerir. Ekstra ve Divi Builder eklentisi ile çalışır. Divi Bulanık Genişletilmiş Sürüm 1.1.0, Divi sürüm 3.3.1 ve WordPress sürüm 4.9.6 kullanıyorum. Divi Blurbu Monse Exted

Eklentileri yüklemeden önce, önce indirme dosyalarını unklip yapmanız gerekir. Dosyada iki klasör daha var:
Divi Blurb Extended (bu bir eklenti dosyasıdır)
Divi Blurb Extended Layouts JSON (Bu, Divi kütüphanesine yüklenebilen isteğe bağlı bir düzen dosyasıdır)
Eklentiyi klasördeki yükleyin ve etkinleştirin. Başka ayar gerekmez.
Genişletilmiş Modül Divi Blurb

Divi Builder’a Divi Blurbed adlı yeni modül eklendi. Renk yeşildir, bu yüzden öne çıkıyor. İçerik, içerik, URL’ler, görüntüler ve simgeler ve arka planlar başlığı ve metni ile tanınan ayarları içerir. Metin ve stil seçenekleriyle birlikte düğmelere özellikler ekler.

Tasarım sekmesi, düzen (klasik, flipbox, easbox, borderbox ve resim kartı arasından seçim ayarlarını, görüntü ve simge yerleşimini (yukarıda, sağ veya soldan seçin), statüye sarkma, metin, metin başlığı, içerik metin, boyutu içerir , sınırlar, gölge kutuları ve animasyon.

Gelişmiş sekmesi, açıklamanın tüm öğeleri için CSS alanını içerir. Açıklama, başlıklar, içerik, okuma düğmelerine daha fazla ve daha fazla okuma düğmesine erişebilirsiniz.

Genişletilmiş divi bulanıklığı örneği
Doktor ofis düzeni paketindeki açıklamayı genişletilmiş bulanık divi modülü ile değiştirdim. Simgenin rengi ve boyutu ile yaptığım tek değişiklik. Varsayılan simge boyutu 96 pikseldir. 16’ya ayarladım. Eğer içindeki simge küçülürken, dairenin boyutunu küçülürsem aynı kalır. Bulanıklığın orijinaline yakın görünmesini sağlamak kolay olacaktır. Bu modül için daha özel bazı özel değişiklikler yapacağım. Not – Bu, ilk başta Fronter Builder ile çok iyi çalışıyor, ancak arka uç üreticisine geri dönmeliyim çünkü modül ilk yaptıktan sonra görülmedi. Modülü Fronter Builder’a yerleştirebilirsiniz, ancak ayarlamalar yapmak için bir arka uç oluşturucu kullanmanız gerekir.

Açılır kutudan seçiminizi seçerek simge şeklini değiştirin. Bir daire, kare veya altıgen arasından seçim yapın. Aşağıdaki düzen, kare bir simge ile aynıdır.

Altıgen şekli olan aşağıdaki simgeler. Simgenin boyutunu 66 olarak değiştirdim ve yüzerken simgenin ve arka planın rengini değiştirmek için Hover efektini ekledim. Ayrıca metni sınırdan hareket ettirmek için bir kutunun gölgesi ve bazı dolgu ekledim. Aşağıdakiler mimari düzen paketinde standart bir açıklama. Daha fazla bilgiye bağlantı vermek için düğme modülünü kullanırlar. Divi bulanıklığında ek düğme modüllerini silebiliriz. Bu açıklamalardan biri diğerine benzemiyor.

Modüllerden birini yeniden yaptım ve orijinalin karşılaştırılmasına izin verdim. Hangisinin benim olduğunu bilebilirsiniz. Yazı tipleri ve stiller, resimler vb. Kullanıyorum. Yalnızca bir modül kullanıyorum, bu yüzden bir düğme modülü eklememe gerek yok. Metin ve düğmeler arasında doğru miktarda alan sağlamak için CSS’ye dolgu eklemem gerekiyor. Yapmadığım bir şey düğme kenarını silmekti, bu yüzden benimki metnin diğerleri gibi sol tarafına paralel değildi.

Şimdi genişletilmiş divi bulanık modülü ile tüm açıklamaları yeniden yaptım. Bunun için animasyon içeren düzen seçeneğini seçtim. Sol Flipbox’ı kullanır ve kolaylık kutusu kullanır.
Flipbox için, isterseniz kartın ön ve arkası için farklı renklere veya görüntülere sahip olabilirsiniz. Bunun için öne görüntüler ekledim. Başlık metninin rengini değiştiriyorum ve okunması kolay olacak şekilde metin efektini ekliyorum.

İmleci yönlendirirken, kart arka plan olarak ayarladığım rengi ortaya çıkarmak için döndü.

Kartın döndüğünde görülebilen kartın içine sınır etkisini ekledim.

Diğer iki düzen animasyonlu değil. Sol sınır kutusu ve sağ ImageCard’dır. Düğme metnine uyacak şekilde soldaki sınırı ayarladım. İkisi için simgeyi siliyorum, ancak simgeyi de ayarlayabilirsiniz. Pilding için CSS eklemeden, görüntüleri garip bir konumda konumlandırır.

İndir dosyaları json zip dosyalarını içerir. Divi Blurb Extended Layouts JSON adlı zip dosyasını açın ve JSON dosyalarını Divi kütüphanesine aktarın.

Divi kütüphanesinde genişletilmiş divi bulanıklığı arayan üç düzen gösterildi: klasik, görüntü kartları ve kolaylık kutusu. Bu, grial öncesi modüllü eksiksiz bir sayfadır. Bazıları dolgu için küçük bir CSS içerir.
Bu klasik düzenin bir ekran görüntüsü. Bu, yayıncı demo sayfasındaki tüm modülleri içerir ve modülün neler yapabileceğini gösterir. Bu örnekte imleci sağ üstteki açıklamaya yönlendiriyorum. Simgenin arka planını maviye ve simgeyi beyaza değiştirmek için Hover efektini kullanır.

Bu, Fazla Okuma düğmesi için iyi bir Hover efekti kullanır. Özellikle simgenin altıgenini seviyorum. Paralaks arka planının üzerinde bir modül görüntüler.

Bu klasik düzenin başka bir parçası. Yukarıda ayarlanan modül bir paralaks arka planıdır. Alttaki modül iyi bir renk arka plan örneği gösterir.

Çekici görüntü kartı düzeni. Aralarında boşluk olmayan üç kart gösterir. Görüntülerle üst üste binen simgeler ve üç yerleştirme seçeneği görüntüler. Kart bir blog kartına benziyor. Bu, makalelere, sayfalara, hizmetlere vb. Bağlantılar için iyi çalışacaktır.

Kolay kutusu düzeni birçok örnek içerir.Üstteki açıklama bir simge bağlantı olarak kullanılırken, alttaki açıklama okuma düğmesini daha fazla görüntülemek ve arka plan rengini ve metnini değiştirmek için kayan bir animasyon kullanır.İmleç yönlendirirken okuma düğmesi daha da ortaya çıkar.Divi bulanıklığı ekstra ile uzatılmıştır

Divi Blurbed ekstra ile iyi çalışır.Bu kolaylık kutusunun düzenidir.

Bu, ImageBox’ın düzeni.Ekstra çalışmasını sağlamak için yürürlükte bir değişiklik yoktur.

Divi Blurb’un lisansları genişletilmiş, dokümantasyon ve destek, genişletilmiş Blurb Divi’yi yayıncı web sitesinden satın alabilirsiniz.Mevcut iki lisans var:

Tek Site – 19 $

admin

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir