Divi Eklentisi Vurgusu: Divi Next Blurb

Divi Next Blurb, benzersiz tanıtım yazısı tasarımları oluşturmak için çeşitli özellikler ekleyen bir üçüncü taraf tanıtım yazısı modülüdür. Modül, simgeleri ve görüntüleri aynı anda görüntüler, hemen hemen her öğeyi bağımsız olarak özelleştirmenize olanak tanır ve hatta çoğu öğeye çok sayıda fareyle üzerine gelme efekti ekler. Bu yazıda Divi Next Blurb'a bir göz atacağız ve neler yapabileceğini göreceğiz.

Divi Sonraki Blurb Modülü

Divi Next Blurb'u yükledikten ve etkinleştirdikten sonra, Divi Builder'a Next Blurb adlı yeni bir modül eklenir. Hiçbir şey ayarlamanıza gerek kalmayacak. Kullanıma hazır.

Divi Sonraki Bulanık İçerik Sekmesi

İçerik sekmesi, ön başlık metnini etkinleştirmenize, metni girmenize, başlık etiketini seçmenize ve yazı başlığı metnini etkinleştirmenize olanak tanıyan metin ayarlarını içerir. Ayrıca içerik ekleyebilirsiniz.

Ön başlık metni başlığın üstüne yerleştirirken, yazı başlığı metni başlığın altına yerleştirir. Her biri için başlık etiketini değiştirebilirsiniz.

Aynı anda veya bağımsız olarak bir resim ve bir simge ekleyin. Standart Divi tanıtım modülü yalnızca birini veya diğerini görüntüler. Divi Next Blurb, ikisini aynı anda görüntülemenize izin vererek birçok tasarım olanağı sunar.

Standart düğme stiline sahip bir düğme ekleyin.

Ayrıca başlık, açıklama, resim, simge ve düğme için birçok arka plan rengi seçeneği içerir. Bunları bağımsız olarak etkinleştirebilir ve ayarlayabilirsiniz. Her biri için bir renk veya degrade seçin.

Divi Sonraki Blurb Tasarım Sekmesi

Tasarım sekmesi, görüntü, simge, vurgu efektleri, başlık ve açıklama metni ve düğme metni, simge ve vurgulu efektleri için ayarları içerir. Öğelerin çoğu ayrıca boşluk, kenarlıklar ve kutu gölgeleri için ayrı bölümlere sahiptir. Tanıtım yazınızı tasarlamak için birçok ayar var.

Sonraki Bulanık Resim

Görüntü ayarları, görüntü yerleşimini seçmenize ve kenarlığı ayarlamanıza olanak tanır. Bu örnek, görüntüyü sol alta yerleştirir.

Bu, görüntüyü sağ merkeze yerleştirir. Kenarlık ekledim ve rengini değiştirdim. Ayrıca bir kutu gölgesi ekledim.

Bu örnek için, resmi alt merkeze yerleştirdim. Kenarlığı kaldırdım ve köşeleri yuvarladım. Bunun farklı bir kutu gölgesi var.

Simge ayrıca yerleştirme seçeneklerini de içerir. Ayrıca boyutu, rengi, kenarlığı vb. de ayarlayabilirsiniz. Bu örnek için sağ alt köşeye simgeyi yerleştirdim.

Sonraki Bulanıklık Simgesi

Bu örnek, sol ortadaki simgeyi göstermektedir. Boyutu büyüttüm, kenarlık ekledim ve kenarlığın rengini değiştirdim.

Bu örnek, üst ortadaki simgeyi göstermektedir. Boyutu küçülttüm, bir kutu gölgesi ekledim ve bir daire oluşturmak için köşeleri yuvarladım.

Sonraki Blurb Hover Efektleri

Fareyle üzerine gelme efekti, 2B ve Eğme seçeneği içerir. 2D seçeneği, aralarından seçim yapabileceğiniz 16 efekt sağlar.

Bu örnek, darbe vurgulu etkisini gösterir.

Eğim efekti, kamaşma seçeneklerini, bir ters seçeneği, perspektifi, hızı, başlangıç ​​ve bitiş noktalarını vb. içerir. Bu örnek, kamaşmanın etkin olduğu standart eğme seçeneğini gösterir. Ayarları varsayılanda bıraktım.

Bu örnek daha fazla parlama ve bakış açısı ekler. Eğimi özelleştirmenin birçok yolu vardır.

Sonraki Bulanık Metin

Başlık metni, ön, başlık ve yazı metni için ayarlara sahiptir. Metin için beklediğiniz tüm ayarları içerirler. Bu örnekte her üç metin grubunu da ayarladım.

Açıklama metni, metin, bağlantılar, madde işaretleri, tırnak işaretleri vb. için ayarlamalar dahil olmak üzere tüm standart metin ayarlarını içerir. Bu örnekte, yazı tipi boyutunu büyüttüm, kırmızıya değiştirdim ve bir gölge efekti ekledim.

Sonraki Bulanıklık Düğmeleri

Tüm standart düğme metni ve simge ayarları dahildir. Yazı tipi boyutunu büyüttüm ve rengini değiştirdim. Bu örnek, düğme simgesi ayarlarını gösterir.

Düğme Hover, 2B, arka plan, kontur ve simge dahil olmak üzere birçok ayar içerir. 2D ayarları çok sayıda vurgulu efekt içerir.

Düğme Hover, 2B, arka plan, kontur ve simge dahil olmak üzere birçok ayar içerir. 2D ayarlarında birçok vurgulu efekt vardır. Arka plan efekti, başka bir efekt kümesi içerir. Bu, fareyle üzerine gelindiğinde düğmeyi gösterir.

Kontur, arka plan ve kenarlık ayarlamalarının yanı sıra çeşitli vurgulu efektler ekler. Bu örnek, iç tarafa bir kenarlık ekler ve renkleri değiştirir.

Simge ayrıca, yalnızca fareyle üzerine gelindiğinde simgeyi etkileyecek birçok vurgulu efekt ekler.

Divi Sonraki Blurb Örnek Bir

Örnek olarak Leather Company düzeninde sağ tarafta bulunan Sale metnini Next Blurb modülü ile değiştirmek ve birkaç özellik eklemek istiyorum.

Burada tel kafes görünümünde görebileceğiniz gibi normalde bir metin modülü ve bir düğme ile yapılır. Siyah arka plan sütuna eklenir.

İşte sadece Next Blurb modülünü kullanarak yeniden oluşturulan Satış harekete geçirici mesajı. Bu örnekteki sütun için hala siyah arka planı kullanıyorum.

İşte tel kafes görünümüne bir bakış. Modül, uzmanlık bölümleriyle iyi çalışır.

Artık orijinal mizanpajda görüntü ve düğme ile elde edemediğim efektler ve özellikler ekleyebiliyorum. Örneğin, Grow Döndür 2D vurgulu efekti ekledim. Bu sütun alanı için başlık metnini ve düğmeyi siyah arka planın üzerine yerleştirdiğimden, içerik eğilirken kart yerinde kalıyor gibi görünüyor.

Bu, eğim efektini içerir. Kartın üzerine gelindiğinde arka planda görünmesi için parlama ekledim.

Bu örnek için, tanıtım yazısına bir resim ekledim. Bilgi kartının en üstünde bıraktım.

Bunun için sadece animasyonu göstermek için vurgulu pop efektini ekledim. Bu, ziyaretçilerin tanıtım yazısının üzerinde gezinirken dikkatini çekmenin iyi bir yoludur.

Bu, parlama etkin olmayan eğim efektini içerir. Kart sütun içinde eğilir, ancak kartın sınırları algılandığı gibi değildir.

Arka planı sütundan kaldırdım ve modüle ekledim. Bu, siyah arka planı metnin arkasında tutar. Ayrıca sadece resme bir kutu gölgesi ekledim. Kenarlığı kaldırdım, böylece bir eğim efekti kullandığımda kenarlık görünmüyor.

Eğim efektiyle nasıl göründüğü aşağıda açıklanmıştır. Görüntüye perspektif eklemek için harika bir iş çıkarıyor. Kutu gölgesinin görünümünü seviyorum.

Divi Sonraki Blurb Örnek İki

Bu örnek için, Başlangıç ​​ana sayfası düzenindeki tanıtım yazılarını Sonraki Görüntü modülleriyle değiştirmek ve tasarımlarında biraz daha karmaşık hale getirmek istiyorum.

Mevcut ayarlarıyla tanıtım yazısının yeniden oluşturulması kolaydı. Burada yaptığım tek şey resim, başlık ve içerik eklemek. Şimdi bazı ayarlamalar yapacağım.

Resmi sol üste taşıdım ve hem resme hem de gövde metnine bir kutu gölgesi ekledim. Kenarlığın köşeleri yuvarlatılmıştır ve gövde metni artık üst ve alt kısım için 5 piksel dolguya sahiptir.

Bunun için simgeyi sağ merkeze yerleştirdim ve resim aralığını başlık metniyle hizalayacak şekilde ayarladım. Metni beyaz yaptım ve gövdenin arka planına orijinal metin rengini verdim. Başlık metni için arka planı degrade yaptım.

Sonuçlar burada. Başlık metninin üstüne dolgu ekledim, tüm metni ortaladım ve alt kenarlığı olan bir düğme ekledim. Görüntüleri alt merkeze ekledim ve boyutlarını büyüttüm. Görüntüler, içerik alanı ile aralarında biraz boşluk eklemek için üst kısımda bir dolgu dokunuşu içerir. Düğmelerde sadece farkedilebilen bir kutu gölgesi var. Üst ve yan kenarlıkları gizledim, böylece yalnızca alt kenarlık görüntülenir. Fareyle üzerine gelme efekti için 3B eğim ekledim.

Sıradaki Blurbs'ın düzen içinde nasıl göründüğü aşağıda açıklanmıştır.

Divi Next Blurb Fiyatı ve Nereden Alınır

Divi Next Blurb'un kullanılabilen üç lisansı vardır:

• Tek Lisans – $25.00
• Sınırsız Lisans – 49,00$
• Ömür Boyu Lisans - 99,00 $

Geliştiricinin web sitesinden satın alabilirsiniz.

Biten Düşünceler

Divi Next Blurb, Divi için ilginç bir modüldür. Yapabileceklerinin ve onunla ne tasarlanabileceğinin yalnızca yüzeyini çizdim. Beklediğimden çok daha fazla ayar ve ayar var. Hemen hemen her öğenin kendi kenarlığı, aralığı ve kutu gölgesi ayarları vardır.

Daha standart alanlara yerleştirilebilecek gibi görünen birkaç özellik var. Örneğin, başlık etiketi seçici, tasarım sekmesi yerine içerik sekmesindedir. İşlerin nerede olduğunu bulmak hala kolay ve herhangi bir ayarın ne yaptığını anlamakta hiç sorun yaşamadım.

Divi Next Blurb'u çok seviyorum. Standart Divi modülünden çok daha fazlasını yapan, kullanımı kolay bir tanıtım modülüyle ilgileniyorsanız, Divi Next Blurb bir göz atmaya değer.

Senden duymak istiyoruz. Divi Next Blurb'u denediniz mi? Yorumlarda bunun hakkında ne düşündüğünüzü bize bildirin.

Leonid Zarubin / Shutterstock.com aracılığıyla Öne Çıkan Görsel