Beaver Builder vs Divi 2022
Beaver Builder vs Divi 2022
Kevin Muldoon
Basit ve kullanıcı dostu bir kunduz üreticisinin avantajları. Düzen, satır ve modülün tümü hızlı bir şekilde yüklenir. Şablon sayfalarının kalitesi ve yüksek içerik sayfalarının şablonları. Düzeninizin her kısmı daha sonra kullanılmak üzere saklanabilir. Divi Pro, FRETEND ve çok yönlü arka uç sayfası düzenleyicisini içerir. Düzen kütüphanesi ve önceden hazırlanmış düzen paketi. Divi Builder’da binlerce ayar seçeneği mevcuttur. Zarif temalar üyelik olağanüstü para değeri sunar.
Berarek maliyetlerinin inşaatçılarının eksileri, Beaver Builder temasına erişmek çok daha pahalıdır. İçerik modülü Divi Builder gibi şık değil. Daha önce yapılan düzen iyi görünüyor, ancak çok fazla seçilemiyor.
Divi Cons’un Divi Builder’ın nasıl çalıştığını öğrenmek için biraz daha uzun süre ihtiyacı var. Divi’nin verimli çalışması için daha fazla kaynağa ihtiyacı var. Beaver Builder kadar hızlı değil.
Beaver Builder ve Divi’nin özeti, WordPress dünyasındaki en iyi sürükleme ve bırak sayfalarını yapmak için iki çözümdür. Her iki çözümü de tavsiye etmek çok kolaydır, ancak zarif tema üyeleri genellikle para için daha fazla değer sağlar, çünkü diğer WordPress premium ürünleri pakete dahil edilir.
Beaver Builder ve Divi, WordPress dünyasındaki en iyi sürükleme ve bırak sayfalarını yapmak için iki çözümdür. Her iki çözümü de tavsiye etmek çok kolaydır, ancak zarif tema üyeleri genellikle para için daha fazla değer sağlar, çünkü diğer WordPress premium ürünleri pakete dahil edilir.
Gördüğünüz şey, What A Got (WYSIWYG) Editör 1970’lerden beri bilgi işlem yazılımında bir temel haline geldi, ancak WordPress dünyasında, daha fazla web sitesi sahibinin blog yazısı stilini yapmalarına yardımcı olmak için sürüklemeye ve gevşek sayfa yapımcılarına geçiş yaptığını görüyoruz ve profesyonel sayfalar. WordPress, 2018’de WordPress 5.0’da Gutenberg adında yeni bir blok editör tanıttığından bu evlat edinme giderek yoğunlaştı. Elbette, eski görsel editörleri tercih edenler için klasik editörler hala mevcut. Yeni Block Düzenleyicisi, kullanıcı dostu arayüzler sunan ve aralarından seçim yapabileceğiniz birçok yararlı içerik bloğuna sahiptir. WordPress blok düzenleyicisinin sadeliğini seviyorum, ancak bunun temel bir çözüm olduğu yadsınamaz. İçerik bloğunun birkaç ayar seçeneği vardır ve konjenital şablon sistemi yoktur. Bu, ne yapabileceğinizi çok sınırlandırıyor. Web sitenizi bir sonraki seviyeye getirmek istiyorsanız, Beaver Builder veya Divi gibi gelişmiş sürükle ve bırak sayfaları yapmak için çözümleri kullanmanızı öneririm. Bu duyarlı WordPress eklentisi, blog yayınınızı, sayfalarınızı ve özel yayın türlerinizi nasıl düzenlediğiniz konusunda daha fazla kontrol sağlar. Bu makalede, sizin ve projeniz için en iyi olanı görmenize yardımcı olmak için eklentinin bu sayfayı nasıl oluşturduğunu göstermek istiyorum.
Beaver Builder’ın hafif versiyonu wordpress.org adresinde mevcuttur, ancak ücretsiz sürümün çok fazla özelliği olmadığı için bu makale Beaver Builder’ın tam sürümüne odaklanacaktır. Beaver Builder Beraver Maker Interface, WordPress’teki birkaç farklı alandan başlatılabilen bir ön uç düzenleyicisidir. WordPress Block Editor’da yeni bir blog yazısı, sayfası veya özel bir yazı oluşturduğunuzda, “Beaver Builder’ı başlat” veya “Standart Düzenleyiciyi Kullan” seçeneğini göreceksiniz. Gutenberg editörü. Yalnızca Beaver Builder bloğunu sayfanıza eklediğinizde görünür.
Beaver Builder bloğu mevcut değilse, uygun yazı türünün etkinleştirildiğinden emin olmak için Beaver Builder Ayarları sayfasını kontrol edin.
Beaver Builder yüklendiğinde, sağ tarafta mevcut modülleri görüntüleyen menüyü göreceksiniz. Satırlar, şablonlar ve depolanan düzenler için sekme de burada görüntülenir. Yukarıdaki X sembolünü tıklamak menüyü kapatacaktır, ancak şimdi görüntülenen sembolü + tıklayarak menüyü yeniden yükleyebilirsiniz. Sayfanın sağ üst tarafında, sayfanızın düzenlendiğini ve yayınlanmamış değişikliklere sahip olduğunu hatırlatacaksınız. Bitiş düğmesini tıklarsanız, düzeni atmanıza, taslağı kaydetmenize veya düzeninizi yayınlamanıza izin vermek için seçenek görüntülenir. Sayfanın sol tarafında yayın veya düzenlediğiniz özel gönderi türünü gösterir. Tıklamak Beaver Builder menüsünü yükleyecektir. Bu menüde saklanan birçok ayar ve özellik vardır. Buradan, düzeni yayınlayabilir, düzeni bir şablon olarak kaydedebilir, düzeni çoğaltabilir, tüm revizyonları görebilir, düzenleme geçmişini ve daha fazlasını kontrol edebilirsiniz. Global ayarlar ve JavaScript ve CSS ayarlarına da erişilebilir ve bu menüden de erişilebilir. Menünün alt kısmı WordPress yönetici alanına ve destek sayfasına kısayol görüntüler. Araç menüsünün sağında, eklenti güncellemelerini ve Beaver Builder blogundan en son yayınları görüntüleyen bir bildirim zili bulunur. Düzeninize yeni bir modül veya çizgi eklemek için oldukça ilginçsiniz ve ana tuval alanına bırakıyorsunuz. Daha önce yapılandırılmış olan bazı sütun ayarları, depolanan sütunun düzeni, depolanan satırlar ve daha önce yapılmış olan satırların düzeni ile birlikte satırlar için kullanılabilir.
Yeni bir çizgi ekledikten sonra, yapı sayfanızda görüntülenir. İçerik modülünü bu kutulardan birine çekebilir ve kaldırabilirsiniz. Satırın ve modülün sol üst tarafında, öğeleri düzeninizin diğer kısımlarına taşıma seçeneğini göreceksiniz. Amaçlanan çizgi veya modül de buradan kopyalanabilir veya çıkarılabilir. Satırlar ve sütunlar, satır ve sütunun genişliğini sıfırlamanıza izin veren ayarlar ve eylem düğmeleri vardır. Genişlik, renk, arka plan, sınır vb. Ayarlar kutusundaki Kuvvet sekmesinde ayarlanabilir. Marj ve dolgulara ek olarak, devam eden sekme, gelen kullanıcılara görünürlüğü sınırlamanıza ve hücresel kullanıcılar için geçici durdurma noktasını ayarlamanıza olanak tanır. Herhangi bir WordPress sayfa yapımcısı ile tanışmak biraz zaman alır, ancak Beaver Builder şüphesiz en kolay çözümlerden biridir. Bu, neredeyse anında yüklediğiniz değişikliklerle aynı zamanda en hızlı olanlardan biridir. Beaver Builder, düzeninizin her yönünü düzenlemenize olanak tanır, ancak göreceğiniz gibi Divi, düzen yaparken daha fazla ayar seçeneği sunar. Divi Tema Maker Interface Elegant, popüler WordPress temasını ve Drag ve Loose sayfasının üreticisini tanımlamak için Divi kelimesini kullanır. Bu, zarif temada yeni olanlar arasında küçük bir karışıklığa neden oluyor, bu yüzden bazen “divi teması” tasarımından ve “divi üreticisi” sayfa yapımından bahsederek ürünleri ayırt ediyorlar. Şimdilik, divi üreticisine odaklanmak istiyorum . Bu sayfanın üreticisi 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ştirildikten sonra, yeni bir yazı, sayfa veya özel yazı türü eklediğinizde “Divi Builder kullanma” seçeneğini göreceksiniz. Bu görsel bir ön uç üreticisi başlatacak, ancak Legacy Builder adlı bir arka uç düzenleyicisi de mevcut olacak. Varsayılan WordPress blok düzenleyicisinden istediğiniz zaman Divi Builder’a geçebilirsiniz. Divi Builder, yayınların, sayfaların ve özel yayın türlerinin ana listesinden de başlatılabilir. Beaver Builder gibi, girerseniz Divi Builder’ı WordPress yönetici çubuğundan etkinleştirme seçeneğini göreceksiniz. Zarif tema ayrıca bir divi düzen bloğuna sahiptir. Bu blok, herhangi bir divi düzenini doğrudan varsayılan WordPress blok düzenleyicisiyle yaptığınız düzene girmenize olanak tanır. Divi oluşturucuyu ilk başlattığınızda, bitmiş bir düzen yapmak isteyip istemediğiniz sorulacaksınız. Düzen veya oluşturduğunuz diğer sayfaları klonlamak.
Başından başlarsanız, Divi Builder boş tuvalinizi yükler ve yeni bir çizgi eklemek için bir kutu görüntüler. Aralarından seçim yapabileceğiniz 20 satır vardır ve her birinin farklı bir sütun yapısı vardır. Satıra girdikten sonra, Divi Builder sizden sayfanıza eklemek için modülü seçmenizi ister. Divi Builder daha sonra seçtiğiniz modül için ayarlar kutusunu içerir. Divi Builder’da yeniyseniz, editörün hazır bir düzen seçerek çalışma şekline alışmanızı öneririm, çünkü bu size oynayacak bir şey verir. Deneyimli kullanıcılar boş bir tuvalle başlamayı tercih edebilir, ancak bu seçeneği seçtiğinizde ana menünün otomatik olarak yüklenmediğini lütfen unutmayın. Ana menüyü yüklemek için, sayfanın altında üç yatay nokta bulunan düğmeyi tıklayın. Ana menü seçeneği üç sütuna ayrılmıştır. Maker ayarlarını menünün sol tarafındaki üç dikey nokta simgesinden yükleyebilirsiniz. Buradan menünüze üç farklı görüntüleme modu eklenebilir: Hover modu, tıklama modu ve ızgara modu. Bu mod düzen ile etkileşim kurma ve değişiklik yapma şeklinizi değiştirir. Örneğin, Hover modunda, yalnızca imleci sayfaya yönlendirerek modülleri, sütunları, satırları ve parçaları vurgulayacaksınız ve daha sonra değişiklik yapabilirsiniz. Maker ayar kutusundaki diğer ayarlar, varsayılan görüntüleme modları, geçmiş durum aralığı ve sayfalar içerir. Karmaşık bir düzen yaptıysanız, yanlış sayfa parçalarının vurgulandığı bir durum olabilir. Örneğin, sütunu taşımak isteyebilirsiniz, ancak yanlışlıkla yerin satırını seçersiniz. Bunun üstesinden gelmenin bir yolu, tel kafes ekran modunu kullanmaktır. Bu, sayfa yapısını daha kolay görmenize yardımcı olmak için görünümünüzün gereksiz tasarım öğelerini ortadan kaldırır. Bu, karmaşık bir düzende çeşitli şeyleri hareket ettirirken çok yararlıdır. Menünün sol tarafında, masaüstü, tablet ve hücresel ekranlarda tasarımları görmenize izin verme seçeneği de vardır. Orta menüde yedi seçenek var. X düğmesi orta kapanış menüsünü kapatın. Solda, kütüphanenin düzenini yükleyebilir, mevcut düzeninizi kaydedebilir ve düzeninizi silebilirsiniz. Sağda, sayfa ayarlarını, geçmişi düzenleme ve taşınabilirliği görebilirsiniz. Posta/Sayfa Ayarları kutusu başlıkları, tırnakları, üstün görüntüleri ve kategorileri değiştirmenizi sağlar. Burada boşluklar, renk paletleri, özel CSS ve görünürlük gibi bir dizi tasarım ayarı da mevcuttur. Düzenleme Geçmişi Kutusu, en son değişiklikleri kolayca iptal etmenizi ve tekrarlamanızı ve yaptığınız tüm değişikliklerin tüm geçmişini görmenizi sağlar. Düzen, taşınabilirlik ayarları kutusu üzerinden JSON formatında dışa aktarılabilir ve içe aktarılabilir. Bu, düzeni diğer web sitelerine aktarmak için kullanışlıdır. Konumunuz sayfanın sağ tarafında saklanabilir ve yayınlanabilir. Video öğreticileri ve klavye kısayolları da bu alandaki Divi yardımcı kutusundan görüntülenebilir. Özellikleri ve belgeleri bulmanıza yardımcı olan arama özellikleri de vardır. Beaver Builder ve Divi Builder için kullanıcı arayüzü farklı çalışır, ancak satırları ve sütunları ayarlamak zorunda kaldıklarında aslında aynı şekilde çalışırlar. Her iki çözüm de sol üst köşedeki ayarları görüntüler ve satırları ve sütunları hareket ettirmenize, çoğaltmanıza ve ayarlamanıza olanak tanır. Ancak, Divi’nin daha fazla ayar seçeneği vardır. Divi Builder’ın sıranın üstünde bölüm adı verilen bir öğesi vardır. Parça birkaç sıra içerebilir ve her satır birkaç sütun içerebilir. Bu, bir sayfa oluşturarak size biraz ekstra esneklik sağlar. Önceki Divi Builder sürümünde, düzen doğrudan WordPress düzenleyicisinden yapılır, ancak görsel ön uç üreticisi artık Divi ile bir düzen oluşturmanın standart bir yoludur.Neyse ki, eski editör hala Divi Builder’da mevcut.Legacy Builder’ı etkinleştirmek için önce Divi eklentisi seçenek alanının devam eden bölümüne gitmeli, en son Divi oluşturucu deneyimini devre dışı bırakmalı ve klasik düzenleyiciyi etkinleştirmelisiniz. Legacy Builder kullanıcıları, görselde mevcut olan çerçeve görüntü görüntüleme moduna benzer. Editör.Gerçek zamanlı yaptığınız değişikliklerin önizlemesini görmenize izin vermese de, ne kadar hızlı ve verimli seviyorum.Her şey ön uç düzenleyicisinden biraz daha hızlı yayınlanır ve sayfanızın yapısını görmek daha kolaydır. Beaver Builder her şeyi Divi Builder’dan biraz daha hızlı içerir ve kullanıcı arayüzünün alınması daha kolaydır, ancak Divi Builder, Beaver Builder’da olmayan daha fazla ayar ayarları ve ek özellikler sunar. Tel kafes modlarının ve eski inşaatçının dahil edilmesinin, Divi Builder’ı da daha esnek bir çözüm haline getirdiği söylenebilir. Divi Builder’ın nasıl çalıştığı konusunda daha kapsamlı bir ekran için lütfen Divi Builder’ın tam incelememize bakın. Ön Make Beaver Oluşturucu Düzeni Ben büyük bir tabaka öncesi hayranıyım çünkü şık içerik oluşturmak için gereken süreyi gerçekten azaltır. Ayrıca gelişmiş bir düzen yapmayı anlamanıza da yardımcı olurlar. Beaver Builder, Divi kadar ön plana çıkma sunmaz, ancak her bir şablonun kalitesi eşit derecede yüksektir. Şablon sayfaları ve şablonlar İçerik sayfası, sahip olduğunuz depolanan şablonun yanı sıra Şablon Şablonu Şablon Ana İçerik Menüsünde bulunabilir. Yön sayfasının yönü tam bir tam sayfa şablonudur. Boş bir tuval sayfası şablonu ile birlikte toplam 15 yönlü sayfa şablonu mevcuttur. Küçük işletmeler, spor salonu, avukatlar, müzisyenler, fotoğrafçılar, restoranlar, e -kitaplar ve daha fazlası için şablonlar vardır. Yön sayfasının yönünü seçtiğinizde, mevcut düzeni değiştirmek veya ne eklemek isteyip istemediğiniz sorulacak çoktan sahip. Önceki düzen saniyeler içinde düzeninize girilir. Ekledikten sonra, istediğiniz gibi ayarlayabilir ve özel bir şablon olarak saklayabilirsiniz. İçerik sayfası şablonu, sayfa için her tür web sitesi için uygun olan evrensel bir şablondur.25 Şablonlar İçerik sayfası mevcuttur.Alan, takım bilgileri, hizmetler, iletişim formları, fiyat tabloları, kayıt formları ve daha fazlası hakkında eklemenize yardımcı olacak bir düzen vardır. Beaver Builder ayrıca daha önce yapılmış düzinelerce hat sunar.Bu düzen, sayfanızın herhangi bir bölümüne kolayca eklenebilir.Ana İçerik Menüsü sekmesinin altında bulacaksınız. Beaver Builder cazip sistemini kullanırsanız, yeni bir düzen oluşturmak için gereken süreyi büyük ölçüde azaltabilirsiniz.Düzen herhangi bir zamanda saklanabilir ve istediğiniz kadar yeniden kullanılabilir. Depolanan 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 saklayabilirsiniz ve depolanan her düzen kategoriye göre belirlenebilir. Beaver Builder, daha önce yapılan düzeni kullanıcılarının arayüzüne entegre etmek için olağanüstü bir iş çıkarıyor. Düzen saniyelere dahil edilebilir ve ayarlamalar tekrar tekrar saklanabilir ve kullanılabilir. Daha önce Beaver Builder gibi Divi düzeni, Divi kullanıcılara daha önce yapılmış çeşitli düzenler sunuyor. Seçilebilecek 1.100’den fazla yerleşim paketi mevcuttur. Bu düzenin 150’i, web sitenizde sayfalar, bloglar, sayfalar ve galeriniz gibi bir dizi alan için tasarım içeren bir düzen paketidir. Daha önce de belirtildiği gibi, Divi Builder’ı yeni bir sayfada başlattığınızda, mevcut seçeneklerden biri hazır düzenli düzen seçmektir. Divi kütüphanesi ana menüden de yayınlanabilir. Divi Kütüphanesi, daha önce yapılmış olan düzeni girmenizi sağlar, düzen depolanır ve tüm sayfa. Arama kutusunu kullanarak uygun düzeni aramanızı daraltabilir veya belirtilen 13 düzen kategorisinden birini seçebilirsiniz. Divi Builder bunun olacağı için, daha önce yapılmış olan düzeni girmeden önce mevcut düzeninizi sakladığınızdan emin olun. Düzen paketi, pakette yer alan tüm düzenleri vurgular, ancak tasarımı seçerseniz web sitenizin nasıl göründüğünü görmek için “Doğrudan Demo” düğmesini tıklamanızı şiddetle tavsiye ederim. Bunu açıklamaya yardımcı olmak için, aşağıdaki ekran görüntülerinde gösterilen Divi Web Freelancer tasarımının demo alanına bakın. Barındırma ayarlarınıza bağlı olarak, Divi Builder, düzen paketindeki tüm mizanpajları içe aktarmak için bir dakikaya kadar sürebilir. Düzeni sayfanıza girdikten sonra, rengi değiştirerek, modülleri ekleyerek ve sizin için alakasız bir parçayı silerek kendinizi ayarlayabilir ve konumun konumu herhangi bir zamanda Divi kütüphanesine saklanabilir. Divi’nin ana menüsü. Her düzeni adlandırabilir ve bunları kategoriye ayırabilirsiniz. Divi yönetici menüsü ana eklenti seçenek sayfası, Divi Tema Oluşturucu, Divi kütüphanesi ve diğer birkaç ayar sayfasına (daha sonra tartışacağımız) bağlıdır. Divi Tema Builder, özel bir sayfa şablonu yapmanızı sağlayan olağanüstü bir araçtır. Daha sonra yayınlar, sayfalar ve özel yayın türleri için bir şablon ayarlayabilirsiniz. Her şablon için düzeni üstbilgi, gövdeye ve altbilgiye ayarlayabilirsiniz. Daha sonra web sitesi şablonunuzdan hangi alanın kullanılması gerektiğini tam olarak belirleyebilirsiniz. Örneğin, blogunuz için benzersiz bir tasarım oluşturabilirsiniz, ancak belirli bir yazı kategorisinden hariç tutabilirsiniz. Ayrıca arama sonuçları sayfası, sayfa 404, arşiv, ana sayfa sayfaları ve diğerleri için benzersiz bir şablon oluşturabilirsiniz. Depolanan tüm düzenler, Divi’nin ana yönetici menüsüne bağlı “Divi Kütüphanesi” sayfasından görülebilir. Düzen bu sayfadan içe aktarılabilir ve dışa aktarılabilir. Düzen kategorinizi buradan da yönetebilirsiniz. Divi kütüphanesinin ana sayfasının düzenini düzenlemek için tıkladığınızda, tel kafes ekran modunda tasarımınızın genel açıklamasına götürüleceksiniz. Bu mod, düzeninizin yapısını ayarlamak için kullanışlıdır, ancak daha spesifik bir değişiklik yapmak istiyorsanız, masaüstü ekrana, tablet ekrana veya mobil ekrana geçebilirsiniz. Bunu yapmak, görsel bir düzenleyici kullanarak depolanan düzeni değiştirmenizi sağlar. İsterseniz, sıradan bir görsel ön uç düzenleyicisi başlatabilir ve sayfanın kendisinde ayarlamalar yapabilirsiniz. Buna ek olarak, Beaver Builder’da mevcut olan tasarımdan daha fazla dağıtımlı Divi Builder düzeninin kalitesine inanmıyorum, ancak hepsi Divi Builder’daki ayarlar çok daha iyidir. Divi Builder Düzen Paketi, tam bir web sitesi oluşturmanıza yardımcı olacak düzinelerce şablon sağlarken, Beaver Builder sadece sayfanızın belirli bir kısmı için bir sayfanın düzeni ve düzenini sunar. Divi Builder’da da 15 Beaver Builder’a 950 yön sayfası şablonu sunan bir eklenti ile daha fazla seçenek var. Divi için üçüncü taraf düzeninin birçok seçeneği de mevcuttur. Bununla birlikte, Beaver Builder’ın Divi Builder’dan biraz daha hızlı bir şekilde düzeni girme eğiliminde olduğunu belirtmek önemlidir. DIVI Builder ile mevcut hazırlık düzenini görmek için Divi’nin Düzen sayfasına bakın. 29 Beaver Maker içerik modülü Beaver Builder’da mevcuttur. Modül altı kategoriye ayrılmıştır: temel, medya, eylemler, düzenler, bilgi ve yayınlar. Zengin içerik eklemek, düzeninizi ayarlamak ve blogunuzdan içerik çekmek için çeşitli iyi modüller vardır. Düzen kategorisindeki modüllerden biri, WordPress widget’ı girmenizi sağlayan yan çubuk modülüdür. Bu, işlevselliği diğer WordPress eklentilerinin düzeninize entegre etmek için birçok olasılık açar. Bir modül sürüklendiğinde ve tuval alanınıza bırakıldığında, ayar kutusu görünecektir. Stil, boşluk, görünürlük, animasyon ve diğerleri için tüm modüllerde genel ayarlar bulacaksınız, ancak her modül görüntülenenleri değiştirmenize izin verecek benzersiz bir ayara sahiptir. Örneğin, harita modülünde harita adresini, harita yüksekliğini ve harita başlığı özniteliğini girmek için bir sütun vardır. Beaver Builder en büyük içerik modülü koleksiyonuna sahip değildir ve Divi ayar seçeneği kadar çok şey sunmaz. Bununla birlikte, Beaver Builder’ın güzel bir düzen yapmak için ihtiyacınız olan her şeye sahip olduğuna inanıyorum, çünkü kayıp işlevsellik WordPress widget’ından düzene girilebilir. DIVI 38 İçerik Modülü İçerik Modülü Divi Builder’da seçilebilecek. Görüntüler, videolar, portföyler ve referanslar gibi önemli modüllere ek olarak, STEM sayma, açıklama, kayma ve harekete geçmeye davet etmek için yararlı modüller vardır. Divi Builder ayrıca projeye yeni bir özel yazı ekledi. Beaver Builder gibi, Divi’nin bir yan çubuk modülü vardır, böylece WordPress widget’larını düzeninize entegre edebilirsiniz. Divi Builder, şık bir düzen oluşturmanıza yardımcı olmak için bir renk kodu sistemi kullanır. Mavi kısım, sıra yeşil ve koyu gri modül (neredeyse siyah). İmleci sütuna yönlendirerek ve “Yeni Modül Ekle” düğmesini tıklayarak yeni bir modül ekleyebilirsiniz. Daha önce gösterdiğim gibi, modülü seçtiğinizde, modül ayarları kutusu otomatik olarak görünür, böylece değeri girebilir ve kuvveti ayarlayabilirsiniz. Yaptığınız ayarlama ne olursa olsun Divi kütüphanesine saklanabilir. Bu, bir sayfa oluştururken size çok zaman kazandırabilir. Örneğin, harita modülünü şirketinizin adres haritasını görüntüleyecek şekilde değiştirebilirsiniz. Daha sonra haritayı kolayca kaydedebilir ve bir sayfaya, iletişim formlarına, blog yayınlarına ve daha fazlasına girebilirsiniz. Divi Builder, Beaver Builder’dan daha fazla stil ve ayar seçeneği sunuyor ve dokuz ek içerik modülü var, ancak WordPress eklentilerinden birinde kimsenin sınırlı hissedeceğine inanmıyorum, özellikle de WordPress widget’ları düzene dahil edilebileceği için Modül yan çubuğu. Beaver Builder Global Ayarları kutusunu yapılandırma Beaver Builder kullanıcı arayüzündeki araç menüsünden yüklenebilir. Bu, sayfa başlıklarını ve marj ve dolgu satırlarını, sütunları ve modülleri etkinleştirmenizi ve devre dışı bırakmanızı sağlar. Duyarlı düzen bu alandan da ayarlanabilir ve CSS ve JavaScript kodlarını eklemek için bir kutu vardır. Ana Beaver Builder ayar sayfası birkaç bölüme ayrılmıştır. Otomatik eklenti güncellemeleri almak için lisans kilitinizi lisans bölümüne girmeniz gerekir. Modüller ve yazı türleri bir sonraki bölümde etkinleştirilebilir ve devre dışı bırakılabilir. Şablon sistemine erişim bir sonraki bölümde ayarlanabilir. Çekirdek şablonunu, kullanıcı şablonunu veya tüm şablonları etkinleştirebilirsiniz. Şablonlar da devre dışı bırakılabilir. Kullanıcı erişim ayar alanı, WordPress kullanıcı gruplarının Beaver Builder’ı hangi kullanabileceğini belirlemenizi sağlar. İzin, inşaatçı ve Beaver Builder Yönetici menüsüne erişim gibi beş farklı alana ayrılmıştır. Genel ayar sayfası ayrıca bir simgeler, eklenti markaları, tema markaları ve yardım ayarları koleksiyonunu etkinleştirmenize ve devre dışı bırakmanıza olanak tanır. Önbellekleme ve hata ayıklama araç bölümünde mevcuttur. Beaver Builder’ı yükledikten sonra Beaver Builder Ayarları sayfasını kontrol etmenizi öneririm, ancak yapacağınız ayarların çoğu ana Beaver Builder arayüzünde gerçekleşir. Beaver Builder gibi divi üreticisini yapılandıran zamanınızın çoğu, Divi Builder editörünün kendisindeki düzeni ayarlamak için harcanacak, ancak Divi yöneticisinin ana menüsünden bulunabilecek bazı önemli ayarlar vardır. Ana eklenti seçenek sayfasında zarif tema kullanıcı adınızı ve ateş anahtarınızı girmek için bir sekme vardır. Otomatik eklenti güncellemeleri almak için bunu bitirmeniz gerekir. Bir sonraki sekmede Google API anahtarınızı girebilirsiniz. Bir harita modülü kullanmak istiyorsanız bu gereklidir. Google yazı tipi de bu sayfadan devre dışı bırakılabilir. Bir sonraki sekme, belirli bir WordPress yazısı için Divi Builder’ı etkinleştirmenize ve devre dışı bırakmanıza olanak tanır. Bu, galeriniz gibi belirli yayın türleri için Divi Builder’a erişimi sınırlamak istiyorsanız yararlıdır.
Gelişmiş sekmesinde, CSS ve JavaScript minifikasyonunu etkinleştirip devre dışı bırakabilirsiniz. Bu aynı zamanda Editor Legacy Builder.divi Builder’ı etkinleştirebileceğiniz bir yerdir. Beaver Builder birkaç ana alana erişimi sınırlamanıza izin verirken, Divi Builder kullanıcılar tarafından hangi özelliklere erişilebileceğini tam olarak belirlemenizi sağlar. Örneğin, kullanıcının Divi Builder’daki düzeni yüklemesini veya özellikleri devre dışı bırakmasını engelleyebilirsiniz.
Divi Destek Merkezi sisteminizle ilgili raporlar sunar. Bu, barındırma ayarlarınızla ilgili herhangi bir sorunu teşhis etmenize yardımcı olabilir. Örneğin, WordPress web sitem için raporlar, WordPress kurulumumun sınırlı kaynaklara sahip olduğunu gösteriyor. Bu sayfada uzun mesafeli erişim de mevcuttur. Bu, zarif tema destek ekibinin Divi Builder ile ilgili sorunlarınızı çözmesine yardımcı olabilir. Destek merkezinde ayrıca yararlı bir video eğitimine bir bağlantısı vardır ve eklentiler ve diğer WordPress temalarıyla sorunlara neden olabilecek özellikleri devre dışı bırakan güvenli bir mod vardır. WP_DEBUG_LOG etkinleştirilirse, bu sayfada hatalar da görüntülenir. Divi Builder, kurulumdan sonra sadece birkaç ayar kontrol edilecek şekilde düzenlenecek basit bir WordPress eklentisidir. Ayar alanındaki önemli özellik Divi rol editörüdür. Bu, birçok personel ile büyük bir WordPress web sitesi sahibi tarafından takdir edilecek bir şeydir. Beaver Beaver Builder Tema Builder teması, Beaver Builder Pro ve Ajans Paketinde yer alan WordPress HTML5 ve Bootstrap çerçevesidir. Bu, Beaver Builder ile bir tasarım oluşturmak için boş bir tuval olarak işlev gören minimum bir WordPress tasarımıdır. Kancalar ve filtreler, geliştiricilerin web sitesi tasarımlarını değiştirmelerine yardımcı olmak için temalarda mevcuttur ve bu WooCommerce için büyük desteğe sahiptir. Beaver Builder teması için tüm ayarlar WordPress Customerer’da yer almaktadır. Stil ve konum, onlarca bahçe alanınıza ayarlanabilir. Ayrıca üstbilgiler, gezinme menüleri, bloglar, arşivler, blog yayınları, wooocommerce sayfaları ve altbilgi için bir düzen vardır. Özünde, Beaver Builder minimum bir WordPress teması olmaya devam ederken, geliştiriciler birçok ek ayar seçeneği eklemek için daha fazla çalıştılar. Örneğin, web sitenizi logonuza götürün. Biri retina cihazları için, sıradan cihazlar ve retina cihazları için solma logoları ve mobil cihazlar için diğer logolar gibi sıradan logo görüntüleri yükleyebilirsiniz. Diğer birçok WordPress temasında, başlıklar, kenar çubuğu ve altbilgi gibi farklı tasarım bölümleri, Beaver Builder’ın düzeni doğru şekilde görüntülemesini durdurabilir. Bu yüzden birçok Beaver Builder kullanıcısı Beaver Builder temasına geçti. Web sitenizdeki Beaver Builder düzenini kullanmak istiyorsanız bu iyi bir seçimdir. Divi Beaver Builder’ın teması, Tasarımlarını Beaver Builder için çerçevenin teması olarak pazarlarken, zarif temalar Divi temasını WordPress All-in-One çok yönlü teması olarak pazarlıyor. Bu, pazarlamanın ne kadar etkili olduğunu vurgular çünkü Beaver Builder temaları ve divi temaları arasında insanların düşündüğünden daha fazla benzerlik vardır. Başlangıçta, Divi WordPress hepsi bir arada temasıydı, ancak Divi temasıyla ilişkili kullanımların çoğu Divi Builder’a taşındı. Şüphesiz, yapılacak doğru şey budur. Bu nedenle, Divi Builder’da yer alan işlevlerin çoğu ile Divi teması, Beaver Builder teması gibi bir çerçeve olarak düşünülebilir. Bu nedenle, her iki ürününüz varsa, Divi Builder ile Beaver Builder veya Beaver Builder temasını kullanabilirsiniz. Divi teması etkinleştirildikten sonra, Divi yönetici menüsünde bazı ince değişiklikler göreceksiniz. Bu, Tema Seçenek sayfası ve WordPress Customer’a bağlantı ile değiştirilen eklenti seçenek sayfasını içerir. Genişletilmiş alandan bağımsız olarak, diğerleri aynı kalır. İlginç bir şekilde, Divi teması etkinleştirilirse, Divi Builder eklentisi otomatik olarak devre dışı bırakılır. Divi oluşturucu işlevselliği doğrudan Divi temasına (ve ekstra zarif WordPress temasına) inşa edildiğinden bu gereklidir. Bir düzine bölümün etrafına yayılmış WordPress ayarında yüzlerce yararlı seçenek bulacaksınız. Bu, başlıklar, altbilgiler ve kenar çubuğunuz gibi alanları kontrol etmek için kullanılabilir. Mesajlar, sayfalar ve özel yayınlar için ana içerik alanı hala Divi Builder tarafından kontrol edilmektedir. Web sitenizin tasarımını ayarlamak söz konusu olduğunda, Divi temasının Beaver Builder temasından daha iyi veya daha kötü olduğuna inanmıyorum. Divi temasının size daha fazla seçenek sunduğu ve Beaver Builder temasının daha fazlasını verdiği bazı alanlar vardır. Tüm Divi Builder eklenti seçenekleri daha geniş bir Divi tema seçenek alanına entegre edilmiştir. Örneğin, yayın türünün türü artık Maker sekmesinde kullanılabilir ve gelişmiş ayar sayfasından seçenek artık genel seçenek sayfasında. Genel ayar sayfasında ayrıca sosyal medya simgeleri, rulolar, özel CSS kodu ve daha fazlası için bir alanı vardır. Divi tema kullanıcıları için ek seçenekler de mevcuttur. Web sitesi gezinme menünüz için özel bir seçenek alanı ve yayınlarda ve sayfalarda hangi özelliklerin etkinleştirileceğini belirleyebileceğiniz yer düzeni sayfası vardır. Web siteniz hakkında 468×60 piksel afişler ve genel SEO detayları eklemek için sayfalar da vardır. Beaver Builder teması gibi, Divi teması Divi Builder ile kullanılmak üzere optimize edilmiş minimum bir WordPress temasıdır. Daha önce yapılan çeşitli öncesi düzenleri kullanmak istiyorsanız bu tasarımı kullanmanızı şiddetle tavsiye ederim. Bir kunduz özelliği ve işlevselliği oluşturmanın maliyeti, Beaver Builder ve Divi’yi incelerken dikkate almanız gereken iki faktördür, ancak bu ürünün maliyetini ve projeniz için mevcut bütçeyi de dikkate almanız gerekir. Birçok premium WordPress şirketi, ürünlerini ek web sitelerinde kullanmak için daha fazla ücret alıyor. Örneğin, başlangıç seviye paketleri bir web sitesini destekleyebilir, orta paketler üç web sitesini destekleyebilir ve gelişmiş paketler on web sitesini destekleyebilir. Beaver Builder ve zarif temalar cömerttir ve sınırsız sayıda web sitesi için destek ve güncellemeler sunar. Bu makale esas olarak Beaver Builder’ın premium versiyonuna odaklanırken, yine de Beaver Builder Lite’ı kontrol etmenizi öneririm. Bu, basit bir web sitesi 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. Bununla birlikte, Beaver Builder’ın ücretsiz sürümünün iletişim formları, fiyat tabloları ve haritalar gibi yararlı bir modülü olmadığını lütfen unutmayın. Beaver Builder şablon sistemine veya önceden hazırlanmış düzenlere erişim yoktur. Projelerin büyük çoğunluğu için, Beaver Builder’ın tam sürümü Lite versiyonundan daha uygundur. Üç farklı prim planı mevcuttur: standart, profesyonel ve ajans. Tüm planlar bir yıllık premium destek ve premium modüllere ve şablonlara erişim ile birlikte gelir. Standart plan yıllık 99 $ ‘dan perakende. WordPress çoklu destek ve Beaver Builder temasına erişim elde etmek için, yıllık 199 $ Pro planına yükseltmeniz gerekir. Yıllık 399 $ ajans planı beyaz etiketleme ekler. Web tasarım şirketleri, eklentiyi kendiniz olarak yeniden markalamanıza ve şablonlarda ve yönetici alanındaki Beaver Builder’a yapılan tüm referansları değiştirmenize izin verdiği için bu planla ilgilenebilir. Tüm Beaver Builder üyeleri de bir yıl sonra% 40 indirim alır. Sonraki yıllarda Beaver Builder paketinin fiyatını yılda 59,40 $, yılda 119.40 $ ve yılda 239.40 $ ‘a düşürdü. Beaver Builder kullanmanın herhangi bir yönünden emin değilseniz, ayrıntılı bilgi tabanlarını kontrol etmenizi şiddetle tavsiye ederim. Ayrıca bilet desteği ve Beaver Builder Topluluk Forumu, Beaver Builder Facebook Grubu ve Beaver Builder Slack Room’da yardım isteyebilirsiniz. Divi Maliyetleri Zarif Temaların Politikası Tayini Üyelik Fiyatları daha kolaydır. İki paket mevcuttur ve her iki paket de tüm zarif tema ürünlerine tam erişim sağlar. Yıllık zarif temalar üyeliği yılda 89 dolar değerinde. Beaver Builder gibi, üyeliğinizin süresi dolduktan sonra Divi Builder gibi ürünleri kullanmaya devam edebilirsiniz, ancak güncellemezseniz destek ve güncellemeler almayacaksınız. Üyeliğinizi birkaç yıl boyunca güncelleyeceğinizi düşünüyorsanız, ömür boyu erişim paketi almayı düşünebilirsiniz. 249 $ ‘lık bir maliyetle, tüm zarif temalar için erişim, destek ve ömür boyu yaşam alacaksınız. Ürünlerini daha iyi anlamanıza yardımcı olmak için, zarif temalar şimdiye kadar gördüğüm en geniş belge alanlarından birini yaptı. Tema ve WordPress zarif tema temalarının ve eklentilerinin nasıl çalıştığını açıklayan yüzlerce yazılı öğretici ve video öğreticisi vardır. Üyeler ayrıca bilet desteği ile yardım isteyebilir ve büyük topluluk forumları, buluşma ağları ve popüler Facebook grupları da vardır. Beaver Builder ve Divi’nin maliyetini karşılaştırmak zordur çünkü biraz farklı bir fiyat modeline sahiptirler.Daha sınırlı olmasına rağmen, Beaver Builder’ın ücretsiz versiyonunun mevcut olduğu gerçeğini takdir ediyorum, çünkü Beaver Builder Lite temel bloglar ve basit web sitesi projeleri için yeterli.Ancak, Beaver Builder’ın tam sürümünün çoğu WordPress kullanıcısı için en iyi seçim olduğuna inanıyorum.99 dolarlık bir fiyatla, Beaver Builder için standart lisans, zarif temalardan 10 $ daha pahalıdır, ancak sonraki güncellemeler yılda sadece 59,40 $ tahsil edilir.Bu sadık üyeler için büyük bir indirimdir, ancak ömür boyu zarif temalar paketi birçok web sitesi sahibi için hala daha ucuz olabilir.Zarif temalar üyeliği, Beaver Builder temasına erişmek için 199 $ ödemeniz gereken Divi temasını da içerir.Daha da önemlisi, zarif temalar üyeliği beş yüksek kaliteli ürün içerir: Divi teması, Divi Builder, WordPress Extra Magazine teması, WordPress Bloom seçin e-posta eklentisi ve WordPress Monarch’ın sosyal medya eklentisi. Bu nedenle, zarif tema üyeliğinin çoğu WordPress kullanıcısı için daha iyi para değeri sunduğuna inanıyorum. Sürükle ve bırak sayfa üreticisinin son zihni, WordPress kullanıcılarının kullanıcı dostu bir arayüz aracılığıyla dakikalar içinde güzel bir web sitesi düzeni oluşturmasına yardımcı olabilir. Bunun gibi karşılaştırmalı bir makalede, Beaver Builder ve Divi’nin güçlü ve zayıf yönlerini göstermek benim sorumluluğumdur, ancak bu iki çözümün gelişmiş ürünler olduğunu ve aralarında birçok benzerlik olduğunu hatırlamak önemlidir. Yeni satırlar ve sütunlar yapma işlemi her iki ürüne de benzer, ancak Beaver Builder arayüzünün öğrenilmesi daha kolay ve biraz daha hızlı olduğunu hissediyorum. Divi daha fazla ayar seçeneği sunar ve daha önce daha fazla düzen yapılır. Zarif temalar üyeliğinde yer alan beş ürünle, bence daha iyi bir para değeri sunuyor. Umarım Beaver Builder ve Divi’nin derin manzarasını beğenirsiniz. Beaver Builder hakkında daha fazla bilgi edinmek için resmi satış sayfasına bakın veya Beaver Builder’ın tam incelememizi okuyun. Beaver Builder’ın Beaver Builder Demo sayfasını ziyaret ederek veya eklentinin ücretsiz sürümünü test ederek nasıl çalıştığını daha iyi anlayabilirsiniz. Divi’nin zarif tema web sitesinde ve Divi Builder’ın tam incelemesinde nasıl öğrenebilirsiniz. Mevcut Divi Builder’ın ücretsiz bir sürümü olmamasına rağmen, eklentiyi Divi Builder Demo sayfasında test edebilirsiniz.