Divi Eklentisi Vurgusu: Divi ConKit Pro

Divi ConKit Pro, Divi Builder'a 36 yeni modül ve web sitenize yeni işlevsellik ve özelleştirilebilirlik ekleyen diğer 4 uzantı getiren bir eklentidir. Divi ile tamamen entegre olan ve size Instagram beslemesi, zaman çizelgesi, hareketli metin ve flipbox gibi modüller getiren ve açılır pencereler, giriş sayfanız ve çok daha fazlası üzerinde tasarım kontrolü sağlayan özelliklerle dolu bir eklenti arıyorsanız, bu sizin için eklenti olabilir. Bu eklenti vurgusunda, Divi ConKit Pro ile birlikte gelen tüm özelliklere bir göz atacağız ve bu eklentinin sizin için doğru olup olmadığına karar vermenize yardımcı olacağız.

Başlayalım!

Divi ConKit Pro'yu Yükleme

Divi ConKit Pro'yu diğer eklentiler gibi kurun. Eklentiler sayfasına gidin ve Eklenti Ekle 'yi tıklayın, ardından Eklenti Yükle'yi seçin ve eklenti dosyasını seçin. Eklentiyi yüklemek için Şimdi Yükle'ye tıklayın, ardından eklentiyi yüklendikten sonra etkinleştirin .

Eklenti etkinleştirildiğinde, WordPress kontrol paneli menünüzde siteniz için hangi özelliklerin etkinleştirildiğini kontrol edebileceğiniz bir DiviConKit sekmesi göreceksiniz.

Divi ConKit Pro

Divi ConKit Pro Modülleri

Öncelikle Divi ConKit Pro ile birlikte gelen modüllerin her birine bir göz atalım. Bu modüllerin tümü Divi Builder ile entegre olur ve diğer Divi modüllerinde yaptığınız gibi bunları web sitenize eklersiniz.

DP Gelişmiş Başlık

Bu modül, sayfanıza bir başlık eklemenize izin verir ve Divi'nin varsayılan modülünün ötesinde bazı gelişmiş seçenekler sunar. Ön ek metni, orta metin, son ek metni ve arka plan metni ekleyebilirsiniz ve her metin türünün tasarımı da tamamen özelleştirilebilir. Bu modül ile farklı metin stilleriyle daha karmaşık başlıklar oluşturabilirsiniz.

DP Hareketli Metin

Bu modül, sayfanıza animasyonlu metin eklemenizi sağlar. Her modüle birden çok animasyonlu metin bölümü ekleyebilir ve ayrıca hareket etmeyen önek ve sonek metni de ekleyebilirsiniz. Metin yazma, metin eğme ve hareketli slayt olmak üzere üç animasyon modu vardır. Animasyon, hız ve zamanlama gibi çeşitli animasyon ayarlarıyla özelleştirilebilir ve animasyonlu metin, varsayılan tasarım seçenekleriyle özelleştirilebilir.

DP Blog Artı

Blog plus modülü, blogunuzdaki son gönderileri görüntüler. Dört farklı dış görünüm stili var, bu örnekte Yaratıcı stili kullanıyorum. Bu kitteki diğer modüller gibi, modülün stilini web sitesi tasarımınıza uyacak şekilde tamamen özelleştirmek için tasarım seçeneklerini kullanabilirsiniz.

DP Çalışma Saati

Çalışma saati modülü, çalışma saatlerinizi web sitesine kolayca eklemenizi sağlar. Sadece o gün için her bir tarihi ve çalışma saatlerini girin ve tasarımınıza uygun yazı tiplerini veya renkleri değiştirmek için tasarım seçeneklerini özelleştirebilirsiniz.

DP Kartı

Bu modül, bir resim veya simge ve bir miktar metin içeren basit bir kart oluşturan bir kart modülüdür. Karta bir rozet veya bir düğme eklemeyi seçebilirsiniz ve yine kartın tasarımı tamamen özelleştirilebilir.

DP CF7 Şekillendirici

Bu sonraki modül, İletişim Formu 7 için bir şekillendirici modüldür. Bu modülü, görsel oluşturucu içinde iletişim formu stilinizi düzenlemek için kullanabilirsiniz.

DP İçerik Geçişi

İçerik geçiş modülü, iki gövde içeriği grubu arasında geçiş yapmanızı sağlayan bir geçiş simgesi ekler. Gövde içeriği, modüldeki içerik düzenleyicide ayarlanmış özel içerik olabilir veya kitaplığınızdan bir düzen içe aktarabilirsiniz.

DP Bölücü

Ayırıcı modül, ayırıcı çizgi arasına bir simge, resim veya metin eklemenize olanak tanır ve ayrıca sayfanızdaki metni bölmek için bazı alt ayırıcı şekil düzenleriyle (bu örnekte Şekil 3 seçilmiştir) birlikte gelir.

DP Çift Düğme

Çift düğme seçeneği, tek bir modül olarak iki düğme ekler. Yukarıdaki örnekte yaptığım gibi, iki düğme arasına bir bağlayıcı (metin veya simge) bile ekleyebilirsiniz. Bu modülde bulunan çeşitli tasarım seçeneklerini kullanarak siteniz için benzersiz iki düğmeli düzenler oluşturabilirsiniz.

DP Çevirme Kutusu

Bu modül, önde ve arkada içerik bulunan bir kutu oluşturur. Kutunun üzerine geldiğinizde, arkadaki içerik çevirme animasyonu ile ortaya çıkar. Bu, efektlerin öncesi ve sonrası göstermek veya içeriği ilgi çekici bir şekilde ortaya çıkarmak için faydalı olabilir.

DP Kayan Görüntü

Kayan görüntü modülü, sayfada yukarı ve aşağı kayan bir görüntü eklemenize olanak tanır. Tasarımı yükseltmek için sayfanın tasarımına bazı ince hareketler ekler.

DP Yatay Zaman Çizelgesi

Yatay zaman çizelgesi modülü ile her adım için metin, resim ve bir simge içeren bir zaman çizelgesi oluşturabilirsiniz. Ayrıca döngü ve otomatik kaydırma seçeneklerine sahiptir, böylece zaman çizelgesinin sayfada otomatik olarak kaydırılmasını sağlayabilirsiniz. Yine, görünümü tamamen özelleştirmek için tasarım seçenekleri kullanılabilir.

DP Bağlantı Noktaları

Bu modül ile metin, resim veya simge içeren herhangi bir resme araç ipuçları ekleyebilirsiniz. Araç ipuçlarının görüntü üzerinde tam olarak nerede görünmesini istediğinizi belirtebilir ve elbette tüm öğelerin tasarımını tasarım ayarlarıyla özelleştirebilirsiniz.

DP Vurgu Kutusu

Fareyle üzerine gelme kutusu, resmin üzerine geldiğinizde metni ve kenarlık gibi diğer öğeleri ortaya çıkarmanıza olanak tanır. Yukarıdaki örnekte de görebileceğiniz gibi, soldaki kutunun üzerine geliniyor ve alt yazı ve açıklamanın yanı sıra kenarlığın da ortaya çıktığını görebilirsiniz. Sağda, üzerine gelinmeyen kutu bulunur ve yalnızca başlığı görüntüler. Bu modül için de birçok farklı vurgulu ayarı vardır.

DP Simge Kutusu

Bu modül, bir kutuda bir simge ve isteğe bağlı metin görüntülemenizi sağlayan basit bir modüldür.

DP Görüntü Akordiyonu

Görüntü akordeon modülü, birden fazla görüntüyü yan yana görüntüler. Resimlerden birinin üzerine geldiğinizde, fotoğrafın tamamını görebilmeniz için diğerlerini büyütür ve küçültür. Yukarıdaki örnekte, sağdaki fotoğrafın üzerine geliyorum.

DP Görüntü Karşılaştırması

Görüntü karşılaştırma modülü ile iki görüntüyü, her iki tarafı görmek için sürükleyebileceğiniz bir kaydırıcı ile karşılaştırabilirsiniz. Her iki tarafa da "önce" ve "sonra" gibi bir etiket ekleyebilirsiniz.

DP Görüntü Büyüteç

Görüntü büyütücü modülü, bir görüntünün büyük ve küçük bir sürümünü yüklemenizi ister. Resmin üzerine geldiğinizde bir büyüteç görünür ve üzerine gelinen alanın daha büyük bir versiyonunu görebilirsiniz.

DP Görüntü Maskeleme

Bu modülde maske şeklinde bir görüntü ekleyebilirsiniz. Modül içinde seçebileceğiniz birçok farklı şekil vardır ve maskeye veya resme renkler ekleyerek tasarımı daha da özelleştirebilirsiniz.

DP Bilgi Kutusu

Bu modül, metin içeriği ve isteğe bağlı bir resim veya simge içeren bir kutu eklemenize izin verir.

DP Satır İçi SVG

Bu modül, SVG dosyalarını doğrudan yüklemenize ve bunları Divi Builder'da görüntülemenize olanak tanır.

DP Instagram Akışı

Instagram feed modülü ile son Instagram gönderilerinizi web sitenizde şık bir şekilde görüntüleyebilirsiniz. Seçilebilecek 3 düzen vardır: ızgara, vurgulama (yukarıdaki örnekte kullanılmıştır) ve duvarcılık. Boşluğu, kaplamayı, altyazıyı ve çok daha fazlasını özelleştirmek için tasarım seçeneklerini kullanabilirsiniz.

DP Listesi

Bu modül, bir simge veya resim içeren bir listedeki bilgileri düzenlemek için kullanılabilir.

DP Logo Izgarası

Logo ızgarası modülü, müşteri logolarını veya "özellikli..." logolarını görüntülemek için yararlı olabilir. Logoya vurgulu efektler de ekleyebilirsiniz. Bu örnekte, ekran görüntüsünde ikinci logoya uygulandığını görebileceğiniz bir uzaklaştırma vurgulu efekti kullanıyorum.

DP Piyango

Bu modül ile Divi Builder'daki sayfanıza doğrudan bir Lottie animasyonu ekleyebilirsiniz. Lottie JSON dosyasını yükleyerek veya URL ile Lottie Animasyonunu ekleyebilirsiniz.

DP Numarası

Sayı modülü sadece bir sayı görüntüler. Sayaç seçeneğini etkinleştirebilirsiniz ve sayı ortaya çıktıkça artacaktır. Yine, görünümü tamamen özelleştirmek için tasarım ayarlarını kullanabilirsiniz.

DP Fiyat Menüsü

Fiyat menüsü modülü ile, web sitenizde fiyatlar, başlık ve açıklama ile görünümü özelleştirmek için birçok seçenek içeren bir menü kolayca oluşturabilirsiniz.

DP İnceleme

Bu modül, sitenize yıldız derecelendirmeleri, bir resim ve tabii ki inceleme metni içeriği ile incelemeler eklemenize olanak tanır.

DP Kaydırma Görüntüsü

Kaydırma görüntü modülüyle, görüntünüz yalnızca belirli bir yükseklikte kısmen görüntülenir. Fareyle görüntünün üzerine geldiğinizde (veya seçtiğiniz seçeneğe bağlı olarak kaydırdığınızda), görüntünün geri kalanını görebilmeniz için görüntü kayar.

DP Beceri Çubukları

Bu modül, beceri seviyelerini veya ilerleme çubuklarıyla temsil edilebilecek başka herhangi bir şeyi göstermek için kullanılabilir. Hangi etiketlerin görüntüleneceğini seçebilirsiniz ve elbette tüm tasarım öğeleri özelleştirilebilir.

DP Sosyal Paylaşım

Bu modül, aralarından seçim yapabileceğiniz birçok sosyal medya platformuna sahiptir ve düğme metnini, stilleri, düzeni, yerleşimi ve diğer birçok ayarı kolayca değiştirebilirsiniz.

DP Ekibi

Ekip modülü, ekip üyelerinizi web sitenizde görüntülemenizi kolaylaştırır. Bir fotoğraf, ad, iş unvanı ve biyografi ve hatta kişisel bir web sitesine, e-posta adresine ve sosyal medya sitelerine bağlantılar ekleyebilirsiniz. İçeriğin üzerine gelindiğinde görüntünün üzerinde görüntülendiği birkaç farklı seçenek vardır.

DP Görüşü

Referans modülü, sitenize müşteri referansları eklemenizi sağlar. Size bir yıldız derecelendirmesi ekleme seçeneği sunar ve bir alıntı simgesi kullanmayı veya kendinizinkini yüklemeyi seçebilirsiniz. Tamamen özel bir tasarım oluşturmanıza olanak tanıyan, aralarından seçim yapabileceğiniz çeşitli konumlandırma ve düzen seçenekleri de vardır.

DP Twitter Akışı

Bu modül, web sitenizde bir Twitter beslemesi görüntülemenizi sağlar. Bu modül, tam olarak ne görüntüleneceğini seçmeniz için birçok seçeneğe sahiptir ve elbette tasarım, Divi'nin birçok tasarım seçeneği ile tamamen özelleştirilebilir.

DP Dikey Zaman Çizelgesi

Dikey zaman çizelgesi modülü, metin ve görüntü içeriği ile bir zaman çizelgesi oluşturmanıza olanak tanır. Kullanılabilir birkaç düzen seçeneği vardır ve zaman çizelgesine biraz dinamik hareket ekleyen bir kaydırma çizgisi eklemeyi seçebilirsiniz. Ek olarak, zaman çizelgesinin stilini tamamen özelleştirebilir ve hatta etkin ve etkin olmayan durumlar için farklı renkler ekleyebilirsiniz.

DP Video Açılır Penceresi

Bu modül ile aynı sayfada açılan bir videoyu karanlık bir bindirme arka planına ekleyebilirsiniz. Bir kapak resmi yükleyebilir ve genel tasarımı, kaplama simgesini ve diğer tasarım öğelerini özelleştirebilirsiniz. YouTube veya Vimeo'dan bir video bağlayabilir veya kendi videonuzu yükleyebilirsiniz.

Divi ConKit Pro Uzantıları

DiviConKit ile birlikte gelen modüllere ek olarak, eklenti ile birlikte gelen ve web sitenize ek işlevsellik katan birkaç uzantı vardır. Her birine bir göz atalım.

Blog Tasarımcısı

Blog tasarımcısı, blogunuzun ve gönderi sayfalarınızın tasarlanma şeklini özelleştirmek için size ek seçenekler sunar. Blog tasarımcısı ayarlarını Görünüm altındaki Özelleştir menüsünde veya Divi ConKit ayarlarındaki bağlantıya tıklayarak bulabilirsiniz.

Blog/arşiv ayarlarında düzeni, arka planı, görüntülenen gönderi öğelerini, öne çıkan görsel boyutlandırmayı ve diğer boyutlandırma ve boşluk seçeneklerini değiştirebilirsiniz.

Ardından, tek gönderi ayarlarında, içeriğin boyutlandırmasını ve aralığını özelleştirebilir, arka planı değiştirebilir, hangi öğelerin görüntüleneceğini seçebilir, bir gönderi yazarı kutusu ekleyebilir, gönderi navigasyonu, ilgili gönderiler ve daha fazlasını yapabilirsiniz.

Pop-up Oluşturucu

Açılır pencere oluşturucu, Divi görsel oluşturucusunu kullanarak özel bir açılır pencere tasarlamanıza olanak tanır. Pop-up ayarını, WordPress panosundaki DiviConKit ayarları bölümünde bulabilirsiniz. Her açılır pencerenin görünmesini istediğiniz belirli sayfaları belirleyebilirsiniz.

Açılır pencerenin ayarlarında, açık etkinlik ve animasyon stilini belirleyebilir, arka planı ve kaplamayı değiştirebilir, konumlandırmayı ve boyutlandırmayı ayarlayabilir ve daha fazlasını yapabilirsiniz.

Ve işte açılır pencere iş başında.

Giriş Tasarımcısı

Giriş tasarımcısı, web siteniz için WordPress giriş sayfasını özelleştirmenize olanak tanır. Oturum açma tasarımcısı ayarlarını Görünüm altındaki Özelleştir menüsünde veya Divi ConKit ayarlarındaki bağlantıya tıklayarak bulabilirsiniz. Arka planı, logoyu, oturum açma formunu ve alanları, tüm metin ve etiketleri ve düğmeyi özelleştirebilirsiniz.

Maalesef, bu değişiklikleri yaparken giriş sayfasını göremezsiniz çünkü giriş sayfasını görmek için çıkış yapmış olmanız gerekir. Bunu aşmak için, tarayıcımda gizli bir pencere kullanarak oturum açma sayfasını açtım, böylece ikisini aynı anda görebilir ve yaptığım değişiklikleri görebilirdim.

Giriş sayfasının yeni bir arka plan, logo, alan arka planı ve metin rengiyle özelleştirilmiş bir sürümü burada.

Divi Kütüphane Kısa Kodları

DiviConKit Pro ayrıca herhangi bir Divi kitaplığı şablonunu bir Divi modülü içinde veya bir .php dosyası içinde görüntülemek için kısa kodlar kullanmanızı sağlar. Divi Kitaplığına eriştiğinizde, listelenen her kitaplık öğesinin kısa kodunu göreceksiniz. Kısa kodu kopyalayın ve Divi oluşturucu içindeki kod modülünde kullanın veya bir .php dosyasına ekleyin, ardından Divi Kitaplığı öğesi görünecektir. Bu örnekte, kısa kodu kullanarak Divi Kitaplığımdan sayfama bir fiyatlandırma tablosu ekledim.

Divi ConKit Pro'yu satın alın

Divi ConKit Pro, Divi Marketplace'te mevcuttur. Sınırsız web sitesi kullanımı ve 1 yıllık destek ve güncelleme için 59 ABD Doları tutarındadır. Fiyata ayrıca 30 günlük para iade garantisi dahildir.

Son düşünceler

Divi ConKit Pro, Divi Builder'ın işlevselliğini genişletmek için birçok harika modül ekleyen, özelliklerle dolu bir eklentidir. Her modül seçeneklerle doludur ve tamamen özelleştirilebilir, bu da web siteniz için güzel modüller oluşturmayı kolaylaştırır. Son olarak, sizden haber almak isteriz! Divi ConKit Pro'yu denediniz mi? Yorumlarda bunun hakkında ne düşündüğünüzü bize bildirin!