Elegant Themes Divi 2.4'e Bir Bakış

Yayınlanan: 2015-06-22

küçük resim Divi şu anda Zarif Temalar'ın en güçlü ve gelişmiş WordPress temasıdır ve tarihindeki en büyük yükseltme ile güncellenmiştir. Divi, ilginç düzenler ve içerik alanları oluşturmak için kullanabileceğiniz yapı taşları sunar. Metin, kaydırıcılar, haritalar, tanıtım yazıları, akordeonlar, fiyatlandırma yapıları ve çok daha fazlasını ekleyebilirsiniz. Hemen hemen ihtiyacınız olan her türlü web sitesini oluşturabilirsiniz. Ve tabii ki duyarlı.

Çıktığı ilk günden beri Divi kullanıcısıyım. Bu yazıda Divi hakkındaki düşüncelerimi paylaşıyorum ve 2.4 sürümündeki yeniliklere bir göz atıyorum.

2.4'teki Yenilikler

Divi 2.4, ET'nin gelecekteki ürün serisinin temelidir. 1000'den fazla modül tasarımı ve özelleştirici ayarına sahiptir ve bazı ilginç özellikler ekler:

  • Global Ayarlar – site çapında ayarlamalar yapmak daha kolay
  • Akışkan Izgara – sayfa düzeninin sabit genişlikleri yoktur. Akışkan ızgara ile kendi genişliklerinizi oluşturabilirsiniz.
  • Gelişmiş Oluşturucu Ayarları – her modül, basit bir kullanıcı arayüzünden gelişmiş CSS ayarlarına sahiptir.
  • Divi Kitaplığı – gelişmiş düzenler.

tema ayarları

tema ayarları

Tüm ET temaları, epanel adı verilen bir seçenekler ekranı kullanır. Epanelin özellikleri temanın özelliklerine göre değişmektedir. Divi'nin epanel kapsamlıdır. Logo, favicon, sabit gezinme çubuğu, ilk resmi al, blog stili, görüntülenecek gönderi sayısı gibi temel özelliklere sahiptir. Aşağıdakileri içeren birçok seçenek ekler:

  • WooCommerce Mağaza Sayfası
  • MailChimp anahtarı
  • Aweber yetkilendirmesi
  • Sosyal medya simgeleri
  • Sosyal medya URL'leri
  • Google Yazı Tipleri
  • Düzgün Kaydırma - sonraki satırın ve içeriğinin kaydırma sırasında kaybolmasına izin verir
  • Duyarlı Kısa Kodlar
  • Başa Dön düğmesi
  • Özel CSS
  • Ve dahası

Gezinme ayarları arasında sayfalar, kategoriler, ana sayfa bağlantısı, açılır menü vb. bulunur. Düzen ayarları, reklam yönetimi, SEO özelleştirmesi, gelişmiş kod entegrasyonu ve belgelere sahiptir. Sadece epanelden birçok özelleştirme yapabilirsiniz.

Tema Özelleştirici

Tema Özelleştirici

Tema özelleştirici ön uçtan çalışır ve yazı tipi boyutlarını, stilleri, satırları, düğmeleri, renkleri, animasyonları, üstbilgi boyutunu, altbilgi boyutunu, arka plan görüntüsünü ve çok daha fazlasını ayarlamak için çok sayıda kaydırıcı ekler. Tüm ayarlamalarınızı yapabilir ve etkileri ortaya çıktıkça görebilirsiniz (WYSIWYG - ne görürseniz onu alırsınız).

İletişim bilgilerinizi ve sosyal bağlantılarınızı başlığa yerleştirebilirsiniz. Başlık, önemli bilgileri öne ve ortaya yerleştirdiği ve okuyucular aşağı kaydırdığında ekranda kaldığı için işletmeler için özellikle iyi bir seçimdir. Ayrıca düzen ve topografyayı da içerir. Tıpkı standart özelleştirmeler gibi gezinme, widget'lar ve statik bir ön sayfa seçebilirsiniz.

Hatta tablet ve telefon için mobil ayarları yapmanızı sağlar ve her biri diğer tüm ayarlardan ve birbirinden bağımsızdır. Etkileri, yayınlamadan önce nasıl göründüğünü görebilmeniz için mobil cihazı simüle eden bir ekranda görürsünüz. Bu güzel bir özellik çünkü az önce yaptığınız ayarlamalarla sitenin nasıl göründüğünü kontrol etmek için bir mobil cihaz almanıza gerek yok. Bunun dahil olduğunu görmekten gerçekten memnunum.

Modül Özelleştirici

Modül Özelleştirici

Modül Özelleştirici'yi kullanarak ön uçtaki modüllerin görünümünü özelleştirebilirsiniz. Özelleştirmeler, boyutlar, genişlikler, yükseklikler vb. için kaydırıcıları içerir. Ayrıca yazı tiplerini, stilleri, animasyonları, eylemleri vb. seçebilirsiniz.

Divi Kitaplığı

Divi Kitaplığı

Divi Kitaplığı, oluşturduğunuz düzenleri içerir. Bu menüden herhangi bir düzeninizi düzenleyebilir ve yeni düzenler oluşturabilirsiniz.

Divi Oluşturucu

Divi Oluşturucu

Divi'nin gerçek büyüsü, Divi Builder'ı kullandığınızda gerçekleşir. Bunu, görsel düzenleyicinin üzerindeki Divi Builder'ı Kullan etiketli düğmeyi seçerek kullanabilirsiniz. Önceki sürümde yalnızca sayfalarla çalışan Sayfa Oluşturucu vardı. Divi Builder tüm gönderi türleriyle çalışır.

  • Divi ayrıca düzenleyicinize gönderi ayarları ekler, böylece sayfa düzenini, nokta gezinmesini seçebilir, gezinmeyi gizleyebilir ve isterseniz her gönderide gönderi başlığını gizleyebilirsiniz.

Bir sayfa düzeni yükleyebilir veya varsayılan düzeni değiştirebilirsiniz. Bir düzen, satır ve sütunlardan oluşan bölümlerden oluşur. Modüller daha sonra sütunlara yerleştirilir. Herhangi bir bölümü, satırı, sütunu veya modülü sürükleyip bırakarak düzeni değiştirebilirsiniz.

Bölümler

Bölümler

Bölümler eklenebilir, silinebilir, klonlanabilir ve değiştirilebilir. Arka planın nasıl göründüğünü ve tepki verdiğini değiştirebilir, bir arka plan resmi ekleyebilir, arka planı şeffaf hale getirebilir, rengini seçebilir, bir video oynatabilir, toplam boyutunu seçebilir, diğer oyuncular tarafından duraklatılıp duraklatılamayacağını, iç gölgesinin olup olmadığını belirleyebilirsiniz. , bir paralaks efekti kullanıyorsa ve özel CSS ayarlayın. Bu ayarı kullanarak aynı basit düzeni benzersiz hale getirebilirsiniz.

Aynı satırlar, modüller, içerik ve ayarlarla tamamlanan her bölümün bir klonunu da oluşturabilirsiniz. Elbette yeni bölümü istediğiniz gibi değiştirebilirsiniz.

Dört farklı bölüm türü vardır. Standart bir bölüm, tam genişlikte bir bölüm, özel bölüm ekleyebilir veya kütüphaneden ekleyebilirsiniz.

satırlar

satırlar

Yeni satırlar ekleyebilir ve mevcut satırları değiştirebilirsiniz. Sütunlar daha sonra, düzeninizi oluşturarak satırlara yerleştirilebilir.

sütunlar

sütunlar

Bu sütunlar modüllerin ekleneceği yerdir. Aralarından seçim yapabileceğiniz 11 farklı sütun düzeni vardır.

Özel Bölümler

Özel Bölümler

Ayrıca 9 özel sütun düzeni vardır. Bunlar, kenar çubukları için çeşitli seçenekler içerir.

Kitaplıktan Yükle

Kitaplıktan Yükle

Düzenleri önceden tanımlanmış 32 düzenden veya oluşturduğunuz düzenden yükleyebilirsiniz. Her biri değiştirilebilir. Düzenler, çeşitli sütunlar, ızgaralar, karuseller, yan çubuklar, ana sayfalar, mağazalar, kurumsal, portföyler, bloglar, bakım modu, çok yakında, açılış sayfası, satış sayfası, vaka çalışmaları, ürün özellikleri, hakkında sayfaları, iletişim sayfaları, alışveriş sayfaları ve daha fazlası.

Kitaplıktan Yükle 2

Sayfanız, satırlar yerleştirerek, sütunları bu satırlara yerleştirerek ve ardından modülleri bu sütunlara yerleştirerek oluşturulur. Yeni satırlar ekleyebilir, satırları sürükleyip bırakarak taşıyabilir veya satırları silebilirsiniz. Önceden hazırlanmış düzenler, bunları sizin için hazırladı. Ana Sayfa Temel'i seçtim ve bana bir kaydırıcı, başlık, dört tanıtım yazısı ve bir harekete geçirici mesaj içeren bir düzen verdi.

Modüller

Modüller

Modüller özel içerik türleridir (widget'lar gibi). Yeni modüller ekleyebilir, istediğiniz sırada sürükleyip bırakabilir veya silebilirsiniz. Ayrıca çeşitli içerik türleri de ekleyebilirsiniz. Dilediğiniz kadar modüle sahip olabilir ve bunları istediğiniz kombinasyonda kullanabilirsiniz. Aynı modülü kaç kez kullandığınızla sınırlı değilsiniz. Örneğin, haritalarla dolu bir ekran istiyorsanız, istediğiniz kadar harita modülü eklemeniz yeterlidir.

40 modül vardır:

  • Tam genişlikte Başlık
  • Tam genişlikte Menü
  • Tam genişlikte Kaydırıcı
  • Tam genişlikte Portföy
  • Tam genişlikte Harita
  • Tam genişlikte Kod
  • Tam genişlikte Görüntü
  • Tam genişlikte Gönderi Başlığı
  • resim
  • Galeri
  • Video
  • Video Kaydırıcısı
  • Metin
  • bulanık
  • Sekmeler
  • kaydırıcı
  • referans
  • Fiyatlandırma Tablosu
  • Eylem çağrısı
  • Ses
  • Üye olmak
  • Giriş yapmak
  • portföy
  • Filtrelenebilir Portföy
  • Bar Sayaçları
  • Daire Sayacı
  • Sayı Sayacı
  • Akordeon
  • aç/kapat
  • İletişim Formu
  • kenar çubuğu
  • bölücü
  • Kişi
  • Blog
  • Dükkan
  • Geri sayım saati
  • Harita
  • Sosyal Medya Takip
  • Yazı başlığı
  • kod

Bu, web siteniz için bazı ilginç düzenler ve özellikler oluşturabileceğiniz yeterince modüldür. Modüller Divi'nin güçlü yönlerinden biridir. Modülleri sütunlara yerleştirerek tam anlamıyla size özel bir düzen oluşturabilirsiniz. Modülleri kullanarak Divi, istediğiniz her tür siteyi oluşturmanıza izin verecektir.

Her modülün kendi ayarları vardır. Çoğunun bir düzenleyicisi, gelişmiş tasarım ayarları ve CSS ayarları vardır, böylece içeriklerini ekleyebilir ve görünümlerini ve hislerini değiştirebilirsiniz. İşte birkaç modüle ve özelliklerine bir bakış:

Metin

Metin

Metin size metin rengi ve yönü için temel düzenleyici ve seçimler, gelişmiş tasarım ayarları (genişlikler, yükseklikler, renkler, kenar boşlukları vb. için kaydırıcılar) ve özel CSS sağlar. Modüllerin çoğu bu veya benzeri özellikleri içerir.

bulanık

bulanık

Ne tür içerikler ekleyebileceğimi görmek için Blurb'a tıkladım. Burada ona bir başlık, URL verebilir, URL'nin nasıl çalıştığını belirleyebilir, bir simge verebilir, renkleri, yazı tiplerini, uzantıları seçebilir ve ardından standart TinyMCE düzenleyicisini kullanarak içerik ekleyebilirim. Gelişmiş tasarım ayarları, metin modülüyle aynı ayarları içerir, ancak ek bir görüntü ayarıyla.

Harita

Harita

Harita size normal harita olarak (arazili veya arazisiz) görüntüleyebileceğiniz veya uydu görünümünde (etiketli veya etiketsiz) görebileceğiniz güzel bir harita verir. Haritada belirli yerleri vurgulayabilmeniz için iğneler ekleyebilirsiniz. Sadece adresi yazın ve yeni pin eklemeyi seçin. Gelişmiş ayarlar size yüzde kontrolleri olan bir gri tonlamalı filtre sunar.

Blog

Blog

Blog modülü ilginç. Blog gönderilerini istediğiniz genişlikte tek bir sütuna yerleştirmenize olanak tanır. Bunu sevmemin nedeni, statik bir ön sayfaya sahip olmanız ve yine de seçtiğiniz belirli kategorilerdeki blog yazılarınızı görüntülemenizdir. İstediğiniz kadar gösterebilir ve bir alıntı, yazar adı, tarih, kategoriler, sayfalandırma, öne çıkan görsel, daha fazla oku düğmesi ve daha fazlasını gösterebilirsiniz. Bu ilginç bir dergi tarzı düzen oluşturacaktır. Metin modülüyle aynı gelişmiş tasarım ayarlarını içerir, ancak arka plan renkleri ve başlıklar için bazı ekstra ayarlar içerir.

Yazı başlığı

Yazı başlığı

Bu yeni modüllerden biridir. Gönderi başlığının görünümünü tasarlamanıza ve neyin dahil olup neyin olmadığını seçmenize olanak tanır. Gelişmiş tasarım özellikleri, arka plan rengi gibi birkaç ekstra ayar ile çoğunlukla metin modülüyle aynıdır.

Gönderi Başlığı 2

Yazı başlığı modülü için gelişmiş tasarım ayarlarına bir göz atın.

Divi'yi Normal Tema Olarak Kullanma

Divi'yi Normal Tema Olarak Kullanma

Elbette bu özelliklerden hiçbirini kullanmak zorunda değilsiniz. Divi'yi başka herhangi bir tema gibi kullanabilirsiniz. Basitçe epanelde istediğiniz ayarı seçin ve standart düzenleyiciyi kullanarak normal içerik oluşturun. Bu, olduğu gibi kullanmak için yeterince zarif, basit ve temiz bir web sitesi veya blog yapar.

Dil desteği

Dil desteği

Divi, 30'dan fazla dil için yerleşik desteğe sahiptir ve diğer dillere çevrilebilir. Bu, bir RTL dili etkinleştirildiğinde sağdan sola bile görüntülenen ön uç ve oluşturucuyu içerir.

Divi almak

Divi almak

Divi, ET'nin yıllık 69 ABD Doları tutarındaki Kişisel Planının bir parçasıdır ve tüm temalara erişim, sürekli güncellemeler, destek ve sınırsız kullanım içerir. Aboneliğinizi iptal ederseniz, ET'den indirdiğiniz her şeyi saklayabilirsiniz.

Bence Divi tek başına bu fiyata değer (özellikle bu çaptaki temaların çoğunun bundan daha pahalıya mal olduğunu düşündüğünüzde), ancak bunun 87 tema içerdiğini ve sayıldığını düşündüğünüzde, Elegant Themes'e en az bir yıl boyunca katılmak bir hayır- daha zeki

Yolun Ötesinde

ET'nin gündemindeki sonraki sürümler, Divi Builder eklentisi, Extra adlı aynı yapı öğelerini paylaşacak ancak dergi düzeni odaklı bir dergi teması ve ardından Divi 3.0. ET'nin Divi'nin ve Divi oluşturucu platformunun başarısına tamamen bağlı olduğu açıktır. Divi 2.4'ü gördüğüme göre Divi 3.0'daki iyileştirmeleri ve özellikleri hayal bile edemiyorum.

Divi Oluşturucu Eklentisi

Divi'nin bir dezavantajı, bir sayfa düzeni oluşturduğunuzda, sayfaları ve gönderileri yeniden oluşturmadan temaları değiştiremezsiniz. ET bunu, kullandığınız tema ne olursa olsun düzeni koruyan ücretsiz bir eklenti ile çözmüştür. ET'den bir tema kullanmasanız bile tüm düzenlerinizi ve modüllerinizi korursunuz. Bu eklenti yakında kullanılabilir olmalıdır.

Son düşünceler

Divi, karmaşık düzenler oluşturabilir ancak yine de kullanımı kolaydır. Büyük bir öğrenme eğrisi yoktur. Kolayca öğeler ekleyebilir ve bunları istediğiniz yere sürükleyip bırakarak kendi özel düzenlerinizi oluşturabilir ve kaydırıcılarla görünümlerini değiştirebilirsiniz. İstediğiniz kadar karmaşık veya basit olabilirler.

Düzeninizi istediğiniz şekilde elde etmek biraz zaman alabilir, ancak en azından düzenlerinizi şablon olarak kaydedebilir veya size çok fazla geliştirme süresi kazandırabilecek önceden hazırlanmış düzenleri kullanabilirsiniz. Gelişmiş stilde ayarlamalar yapmak her zamankinden daha kolay ve her ayarın bir geri alma düğmesi vardır, böylece hata yapma konusunda endişelenmenize gerek kalmaz. Divi ile yapılan siteler her cihazda etkileyici görünür ve hızlı yüklenir. Elegant Themes'ten Divi 2.4'ü şiddetle tavsiye ederim.

Divi Hakkında Daha Fazla Bilgi Edinin ve Buradan İndirin

Peki ya sen? Divi'yi denediniz mi? Deneyiminiz benimki gibi bir şey miydi? Ekleyeceğiniz bir şey var mı? Aşağıdaki yorumlarda bize bundan bahsedin.