Divi Ürün Öne Çıkanlar: Divi Essential
Yayınlanan: 2023-09-04Divi Essential, Divi Builder'a 60'tan fazla yeni modül ekleyerek oluşturabileceğiniz tasarım olanaklarını genişleten bir eklentidir. Bu eklentiyle gelişmiş sekmeler, içerik geçişleri, dinamik kaydırıcılar, benzersiz görüntü ve içerik modülleri, ekip bölümleri, sosyal modüller ve çok daha fazlasını ekleyebilirsiniz. Her modül, karmaşık düzenleri tasarlamayı çocuk oyuncağı haline getiren güçlü işlevsellik ve kapsamlı tasarım seçenekleriyle birlikte gelir.
Divi Essential ayrıca modülleri kullanan 600'den fazla önceden hazırlanmış bölüm düzenine, 30 başlangıç düzenine ve birden fazla sayfa içeren 6 tam şablona erişimle birlikte gelir. Bu düzenlerin tümü Divi Essential web sitesinden indirilebilir ve tasarım sürecini hızlandırmanıza yardımcı olabilir. Bu yazıda, sizin için doğru ürün olup olmadığına karar vermenize yardımcı olmak için Divi Essential'a daha yakından bakacağız.
Başlayalım!
- 1 Divi Essential'ı Yükleme
- 2 Divi Essential Modülü
- 2.1 Yaratıcı Modüller
- 2.2 Kaydırma Modülleri
- 2.3 Görüntü Modülleri
- 2.4 İçerik Modülleri
- 2.5 Ekip Modülleri
- 2.6 Sosyal Modüller
- 2.7 Modülleri İnceleme
- 3 Divi Temel Başlangıç Düzeni
- 3.1 Tur Düzeni
- 4 Divi Essential Önceden Oluşturulmuş Web Sitesi
- 4.1 Bahçıvan Şablonu
- 5 Divi Essential'ı Nereden Satın Alabilirsiniz
- 6 Son Düşünce
Divi Essential'ı Yükleme
Divi Essential bir .ZIP eklenti dosyası olarak gelir. Eklentiyi yüklemek için WordPress kontrol panelinizdeki eklenti sayfasını açın ve Yeni Ekle'ye tıklayın. Dosya Seç'e tıklayın ve bilgisayarınızdan eklenti dosyasını seçin, ardından Şimdi Yükle'ye tıklayın.
Eklenti yüklendikten sonra eklentiyi etkinleştirin.
Divi Essential, Divi Builder'a 65 yeni modül ekler. Eklenen modüllere, Modül Ekle menüsündeki Divi Essential modülü düğmesini tıklayarak veya tüm Divi Essential modüllerini getirecek olan “sonraki” aramasını yaparak erişebilirsiniz.
Divi Essential Modülleri
60'tan fazla yeni modül, Divi Builder'a çok sayıda işlevsellik katıyor. Modüllerin her biri, görünümü ve işlevi tamamen özelleştirmek için içerik, tasarım ve gelişmiş seçeneklerle birlikte gelir. Divi Essential'ın önceden hazırlanmış düzenlerini kullanarak bu modüllerden bazılarına daha yakından bakalım.
Yaratıcı Modüller
Sayfanıza ekleyebileceğiniz 10 farklı yaratıcı modül bulunmaktadır. Her modül, düzeninize bazı benzersiz işlevler veya tasarım ekler. Divi Essential, aşağıda vurgulayacağım modüllere ek olarak, kayan bir öğe, benzersiz bir bölücü, bir promosyon kutusu, bir Lottie animasyonu ve bir süreci göstermek için bir adım akış bölümü eklemek için modüllerle birlikte gelir.
Sonraki Gelişmiş Sekme
Gelişmiş sekme modülü, yatay ve dikey sekmeli içerik bölümleri oluşturmanıza olanak tanır. Her sekme için başlığı, alt başlığı ve simgeyi/resmi ayarlayabilirsiniz. Bu örnek gelişmiş sekme düzeni 1'dir.
Her sekmenin gövdesinde görüntülenecek bir Divi Kitaplığı düzeni seçebilir veya başlığı, açıklamayı, resmi/simgeyi ve düğmeyi düzenleyerek içerik ekleyebilirsiniz.
Modül, tek tek sekmelerin yanı sıra tüm modül için kapsamlı tasarım ayarlarıyla birlikte gelir. Tasarımın her yönünü özelleştirebilir, öğeler için farklı vurgulu efektler seçebilir, seçili sekme için etkin stiller ayarlayabilir ve çok daha fazlasını yapabilirsiniz.
Sonraki İş Saati
Bu modül, çalışma saatlerinizi web sitenizde görüntülemenizi kolaylaştırır. Resimdeki örnek tasarım düzeni 2'dir. Haftanın her gününü modül içerisinde bir öğe olarak ekleyebilirsiniz. Her öğe kendi başına özelleştirilebilir veya her öğeye stil uygulamak için modül tasarım seçeneklerini kullanabilirsiniz.
Sonraki İçerik Geçişi
İçerik geçiş modülü, sayfanıza içerik arasında geçiş yapmak için kullanabileceğiniz bir geçiş düğmesi ekler. Bu örnekte (düzen 2), geçiş, tek bir lisansın veya ömür boyu lisansın ayrıntılarının görüntülenmesi arasında geçiş yapmak için kullanılır.
Geçiş bölümüne bir Divi Kitaplığı öğesi eklemeyi seçebilir veya içeriğinizi modül ayarları içinden ekleyebilirsiniz. Her bölümün tasarımını ve geçiş tasarımını özelleştirebilirsiniz.
Sonraki Resim Etkin Noktası
Bu modülle, fareyle üzerine gelindiğinde içeriği gösteren bir görüntüye sıcak noktalar ekleyebilirsiniz. Ortaya çıkacak metin ve görseli ekleyebilir ve her bir öğeyi tasarım seçenekleriyle özelleştirebilirsiniz. Sıcak nokta simgesi ve rengi kolaylıkla değiştirilebilir ve tasarım ayarlarında yatay ve dikey konumlar değiştirilerek sıcak nokta konumu ayarlanabilir. Aşağıdaki örnek düzen 1'dir.
Sonraki Zaman Çizelgesi
Zaman çizelgesi modülü olayları, bir kuruluşun geçmişini, süreçleri ve çok daha fazlasını görsel olarak temsil etmek için kullanılabilir. Zaman çizelgesi modülü içine, her bir zaman çizelgesi bölümünü oluşturan ayrı zaman çizelgesi öğeleri ekleyebilirsiniz. Her zaman çizelgesi öğesine metin, resim, düğme ve simge ekleyebilirsiniz. Her öğe, tasarım sekmesinde özelleştirilebilir ve benzersiz zaman çizelgesi tasarımları oluşturmanıza olanak tanır. Aşağıdaki resimde zaman çizelgesi düzeni 11 görülmektedir.
Kaydırma Modülleri
Divi Essential ile sitenize ekleyebileceğiniz altı farklı kaydırma modülü bulunmaktadır. Bir logo karuseli, bir resim ve metin karuseli, bir 3B küp kaydırıcısı, bir galeri kaydırıcısı, bir referans karuseli ve bir gönderi karuseli ekleyebilirsiniz. Birkaç kaydırıcı modüle daha yakından bakalım.
3D Küp Kaydırıcısı
3B küp kaydırıcı modülü, 3B küp efektiyle dönen bir kaydırıcı ekler. Her slaytı bir resim, metin ve arka planla özelleştirebilirsiniz. Kaydırıcı ayarlarında otomatik oynatma, gezinme ve efekt ayarlarının yanı sıra tasarım seçeneklerinden herhangi birini değiştirebilirsiniz. Resimdeki örnek düzen 4'tür.
Sonraki Divi Atlıkarınca
Bu atlıkarınca düzeni 17'dir. Seçebileceğiniz dört düzen vardır: resim, metin, resmin içindeki metin veya resmin altındaki metin. Bu, birçok çok yönlü düzene olanak tanır.
Her bir karusel öğesinin düzeni ve tasarımının yanı sıra karusel modülünün kendisi üzerinde de tam kontrole sahipsiniz. Atlıkarınca otomatik oynatma ayarlarını değiştirebilir, gezinme ayarlarını değiştirebilir, efekti değiştirebilir, ışık kutusu işlevi ekleyebilir ve daha fazlasını yapabilirsiniz.
Görüntü Modülleri
12 farklı görüntü modülüyle Divi Essential, görüntüleri web sitenizde yaratıcı bir şekilde sergilemeniz için size birçok yol sunar. Bir görüntü büyüteci, bir duvar düzeni, görüntülere farklı yükleme ve vurgulu efektler ekleyen modüller, bir görüntü üzerine gelme kutusu, bir öncesi ve sonrası kaydırıcısı ve daha fazlasını ekleyebilirsiniz. Birkaç görüntü modülüne bir göz atalım.
Sonraki Önce Sonra
Önce ve Sonra modülü, sürükleyebileceğiniz bir kaydırıcıyla ortaya çıkan önceki ve sonraki fotoğrafı görüntülemenize olanak tanır. Bu düzen, düzen 4'ten önceki düzendir.
Önceki ve sonraki görselleri ayarlayabilir, etiketleri değiştirebilir, kaydırıcının yönünü ve işlevini değiştirebilir ve tasarımı özelleştirebilirsiniz.
Sonraki Dairesel Görüntü Üzerine Gelme
Dairesel görüntü vurgulu modülüyle, içeriği vurgulu efektle ortaya çıkaran dairesel bir görüntü oluşturabilirsiniz.
Tasarımda size çok fazla esneklik sağlayan, aralarından seçim yapabileceğiniz 19 farklı vurgulu efekti ve 4 farklı vurgulu yönü vardır.
Sonraki Resim Akordeon
Görüntü akordeon modülü, tasarımınıza etkileşimli bir görüntü akordeon ekler. Akordeondaki görsellerden birinin üzerine geldiğinizde genişleyecek ve içerik ortaya çıkacaktır. Her görsele bir simge, başlık, açıklama ve düğme eklemeyi seçebilirsiniz. Bu örnekte üçüncü görsel sayfa yüklendiğinde açılacak şekilde ayarlanmıştır. Başka bir görselin üzerine geldiğinizde genişler ve genişletilmiş halde kalır.
Akordeonu fareyle üzerine gelindiğinde veya tıklatıldığında hareket edecek şekilde ve dikey veya yatay olarak açılacak şekilde ayarlayabilirsiniz.
İçerik Modülleri
İçerik kategorisinde 19 modül bulunmaktadır. Bunların tümü içeriğinizi dinamik olarak görüntülemek ve büyüleyici düzenler oluşturmak için kullanılabilir. Kutular ve tanıtım yazıları, farklı metin efektlerine sahip modüller, düğmeler, blog yazısı kaydırıcıları ve daha fazlasını ekleyebilirsiniz. Bazı modüllere bir göz atalım.
Sonraki 3D Çevirme Kutusu
3D Çevirme Kutusu modülü, fareyle üzerine gelindiğinde 3D efektiyle dönen dinamik bir kutuya sahip olmanızı sağlar. Kutunun arka kısmına farklı bir tasarım yaptırabilirsiniz. Bu örnek düzen 7'dir.
Modül ayarlarında ön ve arkadaki öğeleri özelleştirebilirsiniz. Bir simge, resim, başlık metni, gövde metni ve düğmeler ekleyebilirsiniz. Tasarım sekmesinde her öğenin görünümünü özelleştirebilirsiniz.
Sonraki Yazı
Tanıtım modülü çok yönlüdür ve benzersiz düzenler oluşturmak için kullanabileceğiniz birçok içerik ve tasarım seçeneği sunar. Burada kullanılan örnek tanıtım yazısı düzen 11'dir. Fareyle üzerine gelindiğinde farenizle hareket eden bir eğim efekti içerir.
Modül ayarlarında ön başlığı etkinleştirebilir, başlık metnini ve başlık etiketini ayarlayabilir, başlık sonrası metni etkinleştirebilir, açıklama ekleyebilir, resim ve simge ekleyebilir ve düğme ekleyebilirsiniz. Mevcut kapsamlı tasarım seçenekleriyle bir görüntü maskesi, tanıtım yazısına veya düğmelere benzersiz vurgulu efektler ve çok daha fazlasını ekleyebilirsiniz.
Sonraki düğmesi
Düğme modülü, düğmenize ilgi çekici efektler eklemek için birçok seçenek içerir. Arka plan geçişleri, vurgulu efektleri, simge vurgulu efektleri, kontur efektleri, 2 boyutlu efektler ekleyebilir, arka plan resmi ayarlayabilir, arka plan gif'i ekleyebilir ve daha fazlasını yapabilirsiniz. Bu örnekte 2 boyutlu efektlere sahip bir düğme koleksiyonu kullanıyorum. Büyüt Döndür düğmesinin boyutunun nasıl arttığını ve üzerine gelindiğinde hafifçe döndüğünü görebilirsiniz.
Sonraki Metin Animasyonu
Metin animasyon modülü ile metninize her türlü animasyon efektini ekleyebilirsiniz. Bu, örnek düzen 10'dur ve bir yazma efekti içerir. Önceki ve sonraki metni ayarlayabilir, animasyonlu metni ekleyebilir ve animasyon efektini seçebilirsiniz. Metin stili tasarım sekmesinde daha da özelleştirilebilir.
Sonraki Metin Renk Hareketi
Metin rengi hareketi modülü, metin rengine animasyon uygulamanıza olanak tanır. Bu örnek düzen 9'dur.
Birkaç farklı animasyon stili arasından seçim yapabilir ve göz alıcı bir degrade efekti yaratan dört farklı metin rengi seçebilirsiniz.
Ekip Modülleri
Divi Essential ile birlikte gelen, benzersiz bölümler ve efektlerle ekip üyelerinizi sergilemenize olanak tanıyan 5 farklı ekip modülü bulunmaktadır.
Sonraki Takım Yer Paylaşımı Kartı
Ekip katmanı kartı modülüyle, ekip üyelerinize fareyle üzerine gelindiğinde görünen ve açıklama veya sosyal medya simgeleri gibi ek içerikleri gösteren bir katmanla gösteriş yapabilirsiniz. Gösterilen örnek, benzersiz bir dokunuş katan kavisli bir kenarlığa sahip olan düzen 1'dir.
Sonraki Takım Sosyal Gösterimi
Bu modül ile sosyal medya simgeleri, fareyle üzerine gelindiğinde ekip üyesi açıklama bölümünün altında gösterilir. Bu örnek düzen 1'dir.
Sosyal Modüller
Divi Essential, sosyal medyayı web sitenize bağlamanın yollarını ekler. Facebook için şu modülleri ekleyebilirsiniz: paylaşma, beğenme, gömülü video, yorum, gömülü yorum, gömülü gönderi ve gömülü sayfa. Twitter için bir zaman çizelgesi, tweet, Twitter düğmesi veya takip düğmesi ekleyebilirsiniz.
Sonraki FB Yorumu
İşte Facebook Yorum modülü. Kullanıcıların Facebook hesapları ile site içeriğinize yorum yapmalarını sağlamak için bu modülü kullanabilirsiniz. Tasarım, tasarım sekmesindeki seçeneklerle özelleştirilebilir.
Sonraki Twitter Zaman Çizelgesi
Bu modül, sayfanıza Twitter zaman çizelgesi eklemenizi sağlar. Ayarlamanız gereken tek şey Twitter hesabı kullanıcı adıdır ve zaman çizelgesi görünecektir. Zaman çizelgesini tasarım ayarlarıyla özelleştirebilirsiniz.
Modülleri İncele
Müşteri yorumlarını ve referanslarını web sitenizde görüntülemek için kullanabileceğiniz üç inceleme modülü vardır.
Sonraki Divi İncelemesi
İnceleme modülü, sayfanıza müşteri yorumları eklemenizi sağlar. Bir ad, konum ve açıklama ekleyebilir ve her modül için yıldız incelemesini ayarlayabilirsiniz. Bu düzen örneği 1'dir.
Sonraki Referans Kaydırıcısı
Bu modül ile müşteri referanslarınızı ve yorumlarınızı göstermek için bir kaydırıcı ekleyebilirsiniz. Bu düzen 11'dir. Her referans slaydı modüle bir öğe olarak eklenir; bu, her slaydın tasarımını ayrı ayrı özelleştirebileceğiniz ve slayt tasarımını bir bütün olarak özelleştirebileceğiniz anlamına gelir. Her slayta bir derecelendirme, metin ve resim ekleyebilirsiniz. Kaydırıcı ayarlarında kaydırıcının otomatik oynatılmasını seçebilir, kaydırıcı geçiş ayarlarını yapabilir ve gezinme ayarlarını değiştirebilirsiniz. Tasarım sekmesindeki seçenekler kaydırıcının görünümünü beğeninize göre özelleştirmenize olanak tanır.
Divi Essential Başlangıç Düzenleri
Yukarıda incelediğimiz modüllere ve modül düzenlerine ek olarak Divi Essential, kullanabileceğiniz 30 adet başlangıç tek sayfalık düzen ile birlikte gelir. Birine daha yakından bakalım.
Tur Düzeni
Bu tur düzenidir. Tasarım animasyonlar ve etkileşimli öğelerle doludur. Başlık, çoklu başlık modülünü kullanır ve ortaya çıkarma efektiyle birlikte gelir. Aşağıda bir logo karuseli, üç tanıtım yazısı ve hedefleri gösteren bir atlıkarınca bulunmaktadır. Daha sonra, kayan bir görüntünün ve sağda bazı içerik ve sayı sayaçlarının bulunduğu bir bölüm var. Harita bölümü, varış noktalarını belirlemek ve fareyle üzerine gelindiğinde bilgileri ortaya çıkarmak için etkin nokta modülünü kullanır. Son olarak, bir referans kaydırıcısı, bir bültene kaydolma ve bir alt bilgi var.
Divi Essential Önceden Oluşturulmuş Web Siteleri
Divi Essential ayrıca birden fazla sayfa içeren 6 tam web sitesi şablonuna erişimle birlikte gelir.
Bahçıvan Şablonu
Bahçıvan şablonunun ana sayfasına bir göz atalım. Bu sayfaya ek olarak şablon şu sayfaları içerir: hakkımızda, hizmetler, galeri, proje, proje detayları ve iletişim.
Sayfa, birden fazla başlık, büyük bir resim, kayan bir öğe, düğmeler ve çeşitli arka plan grafikleri içeren bir kahraman bölümüyle açılır. Bir sonraki bölümde hizmetleri vurgulayan dört tanıtım modülü bulunmaktadır. Bunu, kayan efektli bazı metin ve görsellerin yer aldığı başka bir bölüm takip ediyor. Başlık içeriğinde bir açıklama animasyonu bulunur. Aşağıdaki hizmetler bölümünde ayrıca Divi Essential tanıtım modülleri kullanılmaktadır ve bunu, dönen bir animasyona sahip kayan bir öğe ve fareyle üzerine gelindiğinde içeriği genişletip ortaya çıkaran bir görüntü akordeonu takip etmektedir.
Sonraki, tanıtım modüllerinin bulunduğu başka bir bölüm ve ardından tam genişlikte arka plan resmi ve kayan grafik içeren bir bölüm geliyor. Bunun altında fiyatlandırma tablosu bölümü bulunmaktadır,
Ana sayfaya devam edersek, bir logo kaydırıcısı, önce/sonra kaydırıcısı ve ardından bir referans kaydırıcısı bulunur. Son olarak sayfa, bülten kayıt formuyla sona eriyor.
Divi Essential'ı Nereden Satın Alabilirim?
Divi Essential, Divi Marketplace'te mevcuttur. Sınırsız web sitesi kullanımı ve 1 yıllık destek ve güncelleme ücreti 79 ABD dolarıdır. Fiyata ayrıca 30 günlük para iade garantisi de dahildir.
Son düşünceler
Divi Essential, web sitenize yeni özellikler ve dinamik düzenler ekleyen modüllerle doludur. Her modülle birlikte gelen özelleştirilebilirlik ve kapsamlı seçeneklerden etkilendim. Divi Essential ile birlikte gelen demo düzenleri, başlangıç tek sayfalık düzenleri ve önceden oluşturulmuş web sitesi şablonlarının tümü, kendi tasarım amaçlarınız için kolayca kullanabileceğiniz ve değiştirebileceğiniz yüksek kaliteli tasarımlardır. Divi ile tasarlayabileceklerinizin olanaklarını genişletecek hepsi bir arada bir eklenti arıyorsanız Divi Essential harika bir seçenektir.
Sizden haber almayı çok isteriz! Divi Essential'ı denediniz mi? Yorumlarda bunun hakkında ne düşündüğünüzü bize bildirin!