Divi Builder ve Elementor Pro: Bire Bir Karşılaştırma

Divi Builder ve Elementor, piyasadaki en iyi WordPress sayfa oluşturucu eklentilerinden ikisidir. Daha genç olmasına rağmen, Elementor'un Divi Builder'dan daha fazla kullanıcısı var. Ancak, sayı her zaman bir standart olamaz. Muhtemelen Elementor'da bulunmayan veya tam tersi olan bazı Divi Builder özellikleri vardır. Bu yazıda, bu sayfa oluşturucuların tüm yönlerini karşılaştıracağız. Özelliklerden, tasarım yaklaşımından fiyatlandırmaya.

Burada tecrübelerimize dayanarak objektif olacağız.

Divi Builder ve Elementor Pro: Genel Bakış

Divi Builder'ın aksine Elementor, ücretsiz bir sayfa oluşturucudur. Bu, daha az özelliğe sahip olmasına rağmen ücretsiz olarak kullanabileceğiniz anlamına gelir. Burada karşılaştıracağımız Elementor versiyonu pro versiyonudur.

Divi Builder ve Elementor Pro'nun birkaç ortak noktası vardır. Örneğin, hem yazılarda hem de sayfalarda çalışırlar. Ayrıca herhangi bir WordPress temasında da kullanılabilirler. Divi Builder ve Elementor da önceden hazırlanmış şablonlar sunar ve kodlama olmadan bir WordPress teması oluşturmanıza olanak tanır.

Divi Builder ve Elementor Pro: Kullanıcı Arayüzü

Hem Divi Builder hem de Elementor, kodlama olmadan güzel bir web sayfası oluşturmanıza olanak tanıyan bir sürükle ve bırak görsel arabirimiyle birlikte gelir. Ancak, farklı bir yaklaşım kullanırlar.

# Divi Oluşturucu

Divi Builder'ı bir gönderide veya sayfada kullanabilirsiniz. Divi Builder düzenleyicisine erişmek için Gutenberg düzenleyicisinin üst tarafında görünen Divi Builder'ı Kullan düğmesini tıklayabilirsiniz. Düzenleyici gerçekten açılmadan önce, sıfırdan mı, bir şablondan mı yoksa mevcut bir sayfayı klonlayarak mı bir sayfa oluşturacağınız sorulacak. Seçiminizi yaptıktan sonra Divi Builder'ın gerçek arayüzünü göreceksiniz.

Sıfırdan bir sayfa oluşturursanız, Divi Builder varsayılan bir bölüm sağlar. Yeni bir bölüm eklemek için mavi artı simgesine tıklayabilirsiniz. Artı simgesinden bahsetmişken, Divi Builder düzenleyicisinde göreceğiniz üç artı simgesi vardır:

• Mavi artı simgesi: Yeni bir bölüm eklemek için
• Yeşil artı simgesi: Yeni bir satır eklemek için
• Gri artı simgesi: Yeni bir modül eklemek için

Divi Builder'ın alt tarafında, düzen kitaplığını açmak, bir düzeni dışa/içe aktarmak, sayfayı yayınlamak, sayfayı bir taslakta kaydetmek vb. için çeşitli menü öğelerini barındıran bir panel vardır. Divi Builder'ın kendisi üç etkileşim modu sunar: Hover Modu, Tıklama Modu ve Izgara Modu. Alt panelin en solundaki üç nokta simgesine tıklayarak etkileşim modunu değiştirebilirsiniz. Varsayılan olarak, etkileşim modu Hover Modu olarak ayarlanmıştır.

Divi Builder'ı kullanırken, açılır pencerelere aşina olmanız gerekir. Her yeni modül eklemek istediğinizde veya bir modül, satır veya bölüm üzerinden ayarları yapmak istediğinizde bir açılır pencere göreceksiniz.

Aşina olmanız gereken başka bir şey de işleyicidir. Divi Builder'daki (bölüm, satır ve modül) her öğenin bir işleyicisi vardır. Ayarlar açılır penceresine erişmek, kitaplığı yüklemek, öğeyi çoğaltmak, öğeyi silmek ve diğer birçok şey için işleyicileri kullanabilirsiniz.

Divi Builder'da göreceğiniz üç işleyici vardır:

• Mavi tutamaç: bir bölümü kontrol etmek için
• Yeşil tutamaç: bir satırı kontrol etmek için
• Gri tutamaç: bir modülü kontrol etmek için

# Elementor Pro

Divi Builder'ın aksine, Gutenberg editöründe Edith with Elementor düğmesine tıkladığınızda doğrudan Elementor editörüne yönlendirileceksiniz. Sayfayı bir şablondan oluşturmak istiyorsanız, tuval alanındaki klasör simgesini tıklamanız yeterlidir.

Elementor, Divi Builder'dan farklı bir yaklaşım kullanır. Açılır pencereler yerine Elementor, ekranın sol tarafında bulabileceğiniz sabit, gizlenebilir bir panel kullanır (bu panel de yeniden boyutlandırılabilir). Bu panel, Elementor'un widget'larını (tasarım öğeleri) barındırır. Yeni bir bölüm, sütun veya widget ekledikten sonra bu panel otomatik olarak ayarlar paneline dönüşecektir.

Bu panelden sayfanızda da bazı ayarlar yapabilirsiniz. Sayfa düzenini ayarlamak ve başlığı değiştirmek gibi. Ayar sayfası seçeneklerini açmak için panelin alt tarafındaki dişli simgesine tıklayabilirsiniz.

Yeni bir widget eklemek için, eklemek istediğiniz widget'ı sol panelden tuval alanına sürüklemeniz yeterlidir.

Elementor, kullanışlı bir Navigator özelliğine sahiptir. Bu özellik, bölümler, sütunlar ve widget'lar arasında kolayca geçiş yapmanızı sağlar. Her bölümde çok sayıda widget bulunan çok sayıda bölümden oluşan bir sayfa üzerinde çalışıyorsanız bu çok yararlıdır.

Dürüst olmak gerekirse, Elementor tarafından benimsenen yaklaşım Divi Builder'dan daha iyi bir kullanıcı deneyimi sunuyor. Açılır pencere olmadan daha temiz bir tuvaliniz olur.

Divi Builder ve Elementor Pro: Tasarım Öğeleri

Tasarım öğeleri, sayfa oluşturucu eklentisi bağlamında yeterince önemlidir. Genel olarak Divi Builder ve Elementor tarafından sunulan tasarım öğeleri çok farklı değildir. Ancak, aynı işlevlere sahip öğeler için farklı bir ad kullanabilirler.

# Divi Oluşturucu

Divi Builder tarafından sunulan üç tasarım öğesi vardır:

• Bölüm: Satırları ve modülleri barındıracak en büyük kapsayıcı
• Satır: Modülleri yerleştirmek için. Yeni bir satır eklerken sayfanızı dikey olarak bölmek için sütun düzenini seçebilirsiniz. Divi Builder tarafından sunulan yaklaşık 20 sütun düzeni vardır.
• Modül: Sayfanızı oluşturmak için kullanacağınız gerçek tasarım öğesi.

Divi Builder yaklaşık 38 modül sunar.

Akordeon	E-posta Seçeneği	Fiyatlandırma Tabloları
Ses	Filtrelenebilir Portföy	Arama
Bar Sayaçları	Galeri	Dükkan
Blog	resim	kenar çubuğu
bulanık	Giriş yapmak	kaydırıcı
Buton	Harita	Sosyal Medya Takip
Eylem çağrısı	Menü	Sekmeler
Daire Sayacı	Sayı Sayacı	referans
kod	Kişi	Metin
Yorumlar	portföy	aç/kapat
İletişim Formu	Navigasyon gönderisi	Video
Geri sayım saati	Gönderi Kaydırıcısı	Video Kaydırıcısı
bölücü	Yazı başlığı

Daha fazla modüle ihtiyacınız varsa, bir eklenti yükleyebilirsiniz.

# Elementor Pro

Divi Builder ile aynı şekilde, Elementor da üç öğe sunar.

• Bölüm: Sütunları ve pencere öğelerini barındıran en büyük kapsayıcı. Elementor, farklı sütun yapılarına sahip önceden tanımlanmış bölümler sunar.
• Sütun: Widget'ları yerleştirmek için. Elementor, bir bölümün içindeki mevcut bir sütuna yeni bir sütun eklemenizi sağlar.
• Widget: Divi Builder'daki modüllerle aynı. Sadece farklı bir isim.

Elementor, Divi Builder'dan çok daha fazla widget sunar. Pro sürümü ile 90'dan fazla widget'ınız var. İşte Elementor Pro tarafından sunulan bazı önemli widget'lar.

Gönderiler	incelemeler	Gezinti Menüsü
portföy	geri sayım	Arama Formu
Slaytlar	Düğmeleri Paylaş	Site Haritası
Form	blok alıntı	Yazı başlığı
Giriş yapmak	Facebook Düğmesi	Gönderi Alıntı
Hareketli Başlık	Facebook Yorumları	Özellikli resim
Fiyat listesi	Facebook Yerleştirme	Yazar Kutusu
Fiyat Tablosu	Facebook Sayfası	Yorum göndermek
Çevirme Kutusu	Şablon	Navigasyon gönderisi
Eylem çağrısı	Site Logosu	Gönderi Bilgileri
Medya Karusel	Site Başlığı
Referans Döngüsü	Sayfa başlığı

Divi Builder ile aynı şekilde, Elementor eklentilerini yükleyerek de daha fazla widget alabilirsiniz.

Bir Elementor eklentisi edinmek, Divi Builder'dan daha kolay olma eğilimindedir. TemplateMonster ve WPDeveloper gibi pazaryeri platformları, premium Elementor eklentileri satar.

Divi Builder ve Elementor Pro: Özellikler Karşılaştırması

Elementor Pro'da bulunan ve Divi Builder'da bulunmayan bir özellik vardır: Popup Builder. Bu özellik ile kayan bir form, kayan bir banner gibi çekici bir menüye aşağıdaki gibi şeyler oluşturabilirsiniz.

Bunun dışında Divi Builder ve Elementor Pro tarafından sunulan özellikler temelde çok farklı değil.

Bu bölümde Divi Builder ve Elementor Pro tarafından sunulan iki ana özelliği karşılaştıracağız.

# Tema Oluşturucu

• Divi Oluşturucu

Bilmiyorsanız diye. Divi Builder daha önce yalnızca Elegant Themes tarafından geliştirilen temalar için mevcuttu: Divi (sadece “Divi”) ve Extra. Ekim 2019'da yayınlanan 4.0 sürümünden önce Divi Builder'da Tema Oluşturucu özelliği yoktu.

Divi Builder'ın Tema Oluşturucu özelliği, aşağıdakiler dahil olmak üzere temanızın özel öğelerini oluşturmanıza olanak tanır:

• başlık
• altbilgi
• Tek gönderi şablonu
• 404 sayfa
• Kategori sayfası
• Arama sonuçları sayfası

Belirli sayfalar, belirli gönderiler, belirli kategoriler altındaki gönderiler, belirli etiketlere sahip gönderiler vb. için özel bir öğe oluşturabilirsiniz. Divi Builder'da, siz öğeyi oluşturmaya başlamadan önce görüntüleme koşulları önceden ayarlanır.

• Elementor Pro

En başından beri Elementor, Divi Builder gibi belirli temalar yerine genel bir sayfa oluşturucu olarak tasarlanmıştır. Tema Oluşturucu, eklentinin 2016'da piyasaya sürülmesinden bu yana Elementor Pro'nun varsayılan bir özelliği olmuştur.

Elementor Pro'nun Tema Oluşturucu özelliği, aşağıdakiler dahil temanızın özel öğelerini oluşturmanıza da olanak tanır:

• başlık
• altbilgi
• Tek gönderi şablonu
• 404 sayfa
• Kategori sayfası
• Arama sonuçları sayfası

Elementor'da, şablon oluşturmayı bitirdikten sonra görüntüleme koşulları belirlenir. Elementor, görüntüleme koşulu ayarı açısından daha iyi esneklik sunar. Başlık şablonu gibi tek bir şablonun birden çok görüntüleme koşulu olabilir. Örneğin, web sitenizdeki yalnızca iki gönderi için bir başlık şablonu uygulayabilirsiniz. Ayrıca, belirli sayfalar veya gönderiler için bir şablonu hariç tutabilirsiniz.

Elementor ayrıca oluşturmak istediğiniz her özel tema öğesi için önceden hazırlanmış şablonlar sunar. Aynı şey Divi Builder tarafından sunulmaz. Divi Builder, yazma sırasında yalnızca sayfalar için şablonlar sunar.

# Şablon Kitaplığı

• Divi Oluşturucu

Bilmen gereken bir şey var. Divi Builder'ın geliştiricisi Elegant Themes, "şablon" yerine "düzen" terimini kullanır. Divi Builder, kaydedilmiş tüm düzenlerinize erişmenizi sağlayan bir Divi Kitaplığı ile birlikte gelir. Divi Builder, bir bölüm, bir satır veya bir modül olsun, özelleştirdiğiniz bir tasarım öğesini Global bir öğe olarak Kitaplığa kaydetmenize olanak tanır. Web sitenizdeki farklı sayfalarda (içinde özelleştirdiğiniz) modülleri sık sık kullanıyorsanız bu harikadır.

Kütüphaneye kaydettiğiniz elemanlara yeni eleman eklemek istediğinizde ulaşabilirsiniz. Her yeni bölüm, satır veya modül eklemek istediğinizde, görünen açılır pencerede Kitaplıktan Ekle sekmesine tıklamanız yeterlidir.

Divi -> Divi Library'ye giderek tüm kayıtlı öğelerinizi görebilirsiniz. Bunları iyi organize etmek için Divi Builder, kayıtlı öğelerinizi yönetmek için kategoriler oluşturmanıza olanak tanır.

Divi Builder'ın kendisi de önceden hazırlanmış düzenler sunar. Ne yazık ki, düzenler yalnızca sayfalarla sınırlıdır. Bloklar, üstbilgi, altbilgi veya tek gönderi için önceden hazırlanmış düzenler yoktur. Toplamda Divi Builder tarafından sunulan 1.000'den fazla sayfa düzeni vardır.

Neredeyse unut. Divi Builder, bir sayfa düzenini JSON biçiminde harici bir dosyaya aktarmanıza olanak tanır.

• eleman

Elementor ayrıca özelleştirilmiş öğeleri yinelenen kullanım için kaydetmenize olanak tanıyan bir Kitaplık özelliğiyle birlikte gelir. Elementor'da bir bölümü blok olarak kaydedebilirsiniz. Ayrıca, özelleştirdiğiniz bir pencere öğesini global bir pencere öğesi olarak kaydedebilirsiniz. Templates -> Saved Templates'e giderek kaydettiğiniz tüm öğeleri görebilirsiniz.

Elementor ayrıca hazır şablonlar sunar. Divi Builder'ın aksine, Elementor tarafından sunulan şablonlar yalnızca sayfa şablonlarıyla sınırlı değildir. Elementor, neredeyse tüm öğeler için şablonlar sunar. Üstbilgi şablonlarından, altbilgi şablonlarından, tek gönderi şablonlarından, 404 sayfa şablonlarından. Elementor, blok şablonları bile sunar.

Elementor ayrıca bir şablonu harici bir dosyada JSON biçiminde dışa aktarmanıza olanak tanır.

Fiyatlandırma Seçenekleri

Bir kez daha. Elementor, ücretsiz bir eklentidir, yani ücretsiz olarak kullanabilirsiniz. Ancak Elementor'un ücretsiz sürümünü kullanmak, yalnızca Elementor'un yüzey alanına dokunmanıza izin verir. Profesyonel sürüm, Tema Oluşturucu, Açılır Pencere Oluşturucu, profesyonel widget'lar, profesyonel şablonlar ve benzeri özelliklere erişmenizi sağlar. Öte yandan, Divi Builder, ücretsiz sürümü sunulmayan premium bir eklentidir.

# Divi Oluşturucu

Elegant Themes iki satın alma seçeneği sunar. İlk olarak, yıllık 89$'a ücretli abone olarak Divi Builder'a sahip olabilirsiniz. Alternatif olarak, Divi Builder'ı tek seferlik satın alma ile 249 $ karşılığında alabilirsiniz.

Divi Builder'ın kendisi ayrı bir ürün olarak satılmaz. Bunun yerine Elegant Themes tarafından geliştirilen diğer ürünlerle birlikte gelir. Ücretli abone olduktan sonra Elegant Themes'in geliştirdiği tüm ürünlere aşağıdaki şekilde erişebileceksiniz:

• Divi (sadece “Divi”. Bu bir WordPress temasıdır)
• Ekstra (ayrıca bir WordPress teması)
• Divi Oluşturucu
• Monarch (sosyal medya eklentisi)
• Bloom (e-posta katılım eklentisi)

Elegant Themes, ürünlerini kullanabileceğiniz sitelerin sayısını sınırlamaz. Yani Divi Builder'ı abone olduktan sonra istediğiniz kadar sitede kullanabilirsiniz.

# eleman

Divi Builder'ın aksine Elementor yalnızca bir abonelik modeli sunar. Tek seferlik satın alma ile Elementor alma seçeneği yoktur. Elementor'un premium versiyonu üç planda mevcuttur.

• Kişisel: 1 site için yılda 49 ABD doları
• Artı: 3 site için yılda 99 ABD doları
• Uzman: 1.000 site için yılda 199 ABD doları

Karar

Hem Divi Builder hem de Elementor, ön uç düzenleyicide gerçek zamanlı olarak güzel web sayfaları oluşturmanıza olanak tanıyan harika sayfa oluşturucu eklentileridir. Her şey sürükle ve bırak. Kodlama becerisi gerekmez.

Kullanıcı arayüzü ve kullanıcı deneyimi açısından Elementor, Divi Builder'dan biraz daha iyidir. En azından, Elementor'un arayüzünü yeni kullanıcılar için öğrenmek daha kolaydır. Ayrıca Elementor, web tasarımında en iyi yaratıcılığınızı ortaya çıkarmanıza olanak tanıyan daha fazla widget sunar.

Elementor tarafından sunulmayan bir kerelik satın alma seçeneği sunduğu için abonelik iş modelinden nefret ediyorsanız Divi Builder daha iyi bir seçenektir. Ayrıca Divi Builder'ı istediğiniz kadar web sitesinde kullanabilirsiniz. Genellikle müşteriler için web siteleri oluşturan bir web geliştiricisiyseniz bu harika.