Divi Ürün Öne Çıkanlar: Divi Essential

Yayınlanan: 2023-09-04

Divi 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!

İçindekiler
  • 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.

Divi Essential'ı yükleyin

Eklenti yüklendikten sonra eklentiyi etkinleştirin.

Divi Essential'ı 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 Ekleme Modülü

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.

Divi Temel Yaratıcı Modüller

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.

Divi Essential Gelişmiş Sekmesi

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.

Divi Essential Gelişmiş Sekmesi Gövde İçeriği

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. Divi Essential Gelişmiş Sekme Ayarları

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.

Divi Essential Çalışma Saatleri

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.

Divi Temel İçerik Geçişi

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.

Divi Essential İçerik Geçiş Ayarları

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.

Divi Essential Görüntü Erişim Noktası

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.

Divi Essential Zaman Çizelgesi Öğesi

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.

Divi Essential Kaydırma Modülleri

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.

Divi Essential 3D Küp Kaydırıcısı

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.

Divi Temel Atlıkarınca

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.

Divi Essential Atlıkarınca Ayarları

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.

Divi Essential Görüntü Modülleri

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.

Divi Essential Önce Sonra Kaydırıcısı

Ö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.

Divi Essential Önce Sonra Ayarları

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.

Divi Essential Dairesel Görüntü Vurgusu

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.

Divi Essential Dairesel Görüntü Vurgu Efektleri

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.

Divi Essential Görüntü Akordeon Ayarları

Akordeonu fareyle üzerine gelindiğinde veya tıklatıldığında hareket edecek şekilde ve dikey veya yatay olarak açılacak şekilde ayarlayabilirsiniz.

Divi Essential Görüntü Akordeon

İç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.

Divi Temel İçerik Modülleri

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.

Divi Essential 3D Çevirme Kutusu

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.

Divi Essential 3D Çevirme Kutusu Ayarları

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.

Divi Temel Tanıtım Yazısı

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.

Divi Essential Blurb Vurgulu

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.

Divi Essential Düğmesi

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.

Divi Essential Metin Animasyonu

Sonraki Metin Renk Hareketi

Metin rengi hareketi modülü, metin rengine animasyon uygulamanıza olanak tanır. Bu örnek düzen 9'dur.

Divi Essential Metin Renk Hareketi

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.

Divi Essential Metin Rengi Hareket Rengi Ayarları

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.

Divi Essential Ekip Modülleri

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.

Divi Essential Takım Yer Paylaşımı Kartı

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.

Divi Essential Ekibi Sosyal Gösterimi

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.

Divi Essential Sosyal Modülleri

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.

Divi Essential FB Yorumu

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.

Divi Essential Twitter Zaman Çizelgesi

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.

Divi Essential İncelemesi

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 Referans Kaydırıcısı

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.

Divi Essential Başlangıç ​​Şablonları

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 Tur Web Sitesi Başlangıç ​​Düzeni

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.

Divi Essential Garden Önceden Oluşturulmuş Web Sitesi

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.

Divi Essential Garden Web Sitesi Düzeni Ana Sayfa

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,

Divi Essential Garden Web Sitesi Düzeni Ana Sayfa 2

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 Garden Web Sitesi Düzeni Ana Sayfa 3

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!