Divi Eklentisi Vurgusu: Divi Widget Oluşturucu

Hiç widget alanlarına Divi modülleri ve düzenleri yerleştirmek istediniz mi? Kenar çubukları ve altbilgilerdeki Divi düzenleri düşüncesi bile bana kendi beceri seviyemin ötesinde tasarım olanakları için fikirler veriyor. İlginç olan, beceri seviyeniz ne olursa olsun bunu yapmanın kolay olmasıdır. Nasıl? Divi Widget Builder adlı üçüncü taraf bir eklenti ile.

Divi Widget Builder, Divi Kitaplığınızdaki herhangi bir Divi düzenini bir widget içinde görüntülemenize olanak tanır. Bu, tüm özellikleri ve ayarlamaları dahil olmak üzere tek modülleri ve eksiksiz sayfaları içerir. Hem Divi hem de Extra ile çalışır. Bu yazıda Divi Widget Builder'a bir göz atacağız ve widget alanlarınıza Divi düzenleri eklemenin ne kadar kolay olduğunu göreceğiz.

Divi Widget Builder'ı yayıncının web sitesinden satın alabilirsiniz.

Divi Widget Builder'ı Yükleme ve Etkinleştirme

Eklentiyi normal şekilde yükleyin ve etkinleştirin.

Eklentiyi etkinleştirdikten sonra lisans anahtarınızı girmeniz gerekir. Pano menüsünde Divi , Divi Widget Builder'a gidin ve lisans anahtarınızı girin. Eklentiyi kullanmak için başka bir kurulum gerekmez, ancak widget'larda kullanmak için Divi düzenlerine ihtiyacınız olacak.

Divi Kitaplığı

Divi Widget Builder içindeki herhangi bir Divi düzenini kullanabilirsiniz. Bir sayfa veya gönderi yaptığınız gibi düzenler oluşturmanızı önermiyorum. Örneğin, 3 veya 4 sütunlu bir ızgara (bloglar, projeler, tanıtım yazıları vb. için) kenar çubuğunda tuhaf görünür. Tek sütunlarda mizanpajlar oluşturarak bunu düzeltmek kolaydır. Başka bir deyişle, özellikle kenar çubuğu veya altbilgi için mizanpajlar oluşturun.

Tek modüller kenar çubuğunda iyi çalışır. Örnekler şunları içerir:

• Haritalar
• İletişim formları
• geri sayım sayaçları
• Bar sayaçları
• Buton
• Blog
• Giriş yapmak
• Sayı sayacı
• Kişi
• referans

Bir düzen oluşturun ve bu modülleri arka plan bindirmeleri ile kullanın, gerçekten ilginç widget'lar oluşturmak için bunları birleştirin, ext.. Gökyüzü sınırdır.

Düzen Oluşturma

Pano menüsünde Divi , Divi Kitaplığı'na giderek düzeninizi oluşturun. Sol üstte Yeni Ekle'yi seçin.

Düzene bir ad verin ve açılır menüden şablon türünü seçin. Aşağı kaydırın ve isterseniz şablonunuz için bir kategori seçebilirsiniz. Bir sonraki ekranda kategoriyi seçmek veya hatta yeni kategoriler eklemek için bir şansınız daha olacak. İşiniz bittiğinde Gönder'i tıklayın.

Şimdi düzeninizi normal şekilde oluşturun.

Divi Widget Oluşturucu Widget'ı

Widget'larınıza Divi PB Widget adlı yeni bir widget eklenir. Bunu görmek için, panoda Görünüm , Widget'lar bölümüne gidin. Bu widget'ı herhangi bir widget alanına bırakın (kenar çubukları, altbilgiler veya oluşturduğunuz herhangi bir şey dahil). Widget içinde görüntülemek için herhangi bir Divi Kitaplığı öğesini seçebileceğiniz bir açılır kutu sağlar.

Diğer iki seçim var:

Kitaplık Öğe Başlığını Görüntüle – web sitenizdeki kenar çubuğunda düzenin adını görüntüler. Widget için bir başlık gibi çalışır. Adı gizlemek için işaretini kaldırın.

Widget olarak kullanılacak Kitaplık Öğelerini buraya ekleyin – o cümledeki 'buraya' kelimesine tıklamak ( benim cümlem değil) sizi düzenlerinizi oluşturabileceğiniz Divi Kitaplığına götürür. Düzenlerin nerede oluşturulacağı konusundaki karışıklığı azaltmaya yardımcı olduğu ve kitaplığa hızlı erişim sağladığı için bu bağlantının eklenmesini seviyorum.

Seçimlerinizi yaptıktan sonra Kaydet'e tıklayın ve Divi PB Widget'ını yerleştirdiğiniz widget konumuna yeni düzen uygulanır. Widget, kendi özel widget alanlarınızla bile çalışır.

Divi Widget Oluşturucu Örnekleri

İşte hazırladığım birkaç oldukça örneğe bir bakış. Bunlar basittir, ancak umarım nasıl çalıştığı hakkında size bir fikir verecektir.

Harita

Bu örnek, kenar çubuğu olan bir blog beslemesini görüntüler. Kenar çubuğu, solda bir blog modülü ile 2 / 3 Divi düzenine eklenir.

Bu örnek, tek bir harita modülü kullanır. Düzenin adını ekledim. Harita modülünü biçimlendirmedim, bu yüzden etrafında beyaz bir kutu var. Bu kolayca ayarlanabilir. Modülde değişiklik yaparsam, sayfayı yenilediğimde bu değişiklikler widget'a yansıtılır.

Haritayı basitçe Divi düzenine yerleştirebilirdim, ancak onu kenar çubuğuna yerleştirmek, birinin hangi blog gönderisini okuduğundan bağımsız olarak haritayı görüntüler. Bu, Divi düzeni kullanmadan standart blog yazısıdır. Bir düzen kullanarak her gönderi için yeni bir harita oluşturabilir, yeni bir widget alanı oluşturabilir ve her gönderide hangi haritanın görüntüleneceğini seçebilirim.

Geri sayım saati

Bu düzen, tek bir widget oluşturmak için birden fazla geri sayım sayacı modülü kullanır. Her birini ayrı ayrı şekillendirdim.

Modüller, bir sonraki oyuna geri sayımı gösterir – blogun kapsadığı her lig için bir tane. Geri sayım sayaçlarının her biri, ligin logolarına özgü renkleri kullanır ve degradeler içerir. Biliyorum – NHL'yi ve diğerlerini dışarıda bıraktım. Bunun için üzgünüm.

Gönderi Kaydırıcısı

Bu, kenar çubuğuna bir gönderi kaydırıcısı ekler. Gönderi kaydırıcısının daha fazla oku düğmesini, noktalı gezinmeyi ve okları ekledim. Nasıl uyduğunu görmek için daha düzenli widget'lar da ekledim.

Benim hakkımda

Bu, yalnızca bir modül yerine bir sayfa düzeni kullanır. Divi ile birlikte gelen Hakkımda düzenini kullanarak (Divi Kitaplığında oluşturmak yerine) bir gönderiden bir düzen oluşturdum. Düzeni her şey tek bir sütunda olacak şekilde değiştirdim ve başlık başlığının yazı tipi boyutunu küçülttüm. Daha sonra düzeni kütüphaneye kaydettim, böylece Divi Widget Builder'da kullanılabilir olacak.

Sayfanın kendisi Divi Builder'dan Creative Agency adlı bir düzendir. Ona bir sol kenar çubuğu verdim ve widget için Hakkımda düzenini seçtim.

Bu aynı düzendir ancak standart WordPress kenar çubuğunu görüntülemek yerine düzeni bir Özel Bölüm kullanarak yeniden oluşturdum. Bu, sayfaya daha fazla genişlik sağladığı ve widget'ın Divi tam genişlikli başlık modülünün altına yerleştirilebildiği için standart WordPress kenar çubuğundan çok daha güzel bir tasarımla sonuçlanır.

Özel Bölüm, arka arkaya 3 sütuna izin verir, bu yüzden 4 yerine 3 tanıtım yazısına indirdim ve kenar çubuğunu sol sütuna yerleştirdim. Ben Özel Bölüm tam genişliğe yaptı ve Fullwidth için Sol Kenar Çubuğu gelen sağ üst köşesinde bulunan Divi Mesaj Ayarları altında Sayfa Düzeni değiştirdi.

İletişim Formu

Bu, Divi Builder ile birlikte gelen Ekibimiz düzenini kullanır. Sağ kenar çubuğunu kullanıyorum. Kenar çubuğuna bir iletişim formu görüntüleyen Divi Widget Builder ile birlikte bir Monarch widget'ı yerleştirdim.

Altbilgi Widget Alanı

Bunun alt bilgi alanında 3 Divi Widget Builder widget'ı var. 3 sütunlu bir altbilgi düzeni seçtim ve 3 alana bir iletişim formu modülü, kişi modülü ve blog kaydırıcı modülü yerleştirdim. Bu, Jason Champagne'in harika Code School düzeni paketidir. Blog gönderisinin resmi de bu düzenden. Düzeni ET blogundan buradan indirebilirsiniz: Divi için Ücretsiz Nefes Kesen Öğrenme Yönetimi (LMS) Düzen Paketi İndirin.

Bu altbilgi, gönderi olarak oluşturduğum iki farklı düzen kullanır. Her ikisinin de arka plan resimleri var. Soldaki pencere öğesi birkaç metin modülü, bir sosyal takip modülü ve bir ayırıcı modül kullanır. Sosyal düğmelerin altındaki menü öğesi tıklanabilir bağlantılardır. Ayrıca arka plan görüntüsünü koyulaştırmak için bir kaplama kullanır. Sağdaki pencere öğesi bir iletişim formu modülüdür.

Divi Widget Builder'ı Ekstra ile Kullanma

Bu, Extra ile aynı Ekibimiz düzenidir. İlk başta iletişim formunu modüldeki varsayılan ayarları kullanarak yapmıştım. Arka planı saydam yapmak için arka planı karıştırmak istedim. Ayrıca koyu arka planda görünmesini sağlamak için düğmenin metin rengini de değiştirdim.

Lisans ve Belgeler

Mevcut dört lisans vardır:

• Tek Site $7,00
• 3 Site 19,00 $
• Sınırsız Site 39,00 $
• Ömür 89,00 $

Bir yıllık destek ve otomatik güncellemeler içerir. Belgeler yayıncının web sitesinde sağlanır.

Son düşünceler

Divi Widget Builder basit ve kullanımı kolaydır. İş, widget oluşturucuyu kullanmak yerine Divi düzenleri oluşturmaktan geliyor. Widget oluşturucu içinde bir düzen seçmek daha kolay olamazdı ve istediğiniz herhangi bir widget alanına istediğiniz kadar Widget Oluşturucu widget'ı yerleştirme yeteneği, birçok Divi ve Ekstra tasarım olanağı sunar.

Eklentinin geliştiricisinin web sitesinde çalışırken birkaç örnek görmek istiyorum. Bazı yaratıcı kullanım örnekleri görmek, alıcıya onu nasıl kullanacakları ve bundan en iyi şekilde nasıl yararlanacakları konusunda fikir verecektir. Widget alanlarınıza Divi düzenleri ve modülleri yerleştirmekle ilgileniyorsanız, Divi Widget Builder aradığınız eklenti olabilir.

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

Robuart / Shutterstock.com üzerinden Öne Çıkan Görsel