Beaver Builder vs Divi 2022

Ne Görürseniz Onu Alırsınız (WYSIWYG) editörleri 1970'lerden beri bilgi işlem yazılımlarında temel bir unsur olmuştur, ancak WordPress dünyasında, giderek daha fazla web sitesi sahibinin şık tasarımlar oluşturmalarına yardımcı olmak için sürükle ve bırak sayfa oluşturucularına geçtiğini görüyoruz. blog gönderileri ve profesyonel sayfalar.

Bu benimseme, WordPress'in 2018'de WordPress 5.0'da Gutenberg adlı yeni blok düzenleyiciyi tanıtmasından bu yana yoğunlaştı. Elbette, Klasik Düzenleyici, eski görsel düzenleyiciyi tercih edenler için hala mevcut.

Yeni blok düzenleyicinin kullanımı ücretsizdir, kullanıcı dostu bir arayüze sahiptir ve seçim için birçok kullanışlı içerik bloğuna sahiptir.

WordPress blok düzenleyicisinin basitliğini seviyorum, ancak bunun temel bir çözüm olduğu inkar edilemez. İçerik blokları birkaç özelleştirme seçeneğine sahiptir ve yerleşik bir şablonlama sistemi yoktur. Bu, oluşturabileceklerinizi büyük ölçüde kısıtlar.

Web sitenizi bir sonraki seviyeye taşımak istiyorsanız, Beaver Builder veya Divi gibi gelişmiş bir sürükle ve bırak sayfa oluşturma çözümü kullanmanızı öneririm.

Bu duyarlı WordPress eklentileri, blog gönderilerinizi, sayfalarınızı ve özel gönderi türlerinizi nasıl şekillendireceğiniz konusunda size daha fazla kontrol sağlar.

Bu makalede, sizin ve projeleriniz için hangisinin en iyi olduğunu görmenize yardımcı olmak için bu sayfa oluşturma eklentilerinin nasıl karşılaştırıldığını göstermek istiyorum.

Beaver Builder'ın hafif sürümü WordPress.org'da mevcuttur, ancak ücretsiz sürümde birçok özellik eksik olduğundan, bu makale bunun yerine Beaver Builder'ın tam sürümüne odaklanacaktır.

Kunduz Oluşturucu Arayüzü

Beaver Builder, WordPress'te birkaç farklı alandan başlatılabilen bir ön uç düzenleyicidir.

WordPress blok düzenleyicide yeni bir blog gönderisi, sayfası veya özel gönderi türü oluşturduğunuzda, "Beaver Builder'ı Başlat" veya "Standart Düzenleyiciyi Kullan" seçeneğini göreceksiniz.

'Beaver Builder'ı Başlat' düğmesi Gutenberg editöründe otomatik olarak görüntülenmez. Yalnızca sayfanıza bir Beaver Builder bloğu eklediğinizde görünür.

Beaver Builder bloğu mevcut değilse, ilgili gönderi türünün etkinleştirildiğinden emin olmak için Beaver Builder ayarları sayfasını kontrol edin.

Beaver Builder ayrıca Klasik Düzenleyici'den ve gönderilerin, sayfaların ve özel gönderi türlerinin ana liste sayfasından da başlatılabilir.

Giriş yaptığınızda, WordPress yönetici çubuğunda da bir sayfayı değiştirme seçeneği göreceksiniz.

Beaver Builder yüklendiğinde, sağ tarafta mevcut modülleri gösteren bir menü göreceksiniz. Satırlar, şablonlar ve kayıtlı düzenler için sekmeler de burada görüntülenir.

Yukarıdaki X sembolüne tıklamak menüyü kapatır, ancak şimdi görüntülenen + sembolüne tıklayarak menüyü yeniden yükleyebilirsiniz.

Sayfanın sağ üst tarafında, sayfanızın düzenlendiğini ve yayınlanmamış değişiklikleri olduğunu belirten bir hatırlatıcı göreceksiniz. Bitti düğmesine tıklarsanız, düzeninizi iptal etmenize, taslağı kaydetmenize veya düzeninizi yayınlamanıza izin veren seçenekler görüntülenecektir.

Sayfanın sol üst tarafı, düzenlemekte olduğunuz gönderiyi, sayfayı veya özel gönderi türünü gösterir. Üzerine tıklamak, Beaver Builder araçları menüsünü yükleyecektir.

Bu menüye gizlenmiş birçok ayar ve özellik var.

Buradan, düzeninizi yayınlayabilir, düzeni şablon olarak kaydedebilir, düzeni çoğaltabilir, tüm revizyonlarınızı görebilir, düzenleme geçmişinizi kontrol edebilir ve daha fazlasını yapabilirsiniz.

Global ayarlara ve Javascript ve CSS ayarlarına da bu menüden erişilebilir ve menünün alt kısmında WordPress yönetici alanına ve destek sayfalarına kısayollar görüntülenir.

Araçlar menüsünün sağ tarafında, eklenti güncellemelerini ve Beaver Builder blogundaki en son gönderileri görüntüleyen bir bildirim zili bulunur.

Düzeninize yeni bir modül veya satır eklemek için, onu ana tuval alanına sürükleyip bırakmanız yeterlidir.

Kaydedilmiş sütun düzenleri, kaydedilmiş satırlar ve önceden oluşturulmuş satırlarla birlikte satırlar için önceden yapılandırılmış birkaç sütun ayarı mevcuttur.

Yeni satırlar ekledikten sonra, sayfanızda yapının ana hatları görüntülenir. Bir içerik modülünü bu kutulardan herhangi birine sürükleyip bırakabilirsiniz.

Satırların ve modüllerin sol üst tarafında, öğeyi mizanpajınızın başka bir bölümüne taşımak için seçenekler göreceksiniz. Söz konusu satır veya modül buradan da çoğaltılabilir veya silinebilir.

Satırlar ve sütunlarda bir ayarlar düğmesi ve satır ve sütun genişliklerini sıfırlamanıza olanak tanıyan bir eylemler düğmesi bulunur.

Genişlikler, renkler, arka planlar, kenarlıklar ve daha fazlası, ayarlar kutusunun stil sekmesinde ayarlanabilir. Kenar boşlukları ve dolguya ek olarak, gelişmiş sekme, oturum açmış kullanıcıların görünürlüğünü kısıtlamanıza ve mobil kullanıcılar için kesme noktasını ayarlamanıza olanak tanır.

Herhangi bir WordPress sayfa oluşturucuyu tanımak biraz zaman alır, ancak Beaver Builder şüphesiz edinilmesi en kolay çözümlerden biridir. Ayrıca, yaptığınız değişiklikler neredeyse anında yüklendiğinden en hızlılarından biridir.

Beaver Builder, düzeninizi her yönüyle şekillendirmenize olanak tanır, ancak göreceğiniz gibi, Divi, düzenler oluştururken daha birçok özelleştirme seçeneği sunar.

Divi Oluşturucu Arayüzü

Zarif Temalar, hem popüler WordPress temalarını hem de sürükle ve bırak sayfa oluşturucularını tanımlamak için Divi kelimesini kullanır.

Bu, Elegant Themes'e yeni başlayanlar arasında biraz kafa karışıklığına neden oluyor, bu yüzden bazen ürünleri "Divi Theme" ve sayfa oluşturucuyu "Divi Builder" olarak adlandırarak ayırt ediyorlar.

Şimdilik Divi Builder'a odaklanmak istiyorum. Bu sayfa oluşturucu Divi Temasına dahil edilmiştir ancak diğer WordPress temalarıyla kullanmak isteyenler için bağımsız bir WordPress eklentisi olarak da mevcuttur.

Divi Builder etkinleştirildiğinde, yeni bir gönderi, sayfa veya özel gönderi türü eklediğinizde "Divi Builder'ı Kullan" seçeneğini göreceksiniz.

Bu, ön uç görsel oluşturucuyu başlatacak, ancak Legacy Builder adlı bir arka uç düzenleyici de mevcut olacak.

Varsayılan WordPress blok düzenleyicisinden istediğiniz zaman Divi Builder'a geçebilirsiniz.

Divi Builder ayrıca gönderilerin, sayfaların ve özel gönderi türlerinin ana liste sayfalarından başlatılabilir.

Beaver Builder gibi, oturum açtıysanız, WordPress yönetici çubuğundan Divi Builder'ı etkinleştirme seçeneği göreceksiniz.

Elegant Temalar ayrıca bir Divi Düzen Bloğuna sahiptir.

Bu blok, herhangi bir Divi düzenini doğrudan varsayılan WordPress blok düzenleyicisiyle oluşturduğunuz bir düzene eklemenizi sağlar.

Divi Builder'ı ilk başlattığınızda, sıfırdan bir mizanpaj mı oluşturmak, önceden hazırlanmış bir mizanpaj seçmek veya daha önce oluşturduğunuz başka bir sayfayı klonlamak isteyip istemediğiniz sorulacaktır.

Sıfırdan başlarsanız, Divi Builder boş tuvalinizi yükler ve yeni bir satır eklemek için bir kutu görüntüler.

Seçim için mevcut 20 satır vardır ve her birinin farklı bir sütun yapısı vardır.

Bir satır ekledikten sonra Divi Builder, sayfanıza eklemek için bir modül seçmenizi ister.

Divi Builder daha sonra seçtiğiniz modül için ayarlar kutusunu yükler.

Divi Builder'da yeniyseniz, önceden hazırlanmış bir düzen seçerek editörün nasıl çalıştığına aşina olmanızı tavsiye ederim, çünkü bu size üzerinde oynamanız için bir şeyler verir.

Deneyimli kullanıcılar boş bir tuval ile başlamayı tercih edebilir, ancak bu seçeneği seçtiğinizde ana menünün otomatik olarak yüklenmediğini unutmayın.

Ana menüyü yüklemek için sayfanın altında üç yatay nokta bulunan butona tıklayın.

Ana menü seçenekleri üç sütuna ayrılmıştır.

Menünün sol tarafındaki üç dikey nokta simgesi aracılığıyla oluşturucu ayarlarını yükleyebilirsiniz.

Buradan menünüze üç farklı görüntüleme modu eklenebilir: fareyle üzerine gelme modu, tıklama modu ve ızgara modu. Bu modlar, düzeninizle nasıl etkileşimde bulunduğunuzu değiştirir ve değişiklik yapar. Örneğin, fareyle üzerine gelme modunda, sayfanızın bir bölümünün üzerine gelmeniz modülleri, sütunları, satırları ve bölümleri vurgulayacaktır ve ardından değişiklik yapabilirsiniz.

Oluşturucu ayarları kutusundaki diğer ayarlar, varsayılan görüntüleme modunu, geçmiş durum aralığını ve sayfa oluşturma akışını içerir.

Karmaşık bir düzen oluşturduysanız, sayfanın yanlış bölümünün vurgulandığı durumlar olabilir. Örneğin, bir sütunu taşımak isteyebilirsiniz, ancak yanlışlıkla ait olduğu satırı seçersiniz.

Bunu çözmenin bir yolu tel kafes görüntüleme modunu kullanmaktır. Bu, sayfanızın yapısını daha kolay görmenize yardımcı olmak için gereksiz tasarım öğelerini görünümünüzden kaldırır. Karmaşık bir düzen içinde şeyleri hareket ettirirken inanılmaz derecede faydalıdır.

Menünün sol tarafında, tasarımınızı masaüstü, tablet ve mobil görünümde görmenizi sağlayan seçenekler de bulunur.

Orta menüde yedi seçenek vardır. Ortadaki X düğmesi menüyü kapatır.

Sol tarafta, kitaplıktan bir düzen yükleyebilir, mevcut düzeninizi kaydedebilir ve düzeninizi temizleyebilirsiniz. Sağ tarafta sayfa ayarlarını, düzenleme geçmişini ve taşınabilirliği görüntüleyebilirsiniz.

Gönderi/sayfa ayarları kutusu başlığı, alıntıyı, öne çıkan görseli ve kategorileri değiştirmenize olanak tanır. Boşluk, renk paleti, özel CSS ve görünürlük gibi bir dizi tasarım ayarı da burada mevcuttur.

Düzenleme geçmişi kutusu, son değişiklikleri kolayca geri almanıza ve yeniden yapmanıza ve yaptığınız tüm değişikliklerin tam geçmişini görüntülemenize olanak tanır.

Düzenler, taşınabilirlik ayarları kutusu aracılığıyla JSON formatında dışa ve içe aktarılabilir. Bu, düzenleri diğer web sitelerine aktarmak için kullanışlıdır.

Düzeniniz kaydedilebilir ve sayfanın sağ tarafında yayınlanabilir.

Video eğitimleri ve klavye kısayolları da bu alandaki Divi Helper kutusu aracılığıyla görüntülenebilir. Özellikleri ve belgeleri bulmanıza yardımcı olan bir arama özelliği de vardır.

Beaver Builder ve Divi Builder için kullanıcı arayüzleri farklı şekilde çalışır, ancak sıraları ve sütunları ayarlamak söz konusu olduğunda aslında benzer şekilde çalışırlar.

Her iki çözüm de ayarları sol üst köşede görüntüler ve satırları ve sütunları taşımanıza, çoğaltmanıza ve ayarlamanıza olanak tanır. Ancak Divi'nin daha fazla özelleştirme seçeneği var.

Divi Builder, satırların üzerinde bölümler adı verilen bir öğeye sahiptir.

Bölümler birden çok satır içerebilir ve her satır birden çok sütun içerebilir. Sayfaları nasıl oluşturduğunuz konusunda size biraz ekstra esneklik sağlar.

Divi Builder'ın önceki sürümlerinde mizanpajlar doğrudan WordPress düzenleyicisinden oluşturuldu, ancak ön uç görsel oluşturucu artık Divi ile mizanpaj oluşturmanın standart yoludur.

Neyse ki, eski düzenleyici Divi Builder'da hala mevcut.

Legacy Builder'ı etkinleştirmek için önce Divi eklenti seçenekleri alanının gelişmiş bölümüne gitmeniz, en son Divi Builder deneyimini devre dışı bırakmanız ve Klasik Düzenleyiciyi etkinleştirmeniz gerekir.

Legacy Builder'ın kullanıcı arayüzü, görsel düzenleyicide bulunan tel kafes görüntüleme moduna benzer.

Yaptığınız değişiklikleri gerçek zamanlı olarak önizlemenize izin vermese de, ne kadar hızlı ve verimli olduğunu seviyorum. Her şey ön uç düzenleyiciden biraz daha hızlı yüklenir ve sayfanızın yapısını görmek daha kolaydır.

Beaver Builder, her şeyi Divi Builder'dan biraz daha hızlı yükler ve kullanıcı arayüzünü almak daha kolaydır, ancak Divi Builder, Beaver Builder'da eksik olan daha birçok özelleştirme ayarı ve ek özellik sunar.

Tel kafes modunun ve Legacy Builder'ın dahil edilmesi, muhtemelen Divi Builder'ı daha esnek bir çözüm haline getiriyor.

Divi Builder'ın nasıl çalıştığına daha kapsamlı bir bakış için lütfen Divi Builder'ın tam incelemesine göz atın.

Beaver Builder Hazır Düzenler

Şık içerik oluşturmak için gereken süreyi büyük ölçüde azalttıkları için önceden hazırlanmış düzenlerin büyük bir hayranıyım. Ayrıca gelişmiş düzenlerin nasıl oluşturulacağını anlamanıza yardımcı olurlar.

Beaver Builder, Divi kadar önceden hazırlanmış düzen sunmaz, ancak her şablonun kalitesi aynı derecede yüksektir.

Açılış sayfası şablonları ve içerik sayfası şablonları, sahip olduğunuz tüm kayıtlı şablonların yanı sıra ana içerik menüsünün şablonlar sekmesinde bulunur.

Açılış sayfası şablonları, eksiksiz tam sayfa şablonlardır. Boş bir tuval sayfası şablonuyla birlikte toplam 15 açılış sayfası şablonu mevcuttur.

Küçük işletmeler, spor salonları, avukatlar, müzisyenler, fotoğrafçılar, restoranlar, e-Kitaplar ve daha fazlası için şablonlar vardır.

Bir açılış sayfası şablonu seçtiğinizde, mevcut düzeninizi değiştirmek mi yoksa zaten sahip olduğunuza eklemek mi istediğiniz sorulur.

Önceden hazırlanmış düzenler, düzeninize saniyeler içinde eklenir.

Eklendikten sonra bunları uygun gördüğünüz şekilde ayarlayabilir ve özel şablonlar olarak kaydedebilirsiniz.

İçerik sayfası şablonları, herhangi bir web sitesi türü için uygun olan bir sayfanın parçası için evrensel şablonlardır.

25 içerik sayfası şablonu mevcuttur. Hakkında alanı, ekip bilgileri, hizmetler, iletişim formu, fiyat tabloları, kayıt formu ve daha fazlasını eklemenize yardımcı olacak düzenler vardır.

Beaver Builder ayrıca düzinelerce önceden oluşturulmuş satır sunar. Bu düzenler, sayfanızın herhangi bir bölümüne kolayca eklenebilir.

Bunları ana içerik menüsünün satır sekmeleri altında bulacaksınız.

Beaver Builder'ın şablonlama sistemini kullanırsanız, yeni düzenler oluşturmak için gereken süreyi büyük ölçüde azaltabilirsiniz.

Düzenler herhangi bir zamanda kaydedilebilir ve istediğiniz kadar tekrar kullanılabilir.

Kaydedilen tüm şablonlar, ana Beaver Builder yönetici menüsünden yönetilebilir ve gerekirse daha sonra düzenlenebilir.

Şablonları, satırları, sütunları ve modülleri kaydedebilir ve kaydedilen her düzen kategorilere atanabilir.

Beaver Builder, önceden hazırlanmış düzenleri kullanıcı arayüzlerine entegre ederek harika bir iş çıkardı. Düzenler saniyeler içinde eklenebilir ve özelleştirmeler kaydedilebilir ve tekrar tekrar kullanılabilir.

Divi Önceden Yapılmış Düzenler

Beaver Builder gibi Divi de kullanıcılara çok çeşitli önceden hazırlanmış düzenler sunar.

1.100'den fazla düzen paketi seçim için mevcuttur.

Bu düzenlerden 150'si, web sitenizdeki hakkında sayfanız, blogunuz, açılış sayfanız ve galeriniz gibi bir dizi alan için tasarımlar içeren düzen paketleridir.

Daha önce belirtildiği gibi, Divi Builder'ı yeni bir sayfada başlattığınızda, mevcut seçeneklerden biri önceden hazırlanmış bir düzen seçmektir.

Divi Kitaplığı ana menüden de yüklenebilir.

Divi Kitaplığı, önceden oluşturulmuş düzenler, kaydedilmiş düzenler ve tüm sayfaları eklemenize olanak tanır.

Arama kutusunu kullanarak veya düzenlerin atandığı 13 kategoriden birini seçerek aramanızı uygun bir düzen için daraltabilirsiniz.

Divi Builder bunun üzerine yazacağından, önceden yapılmış bir düzeni eklemeden önce mevcut düzeninizi kaydettiğinizden emin olun.

Düzen paketleri, pakette bulunan tüm düzenleri vurgular, ancak bir tasarım seçtiğinizde web sitenizin tam olarak nasıl görüneceğini görmek için “Canlı Demoyu Görüntüle” düğmesine tıklamanızı şiddetle tavsiye ederim.

Bu noktayı açıklamaya yardımcı olması için, aşağıdaki ekran görüntüsünde gösterilen Divi Web Freelancer tasarımının demo alanına bakın.

Barındırma kurulumunuza bağlı olarak Divi Builder'ın bir düzen paketindeki tüm düzenleri içe aktarması bir dakika kadar sürebilir.

Sayfanıza bir düzen ekledikten sonra, onu özelleştirebilir ve renkleri değiştirerek, modüller ekleyerek ve sizinle ilgili olmayan bölümleri kaldırarak kendinize ait hale getirebilirsiniz.

Düzenler, Divi Kütüphanesi'ne herhangi bir zamanda ana Divi menüsünden kaydedilebilir.

Her düzeni adlandırabilir ve kategoriler halinde gruplayabilirsiniz.

Divi yönetici menüsü, ana eklenti seçenekleri sayfasına, Divi Tema Oluşturucusuna, Divi Kitaplığına ve birkaç diğer ayar sayfasına (bunları daha sonra tartışacağız) bağlanır.

Divi Theme Builder, özel sayfa şablonları oluşturmanıza olanak tanıyan harika bir araçtır. Ardından şablonları gönderilere, sayfalara ve özel gönderi türlerine atayabilirsiniz.

Her şablon için üstbilgiye, gövdeye ve altbilgiye bir düzen atayabilirsiniz. Ardından, bu şablonların web sitenizin tam olarak hangi alanlarında kullanılması gerektiğini belirleyebilirsiniz.

Örneğin, blogunuz için benzersiz bir tasarım oluşturabilir, ancak bunu belirli gönderi kategorilerinden hariç tutabilirsiniz. Ayrıca arama sonuçları sayfanız, 404 sayfanız, arşivleriniz, ana sayfanız ve daha fazlası için benzersiz şablonlar oluşturabilirsiniz.

Kaydedilen tüm düzenler, ana Divi yönetici menüsünde bağlantılı olan “Divi Kitaplığı” sayfasından görüntülenebilir.

Düzenler bu sayfadan içe ve dışa aktarılabilir. Ayrıca düzen kategorilerinizi buradan yönetebilirsiniz.

Ana Divi Kitaplığı sayfasından bir düzeni düzenlemek için tıkladığınızda, tasarımınızın tel kafes görünümü modunda bir genel bakışına yönlendirilirsiniz.

Bu mod, düzeninizin yapısını ayarlamak için kullanışlıdır, ancak daha spesifik değişiklikler yapmak isterseniz masaüstü görünümüne, tablet görünümüne veya telefon görünümüne geçebilirsiniz. Bunu yapmak, görsel düzenleyiciyi kullanarak kayıtlı düzeninizi değiştirmenizi sağlar.

İsterseniz, normal ön uç görsel düzenleyicisini başlatabilir ve sayfanın kendisinde özelleştirmeler yapabilirsiniz.

Yan yana, Divi Builder'ın önceden hazırlanmış düzenlerinin kalitesinin Beaver Builder'da bulunan tasarımlardan daha iyi olduğuna inanmıyorum, ancak Divi Builder'daki tüm kurulum önemli ölçüde daha iyi.

Divi Builder'ın yerleşim paketleri, eksiksiz bir web sitesi oluşturmanıza yardımcı olacak bir düzine kadar şablon sunarken, Beaver Builder yalnızca sayfanızın belirli bölümleri için tek sayfalık düzenler ve düzenler sunar.

Beaver Builder'ın 15'ine karşı 950 açılış sayfası şablonu sunan eklenti ile Divi Builder'da da çok daha fazla seçenek var. Divi için de çok çeşitli üçüncü taraf düzenleri mevcuttur.

Bununla birlikte, Beaver Builder'ın sayfanıza Divi Builder'dan biraz daha hızlı mizanpaj ekleme eğiliminde olduğunu unutmamak önemlidir.

Divi Builder ile hangi önceden hazırlanmış düzenlerin mevcut olduğunu görmek için Divi Düzenleri sayfasına göz atın.

Beaver Builder İçerik Modülleri

Beaver Builder'da toplam 29 modül mevcuttur. Modüller altı kategoriye ayrılmıştır: Temel, Medya, Eylemler, Düzen, Bilgi ve Gönderiler.

Zengin içerik eklemek, düzeninizi ayarlamak ve blogunuzdan içerik çekmek için çok çeşitli modüller vardır.

Düzen kategorisindeki modüllerden biri, WordPress widget'ları eklemenizi sağlayan kenar çubuğu modülüdür. Bu, işlevselliği diğer WordPress eklentilerinden mizanpajlarınıza entegre etmek için birçok olasılık açar.

Bir modül tuval alanınıza sürüklenip bırakıldığında, onun ayarlar kutusu görünecektir.

Stil, boşluk, görünürlük, animasyonlar ve daha fazlası için tüm modüllerde ortak ayarlar bulacaksınız, ancak her modülün görüntülenenleri değiştirmenize izin veren benzersiz ayarları vardır.

Örneğin, harita modülünde harita adresi, harita yüksekliği ve harita başlığı özniteliğini girmek için alanlar vardır.

Beaver Builder, en geniş içerik modülü koleksiyonuna sahip değildir ve Divi kadar çok özelleştirme seçeneği sunmaz.

Bununla birlikte, eksik işlevler WordPress widget'ları aracılığıyla mizanpajlara eklenebileceğinden, Beaver Builder'ın güzel düzenler oluşturmak için ihtiyacınız olan her şeye sahip olduğuna inanıyorum.

Divi Builder İçerik Modülleri

Divi Builder'da seçim için 38 içerik modülü mevcuttur.

Görüntü, video, portföy ve referans gibi temel modüllerin yanı sıra çubuk sayaçları, tanıtım yazıları, kaydırıcılar ve harekete geçirici mesajlar eklemek için kullanışlı modüller vardır.

Divi Builder ayrıca projeler için yeni bir özel gönderi türü ekler.

Beaver Builder gibi Divi'nin de bir kenar çubuğu modülü vardır, böylece WordPress widget'larını mizanpajlarınıza entegre edebilirsiniz.

Divi Builder, şık düzenler oluşturmanıza yardımcı olmak için renk kodlu bir sistem kullanır.

Bölümler mavi, sıralar yeşil ve modüller koyu gri (neredeyse siyah).

Bir sütunun üzerine gelip “Yeni Modül Ekle” düğmesine tıklayarak yeni bir modül ekleyebilirsiniz.

Daha önce gösterdiğim gibi, bir modül seçtiğinizde, modül ayarları kutusu otomatik olarak görünecektir, böylece değerleri girip stili ayarlayabilirsiniz.

Yaptığınız tüm özelleştirmeler Divi Kitaplığına kaydedilebilir. Bu, sayfaları oluştururken size çok zaman kazandırabilir.

Örneğin, harita modülünü şirket adresinizin bir haritasını gösterecek şekilde değiştirebilirsiniz. Ardından haritayı kolayca kaydedebilir ve hakkında sayfanıza, iletişim formunuza, blog gönderilerine ve daha fazlasına ekleyebilirsiniz.

Divi Builder, Beaver Builder'dan daha fazla stil ve kişiselleştirme seçeneği sunar ve dokuz ek içerik modülüne sahiptir, ancak özellikle WordPress widget'ları kenar çubuğu modülü kullanılarak mizanpajlara eklenebildiğinden, herhangi birinin WordPress eklentisinde bulunanlarla sınırlı hissedeceğine inanmıyorum.

Beaver Builder'ı Yapılandırma

Genel ayarlar kutusu, Beaver Builder kullanıcı arabirimindeki araçlar menüsünden yüklenebilir.

Sayfa başlığını ve satır, sütun ve modüllerin kenar boşluklarını ve dolgusunu etkinleştirmenize ve devre dışı bırakmanıza olanak tanır. Duyarlı düzenler de bu alandan ayarlanabilir ve CSS ve Javascript kodunu eklemek için kutular vardır.

Ana Beaver Builder ayarları sayfası birkaç bölüme ayrılmıştır.

Otomatik eklenti güncellemelerini almak için lisans bölümüne lisans anahtarınızı girmeniz gerekir. Modüller ve gönderi türleri sonraki bölümde etkinleştirilebilir ve devre dışı bırakılabilir.

Şablon sistemine erişim bir sonraki bölümde ayarlanabilir. Çekirdek şablonları, kullanıcı şablonlarını veya tüm şablonları etkinleştirebilirsiniz. Şablonlar da devre dışı bırakılabilir.

Kullanıcı erişim ayarları alanı, hangi WordPress kullanıcı gruplarının Beaver Builder'ı kullanabileceğini tanımlamanıza izin verir. İzinler, oluşturucuya erişim ve Beaver Builder yönetici menüsü gibi beş farklı alana bölünmüştür.

Genel ayarlar sayfası ayrıca simge kümelerini, eklenti markasını, tema markasını ve yardım ayarlarını etkinleştirmenizi ve devre dışı bırakmanızı sağlar. Araçlar bölümünde önbelleğe alma ve hata ayıklama mevcuttur.

Beaver Builder'ı kurduktan sonra Beaver Builder ayarları sayfasını kontrol etmenizi öneririm, ancak yapacağınız özelleştirmelerin çoğu ana Beaver Builder arayüzünde gerçekleşir.

Divi Builder'ı Yapılandırma

Beaver Builder gibi, zamanınızın çoğu Divi Builder düzenleyicisinin içindeki düzenleri özelleştirmek için harcanacaktır, ancak ana Divi yönetici menüsünde bulunabilecek birkaç önemli ayar vardır.

Ana eklenti seçenekleri sayfasında, Elegant Themes kullanıcı adınızı ve API anahtarınızı girmek için bir sekme bulunur. Otomatik eklenti güncellemelerini almak için bunu tamamlamanız gerekir.

Sonraki sekmede Google API anahtarınızı girebilirsiniz. Harita modülünü kullanmak istiyorsanız bu gereklidir. Google Yazı Tipleri de bu sayfadan devre dışı bırakılabilir.

Sonraki sekme, belirli WordPress gönderi türleri için Divi Builder'ı etkinleştirmenizi ve devre dışı bırakmanızı sağlar. Bu, galeriniz gibi belirli gönderi türleri için Divi Builder'a erişimi kısıtlamak istiyorsanız kullanışlıdır.

Gelişmiş sekmesinde, CSS ve Javascript küçültmeyi etkinleştirebilir ve devre dışı bırakabilirsiniz. Burası ayrıca Legacy Builder düzenleyicisini etkinleştirebileceğiniz yerdir.

Divi Builder, web sitenizdeki her kullanıcı grubunun yapabilecekleri ve yapamayacakları üzerinde tam kontrol sağlar.

Beaver Builder, birkaç önemli alana erişimi kısıtlamanıza izin verirken Divi Builder, kullanıcıların tam olarak hangi özelliklere erişebileceğini tanımlamanıza olanak tanır.

Örneğin, kullanıcıların Divi Builder içindeki düzenleri yüklemesini veya özellikleri devre dışı bırakmasını durdurabilirsiniz.

Divi'nin destek merkezi, sisteminiz hakkında bir rapor sağlar. Bu, barındırma kurulumunuzla ilgili sorunları teşhis etmenize yardımcı olabilir.

Örneğin, test WordPress web sitem için rapor, WordPress kurulumumun sınırlı miktarda kaynağa sahip olduğunu gösterdi.

Bu sayfada uzaktan erişim de mevcuttur. Bu, Elegant Themes destek ekibinin Divi Builder ile ilgili tüm sorunlarınızı çözmesine yardımcı olabilir.

Destek merkezinde ayrıca faydalı video eğitimlerine bağlantılar bulunur ve diğer WordPress eklentileri ve temalarında sorunlara neden olabilecek özellikleri devre dışı bırakan güvenli bir mod vardır.

WP_DEBUG_LOG etkinleştirilmişse, bu sayfada da hatalar görüntülenir.

Divi Builder, kurulumdan sonra kontrol edilecek yalnızca birkaç ayar ile kurulumu basit bir WordPress eklentisidir.

Ayarlar alanındaki göze çarpan özellik Divi Rol Düzenleyicisidir. Birden fazla çalışanı olan büyük WordPress web sitelerinin sahiplerinin takdir edeceği bir şeydir.

Kunduz Oluşturucu Teması

Beaver Builder Theme, Beaver Builder Pro ve Agency planlarına dahil olan bir HTML5 ve Bootstrap WordPress çerçevesidir.

Beaver Builder ile tasarımlar oluşturmak için boş bir tuval görevi gören minimal bir WordPress tasarımıdır. Geliştiricilerin web sitesi tasarımını değiştirmelerine yardımcı olmak için tema içinde kancalar ve filtreler bulunur ve WooCommerce için harika bir desteği vardır.

Beaver Builder Theme için tüm ayarlar, WordPress Özelleştirici içinde bulunur.

Sayfanızın düzinelerce alanı için stil ve konum ayarlanabilir. Ayrıca üst bilginiz, gezinme menünüz, blogunuz, arşivleriniz, blog gönderileriniz, WooCommerce sayfalarınız ve alt bilginiz için düzenler de vardır.

Beaver Builder özünde minimal bir WordPress teması olarak kalırken, geliştiriciler birçok ekstra özelleştirme seçeneği eklemek için ekstra yol kat etti.

Örneğin, web sitenizin logosunu alın. Biri retina cihazları için, normal cihazlar ve retina cihazları için solma logoları ve mobil cihazlar için başka bir logo olmak üzere normal bir logo görüntüsü yükleyebilirsiniz.

Diğer birçok WordPress temasında, tasarımın üstbilgi, kenar çubuğu ve altbilgi gibi farklı bölümleri Beaver Builder'ın mizanpajları doğru şekilde görüntülemesini engelleyebilir. Bu nedenle birçok Beaver Builder kullanıcısı Beaver Builder Temasına geçti.

Web sitenizde Beaver Builder düzenlerini kullanmak istiyorsanız bu harika bir seçimdir.

Divi Teması

Beaver Builder, tasarımlarını Beaver Builder için bir çerçeve teması olarak pazarlarken, Elegant Themes Divi Temasını çok yönlü bir hepsi bir arada WordPress teması olarak pazarlar.

Bu, Beaver Builder Theme ve Divi Theme arasında insanların düşündüğünden daha fazla benzerlik olduğu için pazarlamanın ne kadar etkili olabileceğini vurgular.

Başlangıçta Divi, hepsi bir arada bir WordPress temasıydı, ancak Divi Teması ile ilişkili herkesin çok yönlülüğünün çoğu daha sonra Divi Builder'a taşındı. Bu, şüphesiz yapılacak doğru şeydi.

Bu nedenle, çoğu işlevsellik Divi Builder'a dahil edildiğinde, Divi Teması, Beaver Builder Teması gibi bir çerçeve olarak kabul edilebilir. Bu nedenle, her iki ürüne de sahipseniz, Divi Temasını Beaver Builder ile veya Beaver Builder Temasını Divi Builder ile kullanabilirsiniz.

Divi Teması etkinleştirildiğinde, Divi yönetici menüsünde birkaç küçük değişiklik göreceksiniz.

Bu, bir tema seçenekleri sayfasıyla değiştirilen eklenti seçenekleri sayfasını ve WordPress Özelleştiricisine bir bağlantı içerir.

Ayarlar alanının genişletilmesi dışında, her şey aynı kalır.

İlginç bir şekilde, Divi Teması etkinleştirilirse Divi Builder eklentisi otomatik olarak devre dışı bırakılır. Divi Builder'ın işlevselliği doğrudan Divi Temasına (ve Elegant Themes' Ekstra WordPress temasına) dahil edildiğinden bu gereklidir.

WordPress Özelleştirici içinde bir düzine kadar bölüme yayılmış yüzlerce kullanışlı seçenek bulacaksınız. Bunlar, üst bilgi, alt bilgi ve kenar çubuklarınız gibi alanları kontrol etmek için kullanılabilir.

Gönderiler, sayfalar ve özel gönderi türleri için ana içerik alanı hala Divi Builder tarafından kontrol ediliyor.

Web sitesi tasarımınızı özelleştirmeye gelince, Divi Theme'nin Beaver Builder Theme'den daha iyi veya daha kötü olduğuna inanmıyorum. Divi Teması'nın size daha fazla seçenek sunduğu birkaç alan ve Beaver Builder Teması'nın daha fazlasını sunduğu birkaç alan var.

Divi Builder'ın tüm eklenti seçenekleri, Divi Theme'in daha kapsamlı seçenekler alanına entegre edilmiştir.

Örneğin, gönderi türü ayarları artık oluşturucu sekmesinde mevcuttur ve gelişmiş ayarlar sayfasındaki seçenekler artık genel seçenekler sayfasında yer almaktadır.

Genel ayarlar sayfasında ayrıca sosyal medya simgeleri, kaydırma, özel CSS kodu ve daha fazlası için alanlar bulunur.

Divi Theme kullanıcıları için ek seçenekler de mevcuttur.

Web sitenizin gezinme menüsü için özel bir seçenekler alanı ve gönderilerde ve sayfalarda hangi özelliklerin etkinleştirilmesi gerektiğini belirtebileceğiniz bir düzen sayfası vardır.

Ayrıca 468×60 piksel banner ve web siteniz hakkında genel SEO detayları eklemek için sayfalar da bulunmaktadır.

Beaver Builder Theme gibi Divi Theme, Divi Builder ile kullanım için optimize edilmiş minimal bir WordPress temasıdır.

Divi'nin çok çeşitli önceden hazırlanmış düzenlerinden yararlanmak istiyorsanız bu tasarımı kullanmanızı şiddetle tavsiye ederim.

Beaver Builder'ın Maliyeti

Özellikler ve işlevsellik, Beaver Builder ve Divi'yi incelerken göz önünde bulundurmanız gereken iki faktördür, ancak bu ürünlerin maliyetini ve projeleriniz için ayırabileceğiniz bütçeyi de göz önünde bulundurmalısınız.

Birçok premium WordPress şirketi, ürünlerini ek web sitelerinde kullanmak için daha fazla ücret alır. Örneğin, giriş seviyesi planı bir web sitesini, ara plan üç web sitesini ve gelişmiş plan on web sitesini destekleyebilir.

Beaver Builder ve Elegant Themes daha cömerttir ve sınırsız sayıda web sitesi için destek ve güncellemeler sunar.

Bu makale öncelikle Beaver Builder'ın premium sürümüne odaklanmış olsa da, yine de Beaver Builder Lite'ı incelemenizi tavsiye ederim.

Basit web siteleri için iyi bir çözümdür ve ayrıca Beaver Builder arayüzünün nasıl çalıştığını görmenize yardımcı olur.

Ancak, Beaver Builder'ın ücretsiz sürümünde iletişim formu, fiyat tablosu ve harita gibi faydalı modüllerin bulunmadığını lütfen unutmayın. There is no access to the Beaver Builder templating system or pre-made layouts either.

For the vast majority of projects, the full version of Beaver Builder is a better fit than the lite version.

Three different premium plans are available: Standard, Pro, and Agency. All plans come with one year of premium support and access to premium modules and templates.

The standard plan retails at $99 per year. To get WordPress multisite support and access to the Beaver Builder Theme, you need to upgrade to the $199 per year Pro plan.

The $399 per year Agency plan adds white labeling. Web design companies may be interested in this plan as it allows you to rebrand the plugin as your own and change all references to Beaver Builder in templates and the admin area.

Beaver Builder, 30 günlük para iade garantisi sunar.

Ayrıca tüm Beaver Builder üyeleri bir yıl sonra %40 indirim alır. Bu, Beaver Builder'ın sonraki yıllardaki planlarının fiyatını yılda 59.40 dolara, yılda 119.40 dolara ve yılda 239.40 dolara düşürür.

Beaver Builder'ı kullanmanın herhangi bir yönünden emin değilseniz, ayrıntılı bilgi tabanlarına göz atmanızı şiddetle tavsiye ederim. Ayrıca bilet desteği aracılığıyla ve Beaver Builder topluluk forumunda, Beaver Builder Facebook grubunda ve Beaver Builder Slack odasında yardım isteyebilirsiniz.

Divi'nin Maliyeti

Elegant Themes üyeliğinin fiyatlandırma politikası daha basittir.

Mevcut iki plan vardır ve her iki plan da size tüm Elegant Themes ürünlerine tam erişim sağlar.

Yıllık Elegant Themes üyeliğinin maliyeti yıllık 89 ABD dolarıdır.

Beaver Builder gibi Divi Builder gibi ürünleri üyeliğiniz sona erdikten sonra kullanmaya devam edebilirsiniz, ancak yenilemezseniz destek ve güncelleme alamazsınız.

Üyeliğinizi birkaç yıllığına yenileyeceğinizi düşünüyorsanız, ömür boyu erişim planını almayı düşünebilirsiniz. 249$'lık bir kerelik ücret karşılığında, tüm Elegant Themes ürünleri için ömür boyu erişim, destek ve güncellemeler alacaksınız.

Elegant Themes ayrıca tüm yeni müşterilere 30 günlük para iade garantisi sunar.

Ürünlerini daha iyi anlamanıza yardımcı olmak için Elegant Themes, şimdiye kadar gördüğüm en kapsamlı belgeleme alanlarından birini oluşturdu. Elegant Themes WordPress temalarının ve eklentilerinin nasıl çalıştığını açıklayan yüzlerce yazılı eğitim ve video eğitimi vardır.

Üyeler ayrıca bilet desteği yoluyla yardım talep edebilir ve geniş bir topluluk forumu, Meetup ağı ve popüler Facebook grubu da vardır.

Biraz farklı fiyatlandırma modellerine sahip oldukları için Beaver Builder ve Divi'nin maliyetini karşılaştırmak zordur.

Daha sınırlı olmasına rağmen, temel bloglar ve basit web sitesi projeleri için Beaver Builder Lite yeterli olduğundan, Beaver Builder'ın ücretsiz bir sürümünün mevcut olduğu gerçeğini takdir ediyorum.

Ancak, Beaver Builder'ın tam sürümünün WordPress kullanıcılarının çoğu için en iyi seçenek olduğuna inanıyorum.

Beaver Builder için standart bir lisans 99$'dan Elegant Themes'a göre 10$ daha pahalıdır, ancak sonraki yenilemeler yılda yalnızca 59,40$ olarak ücretlendirilir.

Bu sadık üyeler için cömert bir indirimdir, ancak bir Elegant Themes ömür boyu planı birçok web sitesi sahibi için hala daha ucuz olabilir.

Elegant Themes üyeliği ayrıca Divi Temasını içerir, ancak Beaver Builder Temasına erişmek için 199 $ ödemeniz gerekir.

Daha da önemlisi, Elegant Themes üyeliği beş yüksek kaliteli ürün içerir: Divi Theme, Divi Builder, WordPress dergi teması Extra, e-posta katılımlı WordPress eklentisi Bloom ve sosyal medya WordPress eklentisi Monarch.

Bu nedenle, bir Elegant Themes üyeliğinin çoğu WordPress kullanıcısı için daha iyi bir değer sunduğuna inanıyorum.

Son düşünceler

Sürükle ve bırak sayfa oluşturucuları, WordPress kullanıcılarının kullanıcı dostu bir arayüz aracılığıyla dakikalar içinde güzel web sitesi düzenleri oluşturmasına yardımcı olabilir.

Bunun gibi bir karşılaştırma makalesinde, hem Beaver Builder'ın hem de Divi'nin güçlü ve zayıf yanlarını göstermek benim sorumluluğumdadır, ancak bu çözümlerin her ikisinin de rafine ürünler olduğunu ve aralarında pek çok benzerlik olduğunu hatırlamak önemlidir.

Her iki üründe de yeni satırlar ve sütunlar oluşturma süreci benzer, ancak Beaver Builder'ın arayüzünün daha kolay öğrenildiğini ve biraz daha hızlı olduğunu düşünüyorum.

Divi, daha birçok özelleştirme seçeneği ve daha önceden hazırlanmış düzen sunar. Elegant Themes üyeliğine dahil edilen beş ürünle, bunun da para için daha iyi bir değer sunduğunu söyleyebilirim.

Umarım Beaver Builder ve Divi'ye derinlemesine bakışımızı beğenmişsinizdir.

Beaver Builder hakkında daha fazla bilgi edinmek için resmi satış sayfasına göz atın veya Beaver Builder'ın tam incelemesini okuyun. Ayrıca Beaver Builder demo sayfasını ziyaret ederek veya eklentinin ücretsiz sürümünü test ederek Beaver Builder'ın nasıl çalıştığını daha iyi anlayabilirsiniz.

Divi'nin nasıl yapıldığını Elegant Themes web sitesinde ve Divi Builder'ın tam incelemesinde öğrenebilirsiniz. Divi Builder'ın ücretsiz sürümü mevcut olmasa da eklentiyi Divi Builder demo sayfasında test edebilirsiniz. Bu, Divi Builder'ın neler yapabileceğini görmenize yardımcı olacaktır.

Okuduğunuz için teşekkürler.
Kevin