Beaver Builder İncelemesi: En İyi WordPress Sayfa Oluşturucu Eklentisi mi? (2022)

WordPress siteniz için en iyi sayfa oluşturucu eklentisini mi arıyorsunuz?

Beaver Builder kesinlikle bu listede bir yeri hak ediyor. 2014 yılında piyasaya sürülmesinden bu yana, önde gelen sayfa oluşturuculardan biri haline geldi ve kaya gibi sağlam güvenilirlik ve harika bir topluluk için hak edilmiş bir itibar kazandı.

Uygulamalı Beaver Builder incelememizde, eklentinin neleri iyi, neleri kötü yaptığı da dahil olmak üzere size ayrıntılı bir bakış sunacağım.

Genel olarak, Beaver Builder'ın çok iyi bir sayfa oluşturucu olduğunu düşünüyorum, ancak herkes için en iyi araç olmayabilir, bu nedenle Beaver Builder'ı mı yoksa onun gibi popüler alternatiflerinden birini mi kullanacağınıza karar vermek için doğru bilgilere sahip olmak isteyeceksiniz. Elementor veya Divi Builder.

İncelememizi okumaya devam edin, bu kararı vermenize yardımcı olacağım!

Beaver Builder İncelemesi: Hızlı Bir Özet

Beaver Builder'a aşina değilseniz, sizi hızlandırmak için özelliklerinin çok hızlı bir özetiyle başlayacağım.

Beaver Builder, kullanıcı dostu bir sürükle ve bırak sayfa oluşturucu eklentisidir. Bu, herhangi bir teknik bilgi gerektirmeden karmaşık tasarımlar ve açılış sayfaları oluşturmanıza yardımcı olduğu anlamına gelir.

İçerik modüllerini kullanarak tasarımınızı kurabilir ve satır ve sütunları kullanarak mizanpajlar oluşturabilirsiniz. Her modül, satır ve sütun için tasarımını, düzenini, aralığını ve daha fazlasını kontrol etmek için ayrıntılı seçenekler alırsınız.

Daha ileri gitmek istiyorsanız, özel üstbilgiler, gönderi şablonları, altbilgiler vb. dahil olmak üzere tüm temanızı görsel, sürükle ve bırak düzenlemesini kullanarak tasarlamak için Beaver Builder'ın Themer eklentisini kullanabilirsiniz.

Temel olarak Beaver Builder, %100 özel bir WordPress web sitesi oluşturmanıza yardımcı olur.

Beaver Builder Arayüzü Nasıl Çalışır?

Beaver Builder arayüzünü ve nasıl çalıştığını inceleyerek başlayalım.

Temel Arayüz Turu

Arayüzü başlattığınızda, canlı tasarımınızın tam genişlikte güzel bir önizlemesini elde edersiniz. Varsayılan olarak sabit bir kenar çubuğu yoktur, ancak isterseniz bir tane oluşturabilirsiniz:

Modül Ekleme

Yeni modüller veya şablonlar eklemek için, yerleştirici arayüzünü açmak için sağ üst köşedeki "artı" simgesine tıklayabilirsiniz. Modüller farklı kategorilere ayrılmıştır ve ayrıca ada göre de arama yapabilirsiniz.

Bir modül eklemek için onu sayfaya sürüklemeniz yeterlidir:

Modülü ekledikten sonra menü kaybolur ve tam önizlemeye geri dönersiniz.

Menünün sabit kalmasını tercih ederseniz, o tarafta sabit bir kenar çubuğuna dönüştürmek için onu sağa veya sola sürükleyebilirsiniz. Burada, sola düzelttim:

Modüllerin kendileri açısından, Beaver Builder size en önemli modüllerin tümüne erişim sağlama konusunda iyi bir iş çıkarıyor. Liste, diğer sayfa oluşturucular kadar geniş olmayabilir, ancak çoğu insanın sorun yaşayacağını düşünmüyorum. Daha fazla modül eklemeniz gerekiyorsa, bunu her zaman üçüncü taraf eklentileri kullanarak yapabilirsiniz (daha fazlası için).

Modülleri, Sütunları ve Satırları Yapılandırma

Herhangi bir öğenin ayarlarını açmak için üzerine gelip İngiliz anahtarı simgesini tıklayabilirsiniz.

Kaybolan menünüz varsa ayarlar, herhangi bir konuma sürükleyip boyutunu değiştirebileceğiniz bir açılır pencerede görünür:

Sabit kenar çubuğu yaklaşımını tercih ederseniz, ayarlar bunun yerine otomatik olarak kenar çubuğunda açılır:

Yukarıdaki ekran görüntülerinde bir metin düzenleyici görseniz de, Beaver Builder satır içi düzenlemeyi de destekler; bu, tıklayıp yazarak doğrudan sayfaya metin ekleyebileceğiniz anlamına gelir.

Tasarım seçeneklerinin sayısı açısından, tüm önemli temel seçeneklere sahip olduğunuzu söyleyebilirim, ancak Elementor ve Divi Builder gibi bazı sayfa oluşturucuların sunduğu gelişmiş tasarım seçeneklerini alamıyorsunuz.

Örneğin, özel bir mutlak/göreceli konumlandırma yoktur ve Elementor'un Hareket Efektleri veya Divi'nin Kaydırma Efektleri gibi bir şey yoktur ( ancak Beaver Builder temel animasyonları içerir ).

Normal kullanıcılar için, bir şey kaçırdığınızı hissedeceğinizi sanmıyorum. Ancak tüm bu harika tasarım efektlerini kurmayı seven bir tasarımcıysanız, Elementor ve Divi bu konuda kesinlikle biraz daha esnektir.

Beaver Builder, duyarlı tasarımı da destekler. Mobil cihazlarda belirli öğeleri gizleyebilir ve ayrıca kullanıcının cihazına göre yapılandırmayı değiştirme seçeneğine de sahip olabilirsiniz (örneğin, mobil ziyaretçiler için farklı boşluk veya yazı tipi boyutu kullanabilirsiniz):

Mobil cihazlar ve tabletler için tasarım yapmayı kolaylaştıran duyarlı bir düzenleme modu da vardır.

Çok Sütunlu Tasarımlar Oluşturma

Bu benim en sevdiğim Beaver Builder özelliklerinden biri ve neden her sayfa oluşturucunun bunu böyle yapmadığını bilmiyorum.

Diyelim ki çok sütunlu bir tasarım oluşturmak istiyorsunuz. Diğer sayfa oluşturucuların çoğunda, önce sütun yapınızı ayarlamanız gerekir. Ardından, widget'ları bu sütunlara sürükleyebilirsiniz.

Beaver Builder ile bu adımı atlayabilir ve otomatik olarak yeni bir sütun oluşturmak için bir modülü başka bir modülün yanına sürükleyebilirsiniz. Küçük bir şey ama gerçekten kullanışlı ve size biraz zaman kazandıracak:

Tabii ki, Beaver Builder yine de ilk önce sütun yapınızı ayarlamanıza izin veriyor - bu şekilde yapmayı tercih ederseniz manuel olarak bir satır eklemeniz gerekir.

Şablon Ekleme

Zaman kazanmak için Beaver Builder, ekleyebileceğiniz bazı tam sayfa şablonlar içerir. Bu şablonlar iki biçimde gelir:

• Tam açılış sayfaları
• İçerik sayfaları (ör. "Hakkında" sayfası)

Yine de şablonların Beaver Builder'ın güçlü noktası olmadığını söyleyebilirim. Şablonların kendileri iyi görünüyor, ancak diğer bazı araçların sunduğu şablonların neredeyse miktarına erişemiyorsunuz. Örneğin, Divi size 1700'den fazla şablon sunar ve Elementor da yüzlerce şablona sahiptir.

Sayfa şablonlarına ek olarak, bir sayfanın bir bölümü için şablonlar olan önceden oluşturulmuş satır şablonları da alırsınız - örneğin, bir kahraman bölümü.

Ayrıca kendi tasarımlarınızı daha sonra yeniden kullanmak üzere şablon olarak kaydedebilirsiniz.

Genel Ayarları Kullanma

Genel ayarlar, satırlar için varsayılan genişlik, satırlar ve sütunlar için varsayılan kenar boşlukları/dolgusu, duyarlı düzenler ve daha fazlası gibi tüm Beaver Builder tasarımlarınız için üst düzey ayarları kontrol etmenize olanak tanır.

Ayrıca, tüm sayfa oluşturucuların izin vermediği bir şey olan çekirdek eklentide küçük ve orta ölçekli cihaz kesme noktalarınızı özelleştirebilirsiniz (örneğin, Elementor hala ayarlanabilir kesme noktalarına izin verme sürecindedir).

Kodla Çalışmak

Kodla çalışmak istiyorsanız, Beaver Builder, CSS veya JavaScript'i doğrudan sayfaya eklemeyi kolaylaştırır - kod düzenleyiciyi açmak için Ctrl + Y tuşlarına basın.

Ancak, Elementor Pro'nun izin verdiği gibi, özel CSS'yi doğrudan tek bir modüle/bölüme ekleyemezsiniz. Bir modüle özel bir CSS sınıfı veya kimliği ekleyebilseniz bile, CSS'nin kendisini ekleyemezsiniz.

Arayüz ve Düzenleme Deneyimi Üzerine Genel Düşünceler

Genel olarak, Beaver Builder'daki düzenleme deneyiminin oldukça iyi olduğunu düşünüyorum.

Tasarım seçenekleri söz konusu olduğunda Elementor veya Divi kadar "fazlasına" sahip değildir, ancak çoğu kullanıcının ihtiyaç duyacağı tüm temel seçeneklere sahiptir.

Ek olarak, arayüzün kendisini gerçekten seviyorum. Bunu ekran görüntülerinde göstermek zor olsa da, arayüz her zaman hızlı ve sorunsuzdur. Ayarları açarken veya bir şeyleri sürüklerken hiçbir zaman gecikme veya sorunla karşılaşmadım - sadece işe yarıyor.

Arayüzü tercihlerinize göre özelleştirebilmeniz de güzel. Tam ekran görsel önizlemeyi seviyorsanız, tasarımınıza bakarken varsayılan açılır pencere stilini kullanmaya ve tüm ayarları gizlemeye devam edebilirsiniz.

Veya kenar çubuğu yaklaşımını seviyorsanız, kenar çubuğunu her iki tarafa da yapıştırabilir ve her şeyi sabit bir arayüzden yapabilirsiniz.

Özellikle gösterişli bir şey yok, sadece gerçekten sağlam, kullanımı hoş bir arayüz.

Kunduz Temalı

Beaver Themer, Beaver Builder'a tam tema oluşturma desteği ekleyen Beaver Builder ekibinin resmi bir uzantısıdır.

Beaver Builder, Elementor ve Divi gibi diğer büyük isimleri geride bırakarak tam tema oluşturma sunan ilk sayfa oluşturuculardan biriydi.

Beaver Themer etkinken, temanız için şablonlar oluşturmak üzere Beaver Builder → Themer Layouts'a gidebilirsiniz:

• başlık
• altbilgi
• Tekil (ör. tek blog gönderileri, sayfalar vb.)
• Arşivleyin (ör. tüm blog gönderilerinizi listeleyen sayfa)
• 404 sayfa

Ayrıca, sitenizin farklı bölümlerine bir tür tema kancası gibi bir tasarım eklemenize izin veren gerçekten güzel bir özellik olan tema bölümleri de oluşturabilirsiniz.

Tema Şablonları

Yeni bir tema şablonu oluşturduğunuzda, öncelikle o şablonu ne zaman kullanacağınızı seçmeniz gerekir. Tüm blog gönderileri veya yalnızca belirli bir kategori/etiket içeren gönderiler gibi belirli içerik türlerini hedefleyebilirsiniz.

Daha fazla kontrol istiyorsanız, yalnızca oturum açma durumu, kullanıcı rolü, yazar, özel alan, gönderi şablonu ve daha fazlası gibi belirtilen koşullar karşılandığında belirli bir şablonu kullanmanıza izin veren Kurallar ayarlayabilirsiniz.

Diğer tema oluşturucuların çoğu benzer bir özelliğe sahip olmadığından, bu Beaver Themer'ın kesin bir avantajıdır.

Oradan, şablonunuzu tasarlamak için aynı Beaver Builder arayüzünü kullanabilirsiniz. Tek fark, bir gönderinin başlığı ve içeriği gibi "dinamik" içerik ekleyebilecek olmanızdır.

Beaver Themer, Gelişmiş Özel Alanlar veya Bölmeler gibi eklentilerden veri ekleyebilmeniz için özel alanlarla da çalışır. Aşağıda, bir alanın içeriğini dinamik bilgilere bağlamanın nasıl bir şey olduğunu görebilirsiniz.

Tema Parçaları

Tema bölümleri temelde tema şablonlarıyla aynı şekilde çalışır, ancak parçayı temanızda belirli bir yere, örneğin gönderi başlığının altına veya içeriğin altına yerleştirmenize izin veren ekstra bir seçeneğe sahip olursunuz.

Reklamlar, katılım formları, harekete geçirici mesajlar ve daha fazlası için tema bölümlerini kullanabilirsiniz.

Kunduz Oluşturucu Teması

Beaver Builder Teması, Beaver Builder ile eşleşecek şekilde tasarlanmış hafif bir temel WordPress temasıdır.

Esasen fikir, başlık, alt bilgi ve blog şablonları gibi içerik olmayan alanları işlemek için Beaver Builder Temasını kullanmanız ve ardından asıl içeriği tasarlamak için Beaver Builder'ı kullanmanızdır (başlık ile başlık arasında geçen kısım). altbilgi).

Dürüst olmak gerekirse, Beaver Builder Temasını 2022 ve sonrasındaki bir eklenti için o kadar değerli bulmuyorum. Temanın "kötü" olması değil - güzel bir tema. Sadece WordPress alanının değiştiğini düşünüyorum ve artık o kadar da özel değil.

Yıllar önce temanın olması güzeldi çünkü hafif, çok amaçlı temel temalar bulmak hala zordu.

Ancak şimdi, sayfa oluşturucularla eşleşecek şekilde tasarlanmış esnek, hafif temalar söz konusu olduğunda seçim yapmakta zorlanıyoruz. Bu temaların tümü, Beaver Builder Theme ile aynı temel ilkeyi takip eder, ancak bunu daha iyi yaparlar ( en azından benim görüşüme göre ). 2022 ve sonrasında Beaver Builder'ı GeneratePress ile eşleştirmeyi tercih ederim.

Verim

Sayfa oluşturucu eklentisi kullanırken performans her zaman önemli bir husustur. Bir sayfa oluşturucu, yalnızca varsayılan WordPress düzenleyicisini kullanmaktan ziyade sayfaya her zaman daha fazla ağırlık katacaktır, ancak bazı sayfa oluşturucular bu ağırlığı minimumda tutmakta diğerlerinden daha iyidir.

Kişisel olarak, farklı sayfa oluşturucularla aynı sayfaları oluşturduğum bazı testler yaptım ve Beaver Builder, performans söz konusu olduğunda genellikle en iyi seçeneklerden biri. Bununla, sayfa boyutlarının ve HTTP isteklerinin diğer oluşturuculardan daha düşük olduğunu kastediyorum.

Beaver Builder'ın yerel WordPress blok düzenleyicisine (Gutenberg) kıyasla ne kadar ekstra ağırlık eklediğine dair size iyi bir fikir vermek için küçük bir test yapmaya karar verdim.

İki versiyonda basit bir tasarım oluşturdum: biri Gutenberg editörüyle, diğeri ise Beaver Builder'ın premium versiyonuyla.

Ardından, sayfa boyutlarını ve HTTP isteklerini karşılaştırdım (bu sayılar sitemin GeneratePress temasını içerir):

Beaver Builder'ın varsayılan olarak çok fazla yüklenmediğini görebilirsiniz. Tasarım çok basittir ve esas olarak sadece metin, düğmeler ve sütunlar içerir. Bu sonuç, diğer birçok sayfa oluşturucuda göreceğinizden daha küçüktür.

Örneğin, Divi Builder ile aynı şeyi yaptığımda, 316,7 KB (Beaver Builder'ın +44.1 KB'sine kıyasla) ve yedi yeni HTTP isteği (Beaver Builder'ın dört yeni HTTP isteğine kıyasla) ekledi.

Bir başka güzel şey de, Beaver Builder'ın komut dosyalarını site genelinde yüklememesidir . Dolayısıyla, yerel WordPress düzenleyicisiyle oluşturduğunuz bir sayfanız varsa, Beaver Builder o sayfaya tek bir komut dosyası yüklemez.

Bu dikkate değer, çünkü diğer bazı sayfa oluşturucular komut dosyalarını site genelinde yükler, bu da sayfa oluşturucuyu o sayfada kullansanız da kullanmasanız da sayfaya ağırlık katar.

Beaver Builder Performans Sonuç

Beaver Builder ile tasarladığınız bir sayfa, Gutenberg blok düzenleyici ile tasarladığınız sayfa kadar hızlı yüklenir mi? Hayır, her şey eşit, olmayacak.

Ancak Gutenberg blok düzenleyicisi size Beaver Builder kadar tasarım esnekliği sağlamaz. Ve benzer esnekliğe sahip diğer sayfa oluşturucu eklentileriyle karşılaştırıldığında, Beaver Builder oldukça olumlu bir karşılaştırma yapıyor.

Bu nedenle - herhangi bir sayfa oluşturucu eklentisi için geçerli olan temel performans değiş tokuşu konusunda sorun yaşamadığınız sürece, Beaver Builder ek ağırlığını minimumda tutma konusunda iyi bir iş çıkarır.

WordPress performansıyla ilgili en iyi uygulamaları takip ettiğiniz, bazı hız optimizasyonu eklentileri kullandığınız ve sitenizi hızlı barındırmada barındırdığınız sürece, Beaver Builder ile tamamen hızlı yüklenen bir site oluşturabilirsiniz.

Üçüncü Taraf Beaver Builder Eklentileri

Beaver Themer'a ek olarak, Beaver Builder, çekirdek oluşturucuyu daha da genişletmenizi sağlayan üçüncü taraf Beaver Builder eklentilerinin canlı bir pazarına da sahiptir.

Tipik olarak, bu uzantıları yeni içerik modülleri ve şablonlar eklemek için kullanırsınız, ancak bazıları Pod çerçevesini Beaver Builder/Themer ile entegre etmek gibi yeni özellikler de ekler.

Size bir tat vermek için, işte en popüler seçeneklerden ikisi:

• Beaver Builder için Ultimate Eklentiler (Astra temasının arkasındaki aynı ekipten)
• Beaver Builder için PowerPack Eklentisi

Daha da fazla seçenek görmek için en iyi Beaver Builder eklentilerine göz atın.

fiyatlandırma

Artık her şeyi ele aldığımıza göre, fiyatlandırma hakkında konuşalım.

Öncelikle, Beaver Builder'ın WordPress.org'da ücretsiz bir lite sürümü var , ancak çok sınırlı.

Dürüst olmak gerekirse, şimdi Gutenberg blok düzenleyicisi var, Beaver Builder'ın ücretsiz sürümünde, beğenip beğenmediğinizi görmek için kullanıcı arayüzünü denemenize izin vermenin ötesinde bir değer görmüyorum.

Aynı fikirde olmayabilirsiniz - bu nedenle ücretsiz sürümü kesinlikle kendiniz test etmelisiniz. Ancak bence, özellikle ücretsiz bir sayfa oluşturucu eklentisi arıyorsanız, Elementor ve Brizy'nin ücretsiz sürümleri, özellikleri bakımından çok daha cömerttir.

Ancak, premium sürüm söz konusu olduğunda, Beaver Builder oldukça uygun fiyatlı.

İlk olarak, dikkat edilmesi gereken önemli nokta, Beaver Builder'ın tüm fiyatlandırma planlarının sınırsız web sitesinde kullanıma izin vermesidir.

Oradan, bir yıllık destek ve güncellemeler için planlar sadece 99 dolardan başlıyor. Tüm planlarda, ilk yıldan sonra destek ve güncelleme almaya devam etmek istiyorsanız %40 yenileme indirimi alabilirsiniz.

Yukarıda bahsettiğim gibi, Beaver Builder Temasını artık o kadar değerli bulmuyorum, bu yüzden 99$ Standart lisansla hemen hemen herkesin iyi olacağını düşünüyorum. Daha fazla ödemek isteyebileceğiniz tek nedenler şunlardır:

1. WordPress çoklu site desteğine ihtiyacınız var, bu durumda 199 $ Pro lisansına ihtiyacınız var.
2. Beyaz etiketlemeye ihtiyacınız var, bu durumda 399$ Ajans lisansına ihtiyacınız var.

Tema oluşturma desteği eklemek istiyorsanız, sınırsız sitelerde kullanım için 147 ABD Doları tutarında olan Beaver Themer'ı da satın almanız gerekir.

Bu nedenle, sayfa oluşturucu ve tema oluşturucu istiyorsanız, sınırsız sitelerde kullanım ve bir yıllık destek ve güncelleme için 246 dolar ödersiniz. İlk yıldan sonra destek ve güncelleme almaya devam etmek istiyorsanız, yenilemek için toplam 147,60 $ ödeyeceksiniz.

Beaver Builder Üzerine Son Düşünceler

Genel olarak, Beaver Builder'ın yerleşik, güvenilir bir geliştirme ekibinden çok iyi bir eklenti olduğunu düşünüyorum. Yedi yılı aşkın bir süredir var ve o zaman içinde harika bir topluluk oluşturdu.

Ancak, Beaver Builder'ı kullanıp kullanmamanız gerçekten bir WordPress sayfa oluşturucu eklentisinde neye değer verdiğinize bağlıdır.

Her zaman yeni özellikler ekleyen ve size yeni tasarım becerileri kazandıran bir sayfa oluşturucu istiyorsanız, Beaver Builder en iyi seçiminiz olmayabilir çünkü bu Beaver Builder ekibinin odak noktası gibi görünmüyor. Beaver Builder asla yeni özellikler eklemez, ancak Elementor, Divi ve Brizy gibi eklentilerden daha yavaş bir hızda gelirler.

Bununla birlikte, kararlılığa sık sık yeni özellikler almaktan daha çok değer veriyorsanız, bence Beaver Builder'ın gerçekten iyi yaptığı yer burasıdır. Daha yavaş bir geliştirme döngüsü, sorunları test etmek ve çözmek için daha fazla zaman anlamına gelir. Beaver Builder kullanıcılarının yeni bir sürümün bazı yaygın hatalara neden olduğundan veya sitelerinde bir şeyleri bozduğundan şikayet ettiğini hiç görmedim.

Yeni özellikler edinmenin kesinlikle bir değeri var, ancak istikrarın da değeri var. Bir eklenti zaten ihtiyacınız olan her şeyi yapıyorsa, sitenizde sorunlara neden olabilecek veya olmayabilecek yeni özellikler eklemeden bunu iyi yapmaya devam etmesini isteyebilirsiniz.

Yani temelde böyle görüyorum. Tek bir "doğru" cevap olduğunu düşünmüyorum - bu gerçekten hangi yaklaşımı tercih ettiğinize bağlı.

Beaver Builder'ın yaklaşımını beğendiyseniz, web sitesine gitmek için aşağıdaki düğmeyi tıklayabilirsiniz:

Beaver Builder'ı edinin

Diğer seçenekleri görmeyi tercih ederseniz, en iyi sayfa oluşturucu eklentileri koleksiyonumuza göz atabilirsiniz. Maksimum tasarım esnekliği istiyorsanız, bazı iyi seçeneklerin Elementor (incelememizi okuyun) ve Divi Builder (incelememizi okuyun) olduğunu düşünüyorum.

Beaver Builder'ın bu eklentilere karşı nasıl bir performans sergilediğini görmek için şu gönderilere göz atabilirsiniz:

• Elementor Pro vs Beaver Builder
• Divi vs Kunduz Oluşturucu

Beaver Builder veya Beaver Builder incelememiz hakkında hala sorularınız mı var? Bir yorum bırakın ve bize bildirin!