Divi Ürün Öne Çıkanlar: Nihai Divi Modülü UI Kiti

Ultimate Divi Module UI Kit, bir sonraki Divi web sitenizi tasarlamayı çocuk oyuncağı haline getirmek için 2000'den fazla hazır düzen sunan bir Divi Marketplace ürünüdür. Ürün, hakkımızda bölümleri, fiyatlandırma tablosu stilleri, iletişim formu düzenleri, düğme stilleri ve hatta tamamen özelleştirilebilen bazı tek sayfalık web sitesi düzenleri sunar. Bu öne çıkan üründe, Ultimate Divi Module UI Kit'e daha yakından bakacağız ve bir sonraki projeniz için doğru ürün olup olmadığına karar vermenize yardımcı olacağız.

Başlayalım!

Ultimate Divi Module UI Kit'i Kurma

Ultimate Divi Module UI Kit, Divi Library .json dosyalarını içeren bir ZIP dosyası olarak gelir. Düzenleri yüklemek için, dosyayı açarak başlayın. Ardından, WordPress kontrol panelinizi açın ve Divi Kitaplığı sayfasına gidin.

En üstteki İçe ve Dışa Aktar'a tıklayın, ardından içe aktar sekmesini seçin. Düzen dosyasını seçin, ardından Divi Builder Düzenlerini İçe Aktar'ı seçin.

Düzen içe aktarıldıktan sonra, sayfanızı Divi Builder'da açın. Yeni bir bölüm eklemek için mavi artı simgesini tıklayın, ardından Kitaplıktan Ekle'yi seçin.

Düzeninizi bulun, ardından düzeni yüklemek için Bu Bölümü Kullan düğmesini tıklayın.

Nihai Divi Modülü UI Kiti

Ultimate Divi Module UI Kit, 2000'den fazla düzen ile birlikte gelir, bu nedenle her şeyi kapsayamayacağız. Bu ürünün neler sunduğu ve sizin için doğru seçim olup olmadığı hakkında daha iyi bir fikir edinebilmeniz için her kategoriden birkaç tasarıma göz atacağız.

Sekme Modülleri

100 alt sekme stili, 100 varsayılan sekme stili, 100 yatay sekme stili ve 100 dikey sekme stili ile 400 farklı sekme modülü stili vardır. Tüm sekme modülleri, sekme başlıklarında fareyle üzerine gelme animasyonuna ve bir sekme geçiş efektine sahiptir. Size her sekme stilinden birkaç örnek göstereceğim.

İşte alt sekme stilleri 1 ve 79.

Bu, varsayılan sekme düzeninde stil 9 ve 38'dir.

Sonraki, stil 14 ve 52 olan dikey sağ düzendir. Bu düzen, ürün dosyalarında Yatay olarak etiketlenmiştir.

Son olarak, bu, ürün dosyalarında Dikey olarak etiketlenen dikey sol düzendir. Bu, stil 71 ve stil 95'tir.

Aralarından seçim yapabileceğiniz çok çeşitli stiller ve düzenler vardır ve sekmelerin tümü, kendi içerik ve tasarım seçeneklerinizle kolayca özelleştirilebilir.

Tanıtım Yazısı Modülleri

Toplamda 100 tanıtım yazısı stili vardır. Her tanıtıcı yazı stili, bir tür vurgulu efekt içerir. Birkaçına ayrıntılı olarak göz atalım.

Bu tanıtım yazısı stili 4'tür. Üzerine gelindiğinde, iki pembe çubuk dikey hale gelir, simge arka planı pembeye döner ve pembe bir gölge kenarlığı vardır.

Blurb stili 9, fareyle üzerine gelindiğinde renkleri ve açıları değiştiren iki arka plan çubuğuna sahiptir. Fareyle üzerine gelindiğinde simge arka planı da değişir.

Blurb 40, kalın yeşil bir kenarlığa ve fareyle üzerine gelindiğinde dönen bir simgeye sahiptir.

Son olarak tanıtım yazısı stili 50, fareyle üzerine gelindiğinde kırmızıya döner ve üstte simgesi olan sekme sağa kayar.

Kişi Modülleri

150 farklı kişi modülü stili vardır.

Kişi modülü stili 7, yeşil bir renk şemasına ve fareyle üzerine gelindiğinde yeşil bir kaplama üzerinde bir ızgara oluşumuna doğru hareket eden sosyal medya simgelerine sahiptir.

Stil 34, adı ve konumu turuncu kenarlıkla gösterir. Fareyle üzerine gelindiğinde, bilgiler fotoğrafın üzerinde yukarı doğru hareket eder ve sosyal medya simgeleri ortaya çıkar.

Bu, düzen 46'dır. Fotoğrafın altındaki beyaz bir kutuda adı ve konumu gösterir. Fareyle üzerine gelindiğinde kutu genişleyerek sosyal medya simgelerini ortaya çıkarır.

Düzen 127, basit bir görüntü düzenine sahiptir. Fareyle üzerine gelindiğinde ad, konum ve sosyal medya simgeleri ortaya çıkıyor.

Blog Modülleri

50 ızgara görünümü stili ve 50 liste görünümü stili ile toplam 100 blog modülü vardır. Her stilden birkaçına bir göz atalım.

Izgara düzeni 3, üstteki bir sekmede tarihin yer aldığı bir karttaki gönderi görüntüsünü ve ayrıntıları içerir. Fareyle üzerine gelindiğinde, bir daha fazlasını oku düğmesi görünür ve görüntünün üzerinde simgeli bir kaplama belirir.

Izgara düzeni 40, gönderi bilgilerini içeren bir karta ve öne çıkan görseli kaplayan bir daha fazlasını oku düğmesine sahiptir. Fareyle üzerine gelindiğinde, görüntünün üzerinde koyu bir kaplama belirir.

Liste görünümü düzeni 7, gönderi bilgilerini ve solda resim bulunan bir kartta daha fazlasını oku düğmesini içerir. Tarih, resmin üzerinde mavi bir kutu içindedir.

Liste görünümü düzeni 18, solda bir resim ve sağda gönderi bilgileri bulunan daha koyu bir düzene sahiptir. Fareyle üzerine gelindiğinde, kart hafifçe yukarı hareket eder ve görüntü genişler.

Hakkımızda Bölümler

100 adet hakkımızda bölümü tasarımı bulunmaktadır.

Bu düzen stili 7'dir. Simgelerle işaretlenmiş bazı özelliklerin yanı sıra solda bazı metinler bulunur. Bunun altında bir bize ulaşın düğmesi ve sağda bir resim var.

Bu tam genişlikte bölüm, üstte biraz metin, bir CTA düğmesi, üç sayı sayacı ve sağda bir resim içerir.

Bu seyahat düzeni, stil 17'dir. Solda büyük bir resim ve sağda bir miktar metin ve bir simge bulunur. Aşağıda, fareyle üzerine gelindiğinde büyüyen ve seçildiğinde bir ışık kutusunda açılan dört resim bulunmaktadır.

Stil 61'de solda bir miktar metin, bir onay işareti simgesiyle vurgulanan üç özellik ve ortada bir görüntü bulunur. Sağda, saatlerin olduğu sarı bir kutu ve randevu almak için bir düğme bulabilirsiniz.

Fiyatlandırma Modülleri

Toplamda 150 fiyatlandırma modülü stili vardır.

Fiyatlandırma modülü stil 3, siyah ve yeşil renk düzeni kullanır. Fareyle üzerine gelindiğinde, fiyatlandırma kutusu genişler ve başlık yeşile döner.

Bu, fiyatlandırma modülü 29'dur. Fareyle üzerine gelindiğinde, fiyatın sağında kırmızı bir ok görünür ve katman başlığı kırmızı renkle vurgulanır.

Fiyatlandırma modülü stil 66, üzerine gelindiğinde mora dönen bir başlığa sahiptir.

Düzen 72, degrade bir arka plana sahiptir.

Referans Modülleri

UI Kit ile birlikte gelen 75 farklı referans modülü stili vardır. Burda biraz var.

Bu, referans düzeni 5'tir. Turuncu bir kenarlık ve üstte bir alıntı simgesi, ardından profil resmi, referans, ad ve iş bilgileri bulunur.

Düzen 33, sol tarafta referans, isim, pozisyon ve bir resim içeren bir kart içerir. Fareyle üzerine gelindiğinde, kartın dış hatları yeşil olur, ad yazı tipi yeşile döner ve görüntü döner.

Düzen 71, solda büyük bir resim arka planı üzerinde bir resim içerir. Sağda, bir alıntı kutusu içinde bir referans kaydırıcısı bulunur.

İletişim Formu Bölümleri

Aralarından seçim yapabileceğiniz 100 iletişim formu bölümü vardır. İşte sadece birkaçı.

Düzen 1, solda biraz metin, bazı simgelerle iletişim bilgileri, sosyal medya simgeleri ve mavi düğmeli bir iletişim formu içeren basit bir tasarımdır.

Düzen 29, üstte büyük bir harita ve ardından solda adres, telefon ve e-posta bilgileri içerir. Sağda bir iletişim formu var.

Kontak bölümü düzeni 41, sarı kaplamalı bir görsele sahiptir. Solda, bir telefon numarasını listeleyen bir CTA düğmesiyle metin var. İletişim formu sağda, beyaz bir kaplamanın üzerindedir.

Düzen 75, iletişim bilgilerini ve sarı simgeleri içeren üç kutu içerir. Bunun altında sarı düğmeli iletişim formu var. Bu, beyaza dönüşen bir görüntü arka planı üzerindedir.

Bülten Bölümleri

25 bülten kayıt bölümü vardır.

Stil 2, paralaks görüntü arka planında bazı başlık metinleri ve bir e-posta kayıt formu içerir.

Stil 5'te solda bir resim ve sağda bazı başlık metinleri ve ardından bir kayıt formu bulunur.

Bu, haber bülteni düzeni 15'tir. Solda bazı başlık metinleri, ardından bir kayıt formu ve bazı sosyal medya bağlantıları bulunur. Sağda yuvarlak bir resim var.

Düzen 20, her iki tarafta iki kart tarzı resim ve ortada bir kart üzerinde kayıt formu bulunan kart tarzı bir tasarımdır. En üstte bir simge, ardından bir başlık metni ve form bulunur. En altta, simgeli küçük bir sorumluluk reddi beyanı metni bulunur.

Akordeon Modülleri

Toplamda 40 akordeon stili vardır.

Stil 2, yeşil bir başlığa ve gri bir kutuda akordeon içeriğine sahiptir. Her sekmenin düğmesi sağdadır.

Akordeon stili 8, turuncu sekmeler ve beyaz içerik kutuları kullanır. Açık sekmeyi gösteren siyah oklar var.

Akordeon stili 14, beyaz içerik bölümü olan yuvarlak bir stil sekmesine sahiptir.

Son olarak, stil 36, her sekmede mor simgeler içerir ve etkin sekmenin altını çizen mor bir kenarlığa sahiptir.

Sürgü Modülleri

Ultimate Divi Module UI Kit, 100 kaydırıcı modül stiliyle birlikte gelir.

Kaydırıcı 2, bazı büyük başlık metinlerine ve koyu kaplamalı büyük bir paralaks görüntünün üzerinde bir CTA düğmesine sahiptir.

Kaydırıcı stili 31 ayrıca koyu kaplamalı bir görüntü üzerinde başlık metni ve bir CTA düğmesi içerir. Başlık metninin arkasında kırmızı bir daire vardır.

Kaydırıcı 72, üstte metin içeriğini değiştiren bir kaydırıcı ve altta bir CTA düğmesi ile daha içerik ağırlıklıdır. Bunun altında bir simge ve bazı açıklama metinleriyle birlikte üç içerik kutusu vardır.

Son olarak, slayt düzeni 86, solda her slaydı değiştiren bazı metin içeriğinin yanı sıra iki CTA düğmesi içerir. Sağda bir video ve ardından başka bir CTA düğmesi var.

Zaman Çizelgesi Bölümleri

Aralarından seçim yapabileceğiniz 100 farklı zaman çizelgesi stili vardır.

Zaman çizelgesi stili 4, zaman çizelgesinin her adımı için bir simge ve metin içeren kartlar içerir.

Ardından, zaman çizelgesi 12'nin bir tarafında zaman çizelgesi simgesi ve diğer tarafında zaman çizelgesi açıklama metni bulunur.

Zaman Çizelgesi stili 32, her adım için simgeler içeren noktalı bir çizgiye sahiptir. Açıklama metni, karşılık gelen simgeyi işaret eden bir kutu içinde bulunur.

Zaman Çizelgesi 91, ortada simgeler ve her iki tarafta da zaman çizelgesi açıklama metni bulunan basit bir düzendir.

Tek Sayfa Düzenleri

UI Kit ayrıca çok çeşitli sektörleri ve kullanım durumlarını kapsayan 42 farklı tek sayfalık web sitesi düzeniyle birlikte gelir. Sadece birkaçına bir göz atacağız.

Bu seyahat ve turizm düzenidir. Logo, adres, çalışma saatleri ve iletişim bilgilerini listeleyen ikincil bir menü çubuğuyla başlar. Birincil menü çubuğunda menü öğeleri ve oturum açmak veya kaydolmak için bir düğme bulunur. Başlık, bir miktar metin ve bir CTA düğmesi içeren büyük bir resimdir. Bunu, seyahat hedeflerini açıklayan resimler ve metin içeren bazı numaralandırılmış bölümler takip eder. Sarı zeminli bölümde bazı sayı sayıcı modülleri vardır ve sonraki bölümde ikonlu bazı modüller yer alır.

Aşağıda bir referans kaydırıcısı ve ardından bir fiyatlandırma tablosu bulunmaktadır. Ardından, sosyal medya bağlantılarının bulunduğu bir ekip bölümü, ardından metin ve şirket logolarının bulunduğu bir bölüm ve ardından bazı metin ve simgelerin bulunduğu başka bir bölüm gelir. Alt bilgi, metin hakkında bazı bilgiler, iletişim bilgileri ve bir iletişim formu içerir.

Bu, başlangıç ​​ajansı düzenidir. Logolu bir menü çubuğuna, menü öğelerine ve bir CTA düğmesine sahiptir. Başlıkta bazı metinler, sağda bir resim ve iki CTA düğmesi bulunur. Aşağıda bazı şirket logoları ve bazı simgelerle vurgulanan üç özellik bulunmaktadır. Bunu iki düğmeli bir CTA bölümü, ardından fotoğraflar ve sosyal medya simgeleri içeren bir ekip bölümü takip eder. Bundan sonra, bazı metin, resimler ve onay işaretleriyle ayırt edilen bazı özelliklerin yer aldığı iki bölüm vardır.

Ardından bazı müşteri incelemeleri, ardından simgeler ve açıklama metni içeren başka bir özellikler bölümü var. Bir fiyatlandırma tablosu, bir SSS bölümü, resimli başka bir CTA bölümü ve bazı yeni gönderiler var.

Son olarak, büyük bir harita üzerinde bir iletişim formu ve iletişim bilgileri ve sosyal medya bağlantılarının bulunduğu başka bir kutu, ardından logo, sosyal medya bağlantıları, menü öğeleri ve iletişim bilgilerinin bulunduğu altbilgi gelir.

Portföy Modülleri

Toplam 120 portföy stili vardır – 40 varsayılan portföy modülü stili, 40 filtrelenebilir portföy stili ve 40 carousel portföy stili. Her stilden birkaçına bir göz atalım.

İlk varsayılan portföy modülü, basit bir ızgara düzenine ve iki yeşil kenarlık çubuğu, başlık ve yıl içeren görüntülerin üzerinde görünen bir bindirmeye sahiptir.

Portföy düzeni 29, benzer bir ızgara düzeni kullanır ve fareyle üzerine gelindiğinde pembe bir ok ve proje başlığı ve yılı ile görünen bir kaplama içerir.

Filtrelenebilir portföy düzeni 2, üstte turuncu bir filtre çubuğunun yanı sıra altta siyah bir gezinme çubuğu içerir. Fareyle üzerine gelindiğinde, projenin başlığı ve yılı ile birlikte koyu renkli bir kaplama görünür.

Filtrelenebilir portföy düzeni 14, mavi düğmeleri olan bir filtre çubuğuna ve altta siyah bir gezinme çubuğuna sahiptir. Fareyle üzerine gelindiğinde, mavi bir kaplama ortaya çıkar ve başlık ile tarih beyaz bir kenarlık içinde yer alır.

Carousel portföy düzeni 7, gezinmek için her iki tarafta iki mavi ok içerir. Fareyle üzerine gelindiğinde, mavi şekilli bir kaplama ve proje bilgisi vardır.

Karusel düzeni 11, gezinme için turuncu oklara ve fareyle üzerine gelindiğinde gösterilen proje bilgilerini içeren turuncu bir slayda sahiptir.

Altbilgi Bölümleri

UI kitiyle birlikte gelen 100 altbilgi bölümü vardır.

Altbilgi düzeni 3, bazı büyük simgelerle en üstte iletişim bilgilerini içerir. Metin, sosyal medya simgeleri, menü bağlantıları ve saatlerle ilgili bazı bilgiler bulabilirsiniz. Alt kısımda telif hakkı bilgilerini ve şartlar ve koşullara bir bağlantı içeren ikincil bir altbilgi çubuğu vardır.

Bu, altbilgi düzeni 26'dır. Üstte büyük simgeler içeren iki modül, ardından bir iletişim formu ve iletişim bilgileri gelir. En altta bazı bağlantılar ve ardından telif hakkı bilgileri yer alır.

Altbilgi 43'ün en üstünde bir e-posta kayıt formu vardır. Menü öğeleri, bazı iletişim bilgileri, ödeme logoları ve telif hakkı bilgileri için birkaç sütun vardır.

Altbilgi stili 84, koyu kaplamalı bir arka plan görüntüsüne sahiptir. Logo, sosyal medya simgeleriyle birlikte soldadır. Birkaç menü öğesi ve ardından bir haber bülteni kayıt formu vardır. İletişim bilgileri en sağda listelenir ve son olarak telif hakkı bilgileri en altta yer alır.

Bar Sayaç Modülleri

Aralarından seçim yapabileceğiniz 50 farklı bar tezgahı stili vardır.

Stil 3, siyah yüzde göstergeli mavi çubuk çizgileri içerir.

Stil 13, en solda bir başlığa sahiptir ve yüzde, çubuğun sonunda daha koyu kırmızı bir arka planla vurgulanır.

Bar tezgahı stili 32, solda bir başlık ve çubuk içinde yüzde ile yuvarlak bir tasarıma sahiptir.

Son olarak, mizanpaj 37, çubuğun üzerinde bir başlığa, yuvarlak uçlara ve her çubuğun sonunda yüzdeyi içeren yuvarlak bir bölüme sahiptir.

Kutu Bilgi Bölümleri

50 kutu bilgi stili vardır.

Kutu bilgisi bölümü düzeni 2, beyaz kenarlıklı bir resim, mavi başlık metni, açıklama metni ve bir CTA düğmesi içerir. Fareyle üzerine gelindiğinde kutunun etrafındaki gölge güçlenir.

Stil 6'da köşeleri yuvarlatılmış bir görüntü, bir simge, iki başlık metni stili ve bir daha fazlasını oku düğmesi bulunur. Fareyle üzerine gelindiğinde, kutu yukarı kayar.

Kutu stili 11, büyük bir görüntünün üzerinde üstte bir simge ve başlık ile gövde metnini içeren bir kart içerir. Fareyle üzerine gelindiğinde, fotoğrafın üzerinde koyu bir kaplama belirir, alt kenarlık rengi siyaha döner ve bir artı düğmesi görünür.

Düzen 47'de bir resim, bir simge ve metin bulunur. Fareyle üzerine gelindiğinde, görüntünün üzerinde siyah bir kaplama ve beyaz kenarlık ortaya çıkıyor ve görüntü hafif bir açıyla yakınlaşıyor. Simge kabı kapanır ve arka plan siyaha döner. Son olarak, metin arka planı turuncuya döner.

Beceri Bölümleri

Toplam 50 beceri bölümü vardır.

Beceri bölümü düzeni 7, sağda büyük bir resim ve solda biraz metin, bir beceri çubuğu ve sayı sayaçları içerir.

Beceri bölümü 17'de metin, bir beceri çubuğu ve solda simgeler bulunan iki tanıtım yazısı bölümü bulunur. Sağda iki resim var.

Beceri düzeni 21'de bir resim, biraz metin ve solda bir düğme bulunur. Sağda iki tane daha metin bölümü ve ardından beceri çubuğu bulunur.

Bu, düzen 38'dir. Solda yer paylaşımlı bir metin kutusu bulunan bir resim içerir. Sağ tarafta bazı başlık metinleri, gövde metinleri ve oklu beceri çubukları bulabilirsiniz.

düğmeler

Son olarak, 100 normal düğme stili ve 25 çift düğme stili ile toplam 150 düğme stili vardır.

Bu, normal düğme stili 30'dur. Fareyle üzerine gelindiğinde, pembe bir arka plan görünür ve metin rengi beyaza döner.

Normal düğme stili 116, fareyle üzerine gelindiğinde düğmenin arka planını doldurmak için genişleyen küçük pembe bir kutuya sahiptir. Metin ayrıca fareyle üzerine gelindiğinde pembeye dönüşür.

Çift düğme stili 3, fareyle üzerine gelindiğinde yukarıya veya aşağıya hareket eden bir çubuğa sahiptir.

Çift düğme stili 7, üzerine gelindiğinde aşağı hareket eden ve alt kenarlık haline gelen koyu bir arka plana sahiptir. Fareyle üzerine gelindiğinde bir simge de gösterilir.

Nihai Divi Modülü UI Kitini Satın Alın

Ultimate Divi Module UI Kit, Divi Marketplace'te mevcuttur. Sınırsız web sitesi kullanımı ve ömür boyu güncellemeler için maliyeti 49,59 ABD dolarıdır. Fiyat ayrıca 30 günlük para iade garantisi içerir.

Son düşünceler

Ultimate Divi Module UI Kit, çok çeşitli stiller ve kullanım durumları ile etkileyici sayıda düzen ile birlikte gelir. Divi'nin seçenekleriyle her şey özelleştirilebilir ve düzenlerden herhangi biri bir sonraki projenizin tasarımına uyacak şekilde değiştirilebilir. Bir sonraki tasarımınızda zaman kazanmanıza yardımcı olabilecek kapsamlı bir düzen paketi arıyorsanız, bu ürün tam size göre olabilir. Sizden haber almak isteriz! Ultimate Divi Module UI Kit'i denediniz mi? Yorumlarda bunun hakkında ne düşündüğünüzü bize bildirin!