Divi eklentisi spot ışığı: divi için bulanıklık malzemesi
Blurb, Divi’deki en popüler ve çok yönlü modüllerden biridir. Genellikle sayfalara bağlantılar, hizmetler için açıklamalar, harekete geçme davetleri, yemek menüsü kategorileri, ekip üyelerine bağlantılar, etkinliklerle bağlantılar, haftalık programlar, kategoriler, portföyler ve daha fazlası için kullanılırlar. Divi için Blurb Material adlı üçüncü taraflı bir eklenti, size bir malzeme kartı yapmak için bir araç vererek daha gelişmiş bir açıklama için bir tasarım getirir. Divi için malzeme bulanıklığı, Divi Builder’a, görüntüler veya simgeler, metin ve davet düğmeleri gibi özellikler içeren malzeme tasarım kartları yapan yeni bir modül ekler. Etkiler 6 yükseklik seviyesi, yüzen efektler ve 4 yüzer animasyon içerir. Arka plan rengini, gradyanını veya arka plan fotoğrafını ekleyin, sınırlı veya sınırsız görüntüleyin ve zengin bir metin düzenleyicisini kullanarak kendi düzeninizi yapın.
Bu örnekteki resim, ücretsiz iç tasarımcı düzeni paketinden çekilmiştir. Modül Modül Malzemelerinin Ayarları
Arka plan için degradeler, resimler ve videolar kullanabilirsiniz. Soldaki malzemenin açıklaması, gradyanın arka planını bir sınırla kullanır. Sağda, arka planları için% 60 şeffaflığa sahip simgelerle görüntüler kullanır. Metnin okunmasını kolaylaştırmak için vücut metninin ve başlığın sınırları ve gölgesi için bir kutu gölgesi verdim. Daha küçük bir başlık ve daha büyük bir metin yaptım. Arka plan görüntüleri paralaks, kaplama vb. Kullanılabilir.
İçindekiler metni zengin bir metin düzenleyicisi kullanır. Materyalin bir açıklamasını yalnızca buraya yerleştirdiğiniz içerikten yapabilirsiniz. Bu materyalin her iki açıklaması da yalnızca zengin bir metin düzenleyicisi kullanılarak yapılır. Birincisi, başlık metnini görüntünün üzerine yerleştirirken, ikincisi görüntünün boyutunu değiştirirken sola koyun ve metin sağa yerleştirilir. Bu örnekte düğmeyi başlığın üzerine yerleştirdim. Bu, CSS eklenerek yapılır. Neyse ki kod, nereye ekleneceğiniz talimatlarla birlikte geliştirici web sitesinde sağlanır. Soldaki düğmeye degradeyi ekledim ve görüntüyü metin alanına bindirme ile yerleştirdim. Sağdaki düğmenin arka plan görüntüsü vardır. Yazı tipi boyutunu artırdım, sınır yarıçapını ayarladım ve içeriğin başlığına ve metnine bir güç verdim. Bu örnekte, daha fazla bilgi ve diğer hizmetleri görmek için düğmeler için hizmetleri görüntülemek için sola bir açıklama yerleştirdim. Ürün sayfasına doğru bağlantıdaki açıklama ve bir satın alma düğmesi içerir. Solda 5 yükseklikte, sağdaki olan 2 olarak ayarlanmıştır. Ayrıca doğru açıklama için düğmenin sınırını ve yarıçapını 5’e ayarladım. Bu örnekler simgeler veya resimler olmayan düğmeleri gösterir. Soldaki ikisi, sağdaki geçici kartların arka planını içerir. Soldaki kartın sınırını içermez. Her arka plan veya gradyan renk düğmesi verdim. Sağda iki tanesi bağlı bir düğme var. Bu, bağlı düğmeyi yapmak istediğiniz taraftaki sınırı silmek için CSS ekleyerek yapılır. CSS, geliştirici web sitesinden ve belgelerden indirebileceğiniz bir gösteride mevcuttur. Bu, düzende malzeme açıklamasının görünümüdür. Bu, ücretsiz iç düzen paketinin mağaza sayfasıdır. Yukarıdaki ürün örneği ile aynı bulanıklık kullanıyor, ancak bazı değişiklikler yaptım. Ortadaki aynı boyutta ve metindeki malzeme açıklamalarını yapmak için belgelerden CSS ekledim. CSS’nin eklenmesi kolaydır ve değiştirmem gerekmez. Ekstra ile divi için bulanık malzeme kullanmak Divi için bulanık malzeme ekstra ile iyi çalışır. Aşağıdakiler, iç düzen paketinin aynı düzenidir. Mağaza modülünü bulanık bir malzeme modülü ile değiştirdim. Lisans, Dokümantasyon, İndirme Düzenleri Örnekleri Geliştirici web sitelerindeki bağlantılar aracılığıyla divi için bulanıklık malzemeleri satın alabilirsiniz. Divi için bulanık malzeme seçilecek 2 lisansa sahiptir:Tek site – 12,99 $ Sınırsız Site – 49,99 $
Bu sayfa ayrıca belgeleri de içerir. Bu, tasarımın bir demoda nasıl tamamlanacağına dair bazı ipuçları, kodun nasıl uygulanacağına dair adım adım adım talimatları içeren bazı CSS de dahil olmak üzere bazı ipuçlarını içerir. Belgeler ayrıca örnek sayfası için indirilebilen JSON dosyalarını da içerir. Bu size, demo sayfasından belirli bir tasarımın nasıl tamamlanacağına dair bir gösteri olarak kopyalayabileceğiniz ve ayarlayabileceğiniz ve işlev görebileceğiniz 43 örnek verir. Yüksekliği eşitlemek için kod eklemek için belgeleri kullanıyorum. Düğmeyi metnin üzerine yerleştirmenin bir yolunu bulmak için bir düzen örneği kullanıyorum. Herhangi bir gösteri veya belgeye ihtiyacım olduğunda bu tek şey bu. İyi ve çok yönlü görünen bir malzeme kartı yapmak için divi için bulanıklık malzemesinin zihnini sona erdirme. Kullanımı kolay hissediyorum ve istediğim her şeyi yapabilirim. Ayarlar oldukça açıktır ve geliştirici web sitesinde kopyalayıp yapıştırabileceğiniz CSS size daha fazla özellik sağlar. Genellikle yaptığımdan biraz farklı görünen tek şey, görüntünün kaplama özelliğidir. Standart bir yer paylaşımına sahip olmak yerine, yüzen bir görüntüye sahiptir. Bu, Hover’daki görüntüleri yeni görüntülerle değiştirmek için iyidir, ancak metinleri kaplamada görüntülemek istiyorsanız, bir Hover görüntüsü olarak kullanılacak bir görüntü olarak kaplama yapmanız gerekir. Zengin metin editörleri, yükseklik, sınırlar, düğmeler, görüntüler ve simgeler arasında istediğiniz her türlü malzeme kartını yapabilirsiniz. Divi ile malzemenin açıklamasını kullanmak istiyorsanız, Divi için bulanıklık malzemesi ihtiyacınız olan eklenti olabilir. Senden duymak istiyoruz. Divi için bulanıklık malzemesi denediniz mi?
