kullanmayı düşünüyor Divi teması WordPress web siteniz için?
Uygulamalı Divi tema incelememizde, bu popüler çok amaçlı WordPress temasının ihtiyaçlarınıza uygun olup olmadığına karar vermenize yardımcı olacağım.
Divi’nin özel bir WordPress sitesi oluşturmanıza nasıl yardımcı olduğunu ve alışkın olabileceğiniz daha geleneksel WordPress temalarından nasıl farklı olduğunu açıklayarak başlayacağım.
Ardından, performansı ve WordPress görsel tasarım alanında nasıl biriktiği hakkında bazı düşünceler de dahil olmak üzere Divi temasına uygulamalı bir bakış atacağım.
Sonunda, Divi’nin siteniz için uygun olup olmadığını veya başka bir WordPress oluşturucu aracı kullanmanın daha iyi olup olmayacağını bilmelisiniz.
Hadi kazalım…
Divi teması nasıl çalışır?
Sırasında Divi bir WordPress temasıdır, alışık olabileceğiniz bir WordPress teması değildir. Divi, tek bir “görünüm” veya küçük bir içe aktarılabilir demo site seçimi sunmaktan ziyade, kendi benzersiz sitenizi oluşturmak için kullanabileceğiniz bir “tasarım platformu”dur.
Size kendi özel sitenizi tasarlama yeteneği vermek için Divi teması, kendi görsel, sürükle ve bırak oluşturucusu olan Divi Builder ile birlikte gelir. Divi tema incelememizde daha sonra daha fazla ayrıntıya girecek olsak da, şöyle bir şeye benziyor:
Not: Divi Builder’ın herhangi bir WordPress temasıyla kullanmanıza izin verecek bağımsız bir eklenti sürümünü de indirebilirsiniz..
Divi Builder’ı ne kadar esneklik istediğinize bağlı olarak, oluşturmak için kullanabilirsiniz. Tümü veya bazı web sitenizden.
Divi temasını kullanmanın en kolay yolu, başlığınızı, blog yazısı düzenlerini vb. yönetmek için temanın ayarlarını kullanmaktır. Ardından, ana sayfanız, hakkında sayfanız, iletişim sayfanız vb. gibi önemli sayfaları tasarlamak için Divi Builder’ı kullanabilirsiniz.
Ancak, Divi’nin tema seçenekleriyle kendinizi sınırlanmış hissederseniz, Divi ayrıca tam tema oluşturma Divi 4.0’dan.
Tema oluşturma, sitenizin ve tema şablonlarınızın %100’ünü tasarlamak için görsel, sürükle ve bırak Divi Builder’ı kullanmanızı sağlar. Dilerseniz kendi özel şablonlarınızı oluşturabilirsiniz…
- Başlık
- Altbilgi
- Blog yazısı şablonu
- Blog listesi şablonu
Bu, temel olarak, tek bir kod satırına bakmak zorunda kalmadan sitenizin %100’ünü tasarlamak için Divi’nin görsel tasarım arayüzünü kullanabileceğiniz anlamına gelir. Hatta Divi Builder ile kendi temanızı sıfırdan oluşturabilirsiniz.
Ve yine, Divi ile ilgili benzersiz olan şey, size iki sitenizi oluşturmak için yollar:
- Divi’yi, temel bilgilerinizi düzenlemek için tema ayarlarını kullandığınız ve ardından önemli gönderileri ve sayfaları tasarlamak için Divi Builder’ı kullandığınız geleneksel bir tema gibi kullanabilirsiniz.
- Divi’yi, sitenizin tamamını sıfırdan tasarlamanıza izin veren bir tema oluşturucu eklentisi olarak kullanabilirsiniz.
Divi ile ne tür siteler oluşturabilirsiniz?
Divi’nin bu kadar popüler olmasının bir başka nedeni de, onu kelimenin tam anlamıyla her türden web sitesi oluşturmak için kullanabilmenizdir.
Bir blog, portföy sitesi, küçük işletme sitesi, e-Ticaret mağazası veya başka herhangi bir şey oluşturuyor olun, Divi işi halledebilir.
Divi Builder arayüzü – içeriği böyle tasarlarsınız
Bir sonraki bölümde Divi temasının bazı özelliklerini vurgulayacağım, ancak Divi Builder arayüzüne genel bir bakışla başlamamız gerektiğini düşünüyorum.
Öncelikle Divi Builder arayüzünü kendiniz deneyimlemek istiyorsanız, sadece bu linke tıklayın. Zarif Temalar (Geliştirici), doğrudan tarayıcınızda deneyebileceğiniz herkese açık bir demo sunar. Herhangi bir şey için kaydolmanız veya herhangi bir şey yüklemeniz gerekmez. Bağlantıya tıklamanız yeterlidir ve Divi Builder’ı hemen kendiniz deneyimleyebilirsiniz.
Divi Builder’ın lansmanı
Divi Builder’ı normal WordPress düzenleyiciden bir düğmeye tıklayarak başlatabilirsiniz:
Başlattıktan sonra, tasarımınızı başlatmak için üç seçenek göreceksiniz:
Bu örnek için sıfırdan bir şey yapacağım ama şablonlara daha sonra geri döneceğim.
Divi Builder’ı Kullanma
Tasarımlarınızı oluşturmak için üç temel öğe kullanırsınız:
- Satırlar – bunlar en düşük seviyeli unsurlardır. Bu, tasarımınızı birkaç yatay bölüme ayırmanıza olanak tanır.
- Sütunlar – bunlar sıralar halinde gider. Bir satırı birden çok dikey bölüme, AKA sütunlarına bölmenize izin verirler. Tam genişlikte bir satır oluşturmak için bir sütun kullanabilir veya bir satırı birden çok sütuna bölebilirsiniz.
- modüller – sütunlara yeni içerik eklemenizi sağlar. Metin, başlıklar, resimler, düğmeler, formlar ve çok daha fazlası için modüller alırsınız.
Başlangıçta, Divi arayüzü her şeyi gizler ve size yalnızca tasarımınızın tam ekran önizlemesini sunar. Yeni satırlar, sütunlar veya modüller eklemek için tasarımınızın üzerine gelin ve düğmeleri ortaya çıkarın:
Bu yaklaşımı beğenip beğenmediğinizi düşünüyorum. Şahsen, faremi tasarımın üzerine getirdiğimde normal düğmelerin görünmesini zor bulduğum için Elementor’un sabit kenar çubuğu arayüzünü tercih ediyorum. Ancak, tasarımınızın tam genişlikte bir önizlemesini aldığınız için birçok kişinin Divi’nin yaklaşımını tercih ettiğini biliyorum.
Gerçekten sadece kişisel tercihe bağlı. Kişisel olarak Divi’nin arayüzünü beğenmemem onun kötü olduğu anlamına gelmez; bu sadece benim kişisel tercihimin sabit bir kenar çubuğu arayüzüne sahip olmak olduğu anlamına geliyor.
Tasarımınızdaki metni düzenlemek için metne tıklamanız ve bir Word belgesinde çalışıyormuş gibi yazmanız yeterlidir.
Diğer her şey, ayarlar açılır penceresini açmanızı gerektirir. Ayarlar açılır penceresi tamamen özelleştirilebilir ve sayfada herhangi bir yere sürükleyebilirsiniz. Veya bir kenar çubuğuna dönüştürmek için sayfanın kenarına da sabitleyebilirsiniz:
İşte Divi’de bir tasarım oluşturmanın temelleri:
- Satırları, sütunları ve modülleri kullanarak içerik ekler ve konumunu belirlersiniz.
- Satırlar, sütunlar ve modüller için açılır ayarlar penceresini kullanarak tasarımınızı şekillendirirsiniz.
Daha verimli çalışmanıza yardımcı olacak kullanışlı özellikler
Artık Divi Builder’ın temellerini öğrendiğinize göre, Divi’nin daha etkili tasarım yapmanıza yardımcı olmak için sunduğu kullanışlı arayüz özelliklerinden bazılarına göz atalım.
İlk olarak Divi, tasarımlarınızı farklı cihazlarda görüntülemenizi ve cihaza özel stil değişiklikleri yapmanızı sağlayan hızlı yanıt veren tasarım düzenleme modları sunar:
Tasarımlarınızın tümü varsayılan olarak duyarlıdır, ancak gerektiğinde ekstra kontrole sahip olmak güzeldir.
Bir diğer çok kullanışlı özellik ise tam sağ tıklama desteğidir. Herhangi bir şeye sağ tıklamak, tüm öğeleri veya yalnızca stil ayarlarını kopyalayıp yapıştırma yeteneği de dahil olmak üzere tam bir eylem paneli açar:
sen de bir tane al Katmanlar tasarımınıza ayak uydurmak için öğeleri yeniden adlandırmak da dahil olmak üzere sayfanızı üst düzeyde görüntülemenizi sağlayan araç:
Daha da soyut bir görünüm için tam bir tel kafes modu da vardır.
Son olarak, geri al/yinele ve tam bir düzenleme geçmişi gibi faydalı özelliklere de sahip olursunuz:
Genel olarak, Divi Builder, Divi’nin popülaritesinin çoğunu açıklayan kesinlikle WordPress için en güçlü görsel oluşturuculardan biridir.
Divi temasının ana özelliklerini keşfedin
Divi Builder, Divi temalı deneyimin özü olsa da keşfedilmeye değer başka birkaç önemli alan daha var.
Tamamen temalı bina
Divi 4.0’da, Divi kullanıcıları yeni ve güçlü bir özelliğe erişim kazandı: tema oluşturma için tam destek.
Normal Divi Builder, gönderiler ve sayfalar için özel tasarımlar oluşturmanıza olanak tanır, ancak tema şablon alanlarınıza dokunamazsınız. Divi’nin tema yapısı, temanızın şablonlarını tasarlamak için aynı Divi Builder arayüzünü kullanmanıza izin verecek şekilde değişir:
Bunu daha net hale getirmek için, normal Divi Builder ile tema oluşturma arasındaki fark şu şekildedir:
- Düzenli Divi Oluşturucu – tek bir blog gönderisi için tasarım oluşturun.
- Bina teması – tüm blog gönderilerinizin varsayılan olarak kullandığı şablonu oluşturun.
Tema şablonlarınızı tasarlamak için tamamen aynı görsel oluşturucuyu kullanırsınız. Temel fark, WordPress sitenizden dinamik bilgi alabilmenizdir.
Örneğin, bir gönderi başlığı için statik metin eklemek yerine, yalnızca Gönderi Başlığı modülünü ekleyebilirsiniz ve Divi otomatik olarak her blog gönderisinin başlığını ekler:
Burada birkaç yararlı şey daha var:
- Gelişmiş Özel Alanlar (ACF), Araç Seti veya Bölmeler gibi eklentileri kullanarak eklediğiniz özel alanlardan da dinamik içerik ekleyebilirsiniz.
- Belirli şablonların ne zaman kullanılacağını belirlemek için görüntüleme koşullarını kullanabilirsiniz. Örneğin, bir kategorideki blog gönderileri için bir şablon ve başka bir kategorideki blog gönderileri için başka bir şablon oluşturabilirsiniz.
Örneğin, belirli şablonların nerede kullanılacağını belirlemek için uygulayabileceğiniz tüm koşullu kurallar şunlardır:
Divi Şablon Kitaplığı – binlerce önceden oluşturulmuş düzen
Divi size sıfırdan tamamen özel tasarımlar oluşturma yeteneği verse de potansiyel bir sorun vardır:
Tasarımcı değilseniz, işe boş bir tuvalle başlarsanız harika tasarımlar yaratmanız zor olabilir.
Bununla başa çıkmak için Divi, aşağıdakileri içeren kesinlikle büyük bir şablon kitaplığıyla birlikte gelir: 1.714’ün üzerinde ithal edilebilir farklı tasarım.
Bu 1.714’ten fazla tasarım, 233’ten fazla “düzen paketi” halinde gruplandırılmıştır. Düzen paketi, tümü belirli bir site etrafında temalı olan bir grup şablondur. Örneğin, “Restoran” yerleşim paketi, ana sayfa, menü, iletişim sayfası vb. için şablonlar içerir.
Tek yapmanız gereken şablonu içe aktarmak, içeriğini sitenize uyacak şekilde düzenlemek ve profesyonel görünümlü bir tasarıma sahip olacaksınız. Temel olarak, boş bir tuval üzerine resim çizmek yerine, çocukken yaptığınız gibi çizgileri renklendirebilirsiniz.
Dahil edilen şablonlara ek olarak, kendi tasarımlarınızı da şablon olarak kaydedebilir, böylece daha sonra tekrar hızlı bir şekilde kullanabilirsiniz.
Divi teması ve özelleştirici seçenekleri
Birçok Divi özelliği ile Divi’nin bir tema ve bir değil Eklenti. Şimdiye kadar size gösterdiğim tüm özellikler, faydasını göreceğiniz türden özelliklerdir. eklentiler Elementor Pro ve Beaver Builder gibi.
Bununla birlikte Divi dır-dir bir tema ve bu nedenle, yerel WordPress tema özelleştiricisindeki ayarlarla birlikte kendi tema seçenekleri alanıyla birlikte gelir.
Tema oluşturuyorsanız, tema şablonlarınızı sıfırdan tasarladığınız için bunları kullanmanıza gerek olmayabilir. Ama eğer sen değiller temalar oluşturarak, sitenizin temel tasarım öğelerini yapılandırmak için bunlara güvenirsiniz:
Divi teması performans değerlendirmesi: eskisinden çok daha iyi
Bir WordPress görsel oluşturucu eklentisi veya teması kullandığınızda, her zaman yerel WordPress editörünü kullanmak yerine web performansının bir kısmını feda edersiniz. Bununla birlikte, performans söz konusu olduğunda bazı inşaatçılar diğerlerinden daha iyi veya daha kötüdür.
Performans söz konusu olduğunda Divi uzun süredir kötü bir üne sahip (ve haklı olarak, adil olmak).
Ancak iyi haber şu ki, Divi ekibi Bilmek bu ve 2021’de ağırlıklı olarak performans optimizasyonlarına odaklandı ve birden çok sürüm, öncelikle performansa odaklandı.
Bölüm 4.8 (Ocak 2021’de yayınlandı) dahil bazı büyük arka uç performans iyileştirmeleri bu, düzenleme deneyiminde gözle görülür bir gelişme sağladı. Divi ekibi, birçok düzenleyici işlemini %100-700 oranında hızlandırdığını söyledi ve bu güncellemeden sonra arayüzün daha hızlı olduğunu kesinlikle fark edebiliyordum.
Ardından Divi 4.10 (Ağustos 2021’de yayınlandı) ön uç performans optimizasyonu ele alındı. Bu güncelleme, kullanılmayan CSS ve JavaScript’i ortadan kaldırarak ve yalnızca her sayfa için tam olarak gerekenleri yükleyerek Divi web siteleriyle ilişkili şişkinliği önemli ölçüde azalttı (diğer değişiklikler arasında).
Bazı Divi tasarımlarının performansını test ederken kesinlikle büyük gelişmeler fark ettim. Örneğin, Divi Builder ve Divi temasını kullanarak basit bir tasarım oluşturdum ve yalnızca 13 HTTP isteği ve 200 KB dosya boyutu vardı, bu geçmişe göre çok çok daha düşük.
Yani Divi şüphesiz eskiden diğer sayfa oluşturuculara kıyasla şişirilmiş, bu son değişiklikler sayesinde aslında bu alandaki diğer araçlarla olumlu bir şekilde karşılaştırılıyor.
Bununla birlikte, web performansının mutlak bir hayranıysanız, gibi bir oluşturucuyla daha da mutlu olabilirsiniz. Oksijen (Oxygen, Divi kadar yeni başlayanlar için uygun olmasa da).
Divi temalarının fiyatları
Divi temasına yalnızca, tüm Elegant Themes ürünlerine tek fiyatla erişmenizi sağlayan Elegant Themes üyeliği kapsamında erişebilirsiniz.
Divi, büyük bir farkla en değerli Elegant Themes ürünüdür, bu yüzden onu alamıyorsunuz. bu kadar Divi dışında ekstra değer.
Bununla birlikte, Divi Builder’ın eklenti sürümünün yanı sıra diğer iki eklentiye de erişebilirsiniz: E-posta katılımları için Bloom ve sosyal medya paylaşım/takip düğmeleri için Monarch. Her iki eklenti de kendi alanlarını doldurmaz, ancak her ikisi de üçüncü taraf eklentileri satın alma ihtiyacını ortadan kaldırabilen yetenekli eklentilerdir.
Elegant Themes’e katılmak için iki fiyatlandırma seçeneği vardır. Her iki seçenek de kullanıma izin verir sınırsız sayıda site:
- Yıllık erişim – Yılda 89 dolar. İlk yıldan sonra, destek ve güncellemeleri almaya devam etmek için yenilemeniz gerekir. Divi teması ve eklentileri çalışmaya devam edecek – herhangi bir yeni güncelleme almayacaksınız.
- Ömür boyu erişim – 249 dolar bir kere. Bir daha asla ödeme yapmak zorunda kalmadan ürünlere, güncellemelere ve desteğe ömür boyu erişim elde edersiniz.
Planlar arasındaki başabaş noktası yaklaşık iki yıl dokuz aydır. Divi’yi daha uzun süre kullanacağınızı düşünüyorsanız ömür boyu erişim elde edin.
Emin değilseniz her zaman yıllık erişimle başlayabilirsiniz. Elegant Themes ile ömür boyu erişime geçebilir ve sadece aradaki farkı ödeyebilirsiniz.
Divi tema desteği
Aktif bir Elegant Themes üyesi olduğunuz sürece, Divi ve diğer tüm Elegant Themes ürünlerinde size yardımcı olacak özel destek alacaksınız.
Resmi destek açısından 7/24 canlı sohbet desteği alırsınız. Bir WordPress teması için Elegant Themes’in iyi bir desteği olduğunu söyleyebilirim. Bununla birlikte, yıllık 89 ABD dolarına mal olan bir üründen bekleyebileceğiniz destek düzeyi konusunda makul beklentileriniz olmalıdır.
Ancak Divi çok popüler olduğu için resmi olmayan topluluk desteği almak da kolaydır. Örneğin, resmi Divi Tema Kullanıcıları Facebook grubu 69.000’den fazla üyesi vardır ve sorunları çözmenize veya Divi’yi daha verimli kullanmanıza yardımcı olmaya istekli insanlarla doludur.
Divi temasıyla ilgili son düşünceler
Başta da söylediğim gibi Divi’yi sadece bir “WordPress teması” olarak düşünmenin mantıklı olduğunu düşünmüyorum. Bunun yerine, “hepsi bir arada bir WordPress yazma platformu” olarak düşünün.
Divi, bazılarını tasarlamak için görsel, sürükle ve bırak düzenleyici kullanmanıza izin verir. veya hepsi WordPress sitenizin – sıfır kod veya teknik bilgi gerekli.
2021’de Divi ekibi, Divi’nin performansını temizlemek için çok çaba sarf ederek hem arka uç hem de ön uç performansında dikkate değer iyileştirmeler sağladı. Bu, benim ve diğerlerinin Divi’ye yönelik en büyük eleştirilerinden birini düzeltiyor, bu yüzden çok hoş bir değişiklik.
Genel olarak, Divi çok iyi bir WordPress görsel tasarım aracıdır.
“en iyisi” mi? Sanırım bu gerçekten kişisel görüşe bağlı. Kesinlikle bu unvan için yarışıyor. Birçok insan Divi’ye yemin etse de, Elementor Pro’yu (incelememiz), Beaver Builder’ı, Brizy Pro’yu seven birçok insan da var. Oksijenve diğer benzer araçlar.
Ancak, Divi performans sorunlarını çözdüğüne göre, onu tavsiye etmekten hiçbir şey beni alıkoyamaz. Yani – Divi arayüzünü beğendiyseniz, bence kesinlikle Divi temasını (veya hatta bağımsız Divi Builder eklentisini) düşünmelisiniz. Yine, burada canlı bir demo deneyebilirsiniz.
Ancak, eğer yapamaz arayüz gibi, o zaman yukarıda bahsettiğim diğer araçlardan biriyle oynamanız gerekebilir, çünkü hepsi de harika seçeneklerdir.
