Divi Eklentisi Vurgusu: Divi Rüya Araçları

Yayınlanan: 2019-06-09

Divi Dream Tools, Divi'ye birçok yeni özelleştirme ve modül ekleyen Divi için üçüncü taraf bir eklentidir. 30'a yakın modül, 5 özel gönderi türü ve 5 widget içerir. Ayrıca ön yükleyiciler, menüdeki CTA, hamburger menüleri, başa dön düğmeleri, üstbilgiler, altbilgiler, özel oturum açma ekranları ve daha fazlası gibi birçok özel tasarım seçeneği içerir.

Divi Dream Tools'u yayıncının web sitesinden satın alabilirsiniz. Bu Divi eklentisi Highlight'ta Divi Dream Tools'a yakından bakacağız ve neler yapabileceğini göreceğiz.

Divi Rüya Araçları Ayarları

Eklentiyi normal şekilde kurun ve etkinleştirin. WordPress'e yeni bir ayarlar ekranı eklendi. Ayarlar ekranı (Divi > Divi Dream Tools Settings'deki pano menüsünde bulunur), her sekmede birden fazla sekme ve ayar içerir. İşte her sekmeye bir bakış.

Genel

Genel Ayarlar, genel başlık stilini, özel yönetici oturum açma sayfasını kapsar, menüye CTA düğmesini ekler, SVG yüklemelerine izin verir ve bakım modunu etkinleştirir.

Proje Ayarları, projeleri gizlemenize veya yeniden adlandırmanıza olanak tanır. 404 Ayarları, Divi kitaplığınızdan bir 404 sayfa düzeni seçmenize olanak tanır. Sosyal Simgeler Ayarları, 9 tane daha sosyal simgeyi bağımsız olarak etkinleştirmenize ve bunların yeni bir sekmede açılmasına olanak tanır.

ön yükleyici

Ön Yükleyici sekmesi, birçok ön yükleyici seçeneği ekler. Genel Ayarlar, ön yükleyiciyi görüntülemenize ve yalnızca ana sayfada, mobilde görüntülenip görüntülenmeyeceğini seçmenize ve ön yükleyiciyi belirlediğiniz bir cihaz genişliğinde gizlemenize olanak tanır.

Ön Yükleyici Görüntü Ayarları, ön yükleyiciyi seçmenize izin verir. Onları animasyonlarıyla gösterir, böylece web sitenizde nasıl görünecekleri hakkında bir fikriniz olabilir. Ayrıca kendinizinkini yükleyebilir, genişlik ve yüksekliği belirleyebilir ve ön yükleyici ve arka plan için renk ayarlarını değiştirebilirsiniz. Animasyon Ayarları, animasyonu seçmenize ve hızı, zamanı ve opaklığı ayarlamanıza olanak tanır.

Hamburger Menüsü

Hamburger Ayarları, bir hamburger simgesi seçmenize izin verir. Animasyonludurlar, böylece web sitenizde nasıl göründüklerini bilirsiniz. Menü simgesi ve etkin simge için renkleri de özelleştirebilirsiniz.

Başa dönüş

Birkaç seçenek arasından bir Başa Dön düğmesi stili seçin. Arka planın rengini ve simgeyi bağımsız olarak ayarlayabilirsiniz.

Modüller

Modül Ayarları, 13 modülü bağımsız olarak devre dışı bırakmanıza izin verir. Varsayılan olarak etkindirler.

Divi Dream Tools Tema Özelleştirici

Tema özelleştiriciye birkaç özelleştirme eklendi. H1-H6 metnini ve CTA düğmesini özelleştirebilirsiniz. Düğme, boyut, fareyle üzerine gelme animasyonu vb. içerir. Bu örnekte, menüdeki CTA düğmesini özelleştiriyorum. Bu örnek ayrıca özelleştirilmiş başa dön düğmesini de gösterir.

Divi Dream Tools Özel Yazı Tipleri

Divi Dream Tools, menü öğeleri ve düzenleyicilerle 5 özel gönderi türü ekler. Pano menüsünde her gönderi türü için tüm öğelerin ve kategorilerin listesini görebilirsiniz. Yerleşik widget'lar ve modüller ile görüntülenebilirler. İşte her birine bir bakış.

Divi Dream Tools Ekip Üyeleri

Ekip Üyeleri gönderi türü, ekip üyeleri oluşturmanıza ve bunları görüntülemenize olanak tanır. Sosyal simgelerle tamamlanmış metin düzenleyici, kategoriler, resim ve ekip üyesi bilgileri, bir ayrıntı sayfasına bir bağlantı ve Caldera Forms ile bütünleşen bir iletişim formu içerir.

Divi Rüya Araçları Görüşleri

Görüşler aracı, fotoğraf, kategori, şirket bağlantısı ve sosyal medya simgeleri içeren bir düzenleyici ekler.

Menüde tüm referansları görebilirsiniz.

Divi Dream Tools Etkinlikleri

Etkinlikler, resim, kategoriler, etiketler, etkinlik bilgileri, mekan bilgileri, organizatör bilgileri ve maliyet içeren bir düzenleyici ekler. Etkinlik tarihleri ​​için bir tarih seçici iyi olurdu. Şu anda, tarihleri ​​elle girmeniz gerekiyor. Yine de bunu yapmak yeterince kolay.

Divi Dream Tools Özellik

Özellik bir düzenleyici içerir ve aracılar dahil olmak üzere durum, türler, kategoriler, özellikler, bir görüntü ve özellik bilgileri eklemenize olanak tanır.

İşte menüde oluşturduğum özelliklerin listesi.

Divi Dream Tools Ajanlar

Aracılar, bir düzenleyici, resim ve iletişim bilgileri ve sosyal takip düğmeleri dahil olmak üzere bilgiler içerir.

Divi Rüya Araçları Widget'ları

Divi Dream Tools beş widget ile birlikte gelir:

  1. Postalamak
  2. Özellik Kaydırıcısı
  3. Özellik Widget'ı
  4. Referans Kaydırıcısı
  5. Yaklaşan Etkinlikler

Çoğu, eklenti tarafından eklenen özel gönderi türlerini görüntüler. Gönderi widget'ı, istediğiniz herhangi bir gönderi türünü seçmenize olanak tanır. Gösterdikleri gönderilerin sayısını, sırasını ve o gönderi türü için durum veya tarih gibi özel özellikleri ayarlayabilirsiniz.

İşte tüm widget'ları gösteren kenar çubuğu.

Divi Rüya Araçları Modülleri

Divi Dream Tools, 30'dan az modüle sahiptir. İşte bunlardan birkaçına bir göz atın. Rastgele birkaç tane seçtim.

Kaydırıcı Görünümünü Gönder

Post Slider View modülü birkaç düzen stili içerir. Özel gönderi türleri arasından seçim yapabilir, görüntülenen sayıyı, görüntü sırasını, görüntü boyutunu ayarlayabilir ve görüntü ayarlarını, slaytların ve simgelerin renklerini vb. özelleştirebilirsiniz. Bu, Kaydırıcı 1 için varsayılan ayarlardır.

Temsilci Listesi Görünümü

Bu, stil 1 kullanan Aracı Listesi Görünümüdür. Özelleştirmeler, simge rengi, sayfalandırma rengi ve daha fazlasını içeren birkaç stil içerir. Bu, varsayılan ayarlardır.

Yazılar Duvarcılık

Mesaj Duvar Görünümü modülü birkaç stil görüntüler. Bu, çoklu düzen tasarımı gösteren stil 1'dir. Özel gönderi türleri, sayfalandırma, ekran yazarı ve tarihi ve sayfalandırma renk ayarlarını içerir. Bu, varsayılan ayarlardır.

Olay Listesi Görünümü

Olay Listesi Görünümü modülü birkaç düzen stiline sahiptir ve görüntü boyutu seçenekleri, bir görüntü, stil içeren bir açılır pencere ve sayfalandırma içerir. E-Kitap düzenine ekledim. Bu düzen 3. Düzenin stiline uyacak şekilde özelleştirdim.

Referans Tablosu Görünümü

Testimonial Grid View modülünün beş stil seçeneği vardır. Bu seçenek 2. Bir satırda görüntülenen sayıyı, alıntı miktarını seçebilir, simgeyi özelleştirebilir, resmi gösterebilir, sayfa bağlantısını, eşit yükseklikleri ayarlayabilir, kategorileri seçebilir, renkleri özelleştirebilirsiniz. Bu varsayılan ayarlardır.

Görüntü Eğimi

Görüntü Eğme, farenize yanıt olarak eğilen bir görüntü veya simge görüntülemenizi sağlar. Paralaksı görüntüleyebilir, parlamayı gösterebilir, perspektifi, eğimi, hızı, ölçeği ve çok daha fazlasını ayarlayabilirsiniz.

Çevirme Kutusu

Flip Box, kutunun her iki tarafında metin bulunan bir kutu oluşturur. Fareyle üzerine geldiğinizde, kutu arkasını gösterecek şekilde döner. Ön ve arka yüzün renklerini, simgelerini, metinlerini ve resimlerini ayrı ayrı ayarlayabilirsiniz. Ayrıca bir bağlantı ekleyebilirsiniz. Yukarıdaki resimde ikinci çevirme kutusunu çevirdim ve ardından faremi üçüncüye getirdim. Bu, tanıtım yazıları, CTA'lar, bilgiler vb. oluşturmak için harikadır.

Özellik Tablosu Görünümü

Bu, Özellik Tablo Görünümü modülüdür. Üç stili vardır. Bu stil 3. Renkleri Emlak düzenine uyacak şekilde ayarladım.

Ayrıca tam boyutlu görüntüyü gösteren bir açılır pencere görüntüler. Açılır pencere ayrı olarak tasarlanmıştır. Bu, stil 3 için açılır penceredir.

Özellik Izgarası Görünümü

Özellik Izgara Görünümü modülünün seçebileceğiniz 3 stili vardır. Bu, 2 sütun gösteren stil 1'dir. Bir açılır pencere, sayfalandırma ve eşit yükseklikler gösterecek şekilde ayarlayabilirsiniz.

Bu stil 3. 3 sütun gösterecek şekilde ayarladım.

Woo Kaydırıcı

Woo Slider, WooCommerce ürünlerini görüntüler ve birçok yeni özellik ekler. Üç stili vardır. Her stil, bindirmeleri farklı şekilde görüntüler ve üzerine gelindiğinde farklı şekilde yanıt verir. Bu, ürün resmini yatıran ve üzerine gelindiğinde satın al düğmesini görüntüleyen stil 1'dir. Sütun sayısını, görüntü boyutunu ayarlayabilir, tıklandığında bir açılır pencere görüntüleyebilir ve daha fazlasını yapabilirsiniz.

Açılır pencere, ürün hakkında daha fazla bilgi gösterir. Bu, stil 3'ün açılır penceresidir. Fareyle üzerine gelindiğinde düğme rengini değiştirir. Bir kapat düğmesi içerir.

Divi Rüya Araçları Fiyatı

Divi Dream Tools için iki lisans seçeneği vardır:

  • Tek web sitesi – 99$
  • Sınırsız web sitesi – 199 $

Her ikisi de bir kerelik ücrettir ve ömür boyu destek ve güncellemeleri içerir.

Divi Dream Tools'u yayıncının web sitesinden satın alabilirsiniz.

Biten Düşünceler

Divi Dream Tools'daki özelleştirmelerin ve modüllerin miktarından çok etkilendim. Her ayarı sezgisel buldum. Divi'ye aşina iseniz, bu modüller ve ayarlarla ilgili herhangi bir sorun yaşamamalısınız. Özel gönderi türlerinin oluşturulması ve çeşitli modüller ve widget'larla çalışması kolaydır. Özelleştirmeler, Divi'ye birçok tasarım olanağı ekler.

Burada ele aldığım şey, bu eklenti ile yapılabileceklerin yüzeyini çiziyor. Divi için bir dizi özelleştirme ve yeni modülle ilgileniyorsanız, Divi Dream Tools bir göz atmaya değer.

Senden duymak istiyoruz. Divi Dream Tools'u denediniz mi? Aşağıdaki yorumlarda bunun hakkında ne düşündüğünüzü bize bildirin.

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