“Alpine” olarak da bilinen Beaver Builder 2.8'in merakla beklenen lansmanı burada!

Beaver Builder 2.8, Global Styles işlevselliğinin yanı sıra flexbox ve CSS ızgarasının gücünü yeni Box Modülüne getiriyor. Ek olarak bu sürüm, North Commerce modülü ve Popup Maker ile entegrasyon gibi önemli geliştirmelerin yanı sıra Menü, Gönderi Atlıkarıncası, Gönderi Kaydırıcısı ve Fotoğraf gibi temel modüllerde küçük iyileştirmeler içerir.

Bu yazıda yeni Beaver Builder 2.8 güncellemesini tanıtacağız. Ardından size en iyi yeni özelliklerden bazılarını göstereceğiz.

Beaver Builder 2.8'e Giriş

Beaver Builder'da, WordPress web siteleri oluşturma ve özelleştirme sürecini basitleştirerek kullanıcı dostu sayfa oluşturucu eklentimizi güncellemeye devam ediyoruz. Beceri düzeyiniz ne olursa olsun, sürükle ve bırak görsel düzenleyicimiz, önceden tasarlanmış sayfa şablonlarımız, Genel Ayarlar ve daha fazlası, web sitesi projelerinizi hızlı bir şekilde oluşturmanıza olanak tanır:

Beaver Builder 2.7'de mobil cihaz görünümlerini önizlemek için yeni bir duyarlı düzenleyici ekledik. Ayrıca kesme noktası açılır menüsünü daha kullanıcı dostu simgelerle değiştirdik.

2.7 güncellemesi, belirli satırlar, sütunlar veya modüller için kod ayarlarını özelleştirme olanağını getirdi. Ayrıca birden fazla gönderi türü seçmeyi de mümkün kıldık. Son olarak Beaver Builder 2.7, ACF Blocks ile tamamen entegre olup, gelişmiş içerik düzenleme deneyimine erişmenizi sağlar.

Beaver Builder 2.8'e güncelleme yaptığınızda, yeni Box Modülümüzdeki flexbox, CSS ızgarası ve katmanların gücünün kilidini açacaksınız. Ayrıca Global Stilleri uygulamayı, North Commerce içeriğini kısa kodlar olmadan eklemeyi ve PopUp Maker ile daha tam entegrasyon sağlayarak size daha kolay bir düzenleme deneyimi sunmayı mümkün kılıyoruz.

Beaver Builder 2.8 için 5 Yeni Özellik ve Güncelleme

Beaver Builder 2.8, 2024'teki ilk güncellememizdir ve içinde pek çok güçlü özellik barındırmaktadır. Bu güncellemeyi çığır açıcı hale getirecek bazı yeni eklemeleri inceleyelim.

1. Box Modülü: Flexbox ve CSS Grid ile Hassasiyet Oluşturma

Beaver Builder 2.8'e güncelleme yaparak, Lite sürümü de dahil olmak üzere sayfa oluşturucumuzun tüm kullanıcıları, Box Modülü içindeki gelişmiş Flex , Grid ve Katmanlar seçeneklerine erişebilecek:

Box modülü daha çok bir satır veya sütun gibi işlev görür ve kap görevi görür. Karmaşık, akıcı ve esnek düzenler oluşturmanıza olanak tanıyan flexbox veya CSS ızgarasını kullanır. Kutuları hem yatay hem de dikey yönde ve ayrıca bir ızgarada iç içe geçirebilir, istifleyebilir ve düzenleyebilirsiniz.

Flexbox ve CSS Grid, CSS'deki düzen modelleridir ancak farklı amaçlara hizmet ederler ve farklı özelliklere sahiptirler:

• Flexbox – Öğeleri boyutlandırma ve hizalamada esneklikle bir satır veya sütun halinde düzenleyen tek boyutlu düzenler için idealdir.
• Izgara – İki boyutlu düzenler için uygundur, hem satırlar hem de sütunlar üzerinde hassas kontrol sağlayarak daha karmaşık tasarımlara olanak tanır.

Çoğu durumda bu yerleşim modelleri birbirini tamamlayabilir. Örneğin, iç yapılarını yönetmek için bireysel ızgara öğeleri içinde flexbox kullanılabilir ve aşağıdaki gibi kapsamlı yerleşim çözümleri için her iki modelin güçlü yönleri birleştirilebilir:

Beaver Builder ile düzenleme yaparken Box Modülünü eklemek için İçerik Panelini açmak üzere Üst çubukta bulunan Artı sembolüne (+) tıklayın. Tüm Standart Modüllere erişmek için Modüller sekmesine tıklayın ve “Kutu” bölümüne gidin:

Box Modülünün yanı sıra, başlamayı kolaylaştıran birkaç ön ayar eklediğimizi fark edeceksiniz:

• Esnek Sütunlar – Bu ön ayar, ana kutunun içinde yer alan üç esnek kutudan oluşan yatay bir sıra oluşturur.
• 3×2 Izgara – Ana kutunun içinde üç sütun ve iki satırdan oluşan ızgara kutularını kullanan bir düzen yapısı.
• 4×2 Izgara – Ana kutu içinde dört sütun ve iki satırdan oluşan ızgara kutularından oluşan bir düzen yapısı.
• Bölünmüş Başlık – Bu yapı, her iki tarafında merkezi bir fotoğraf modülü ve menü modülleri bulunan 3 sütunu tanımlayan bir ızgaradır.
• Fotoğraf Izgarası – Bu düzen 4×3 ızgara ve fotoğraf modüllerinden oluşur.

Box modülünü olabildiğince kullanıcı dostu hale getirmeyi hedeflerken, Flexbox ve CSS Grid'i sağlam bir şekilde kavramanızı şiddetle tavsiye ederiz. Yeni kutu modülümüzü kullanarak web tasarımlarınızı daha da ileriye taşıyabilirsiniz!

2. Global Stiller (Premium Özellik)

Beaver Builder, daha sonra sitenize genel olarak uygulanan satır maksimum genişliği, kenar boşluğu/dolgu, kesme noktaları ve özel kod (CSS ve JavaScript) gibi seçenekler için varsayılan değerleri yapılandırmanıza olanak tanıyan Genel Ayarları zaten desteklemektedir. Ayrıca ayarları aracılığıyla bu ayarların çoğunu satır, sütun ve modül bazında geçersiz kılabilirsiniz.

Beaver Builder'ın sayfa oluşturucusunun premium sürümünde özel olarak mevcut olan yeni Global Stiller özelliği, Beaver Builder'da hem öğeler hem de renkler için stil tercihlerini tanımlama olanağı sağlar:

• Genel Öğeler – Bu sekme, Beaver Builder tarafından kontrol edilen Metin, Başlıklar, Bağlantılar ve Düğmeler gibi çeşitli html öğeleri için stiller ayarlamanıza olanak tanır.
• Global Renkler – Bu sekme, Global Stiller'deki renk seçicide veya renkleri seçebileceğiniz başka herhangi bir yerde kullanıma sunulan global bir renk paleti ayarlamanıza olanak tanır.

Global Stillere erişmek için, düzenleme ekranınızın sol üst köşesindeki Üst Çubukta bulunan oka tıklayarak Araçlar menüsünü açın ve gösterildiği gibi “Global Stiller”i seçin:

Öğeler sekmesi, metin, başlıklar, bağlantılar ve düğmeler gibi öğeler için genel stil tanımlamanıza olanak tanır:

Web sitenizdeki önceden yapılandırılmış stil seçeneklerine sahip olmayan tüm modüller, global stili devralır. Modül stil seçeneklerini kullanarak bu stil seçeneklerini duruma göre geçersiz kılabilirsiniz.

Renkler sekmesi, web sitenizin tamamında kullanılabilen genel bir renk paleti oluşturmanıza olanak tanır:

Beaver Builder mizanpajlarınızdan bu renklere renk seçme aracını kullanarak kolayca erişebilirsiniz. Ayrıca oluşturduğunuz renkler CSS Değişkenlerine dönüştürülerek bunların özel CSS ile entegrasyonunu sağlar.

Bu güncellemeyle web sitenizin öğelerini ve renklerini küresel ölçekte zahmetsizce özelleştirebilirsiniz. Bu global stillere web sitenizin tamamından erişilebiliyor ve sayfa oluşturucu iş akışınızı geliştiriliyor.

3. NorthCommerce Modülü

Şu ana kadar Beaver Builder 2.8'in, karmaşık düzenleri daha kullanıcı dostu hale getirmek için Kutu Modülü ve Global Stiller olmak üzere iki yeni özelliği nasıl sunduğunu tartıştık.

Beaver Builder 2.8 ayrıca, kullanıcıların hızlı ve kolay bir şekilde yüksek dönüşüm sağlayan çevrimiçi mağazalar oluşturmasına yardımcı olan WordPress için bir e-ticaret eklentisi olan North Commerce için bir modül de sunuyor:

Örneğin, artık herhangi bir kısa kod girmenize veya kullanmanıza gerek kalmadan North Commerce kısa kodlarının sonuçlarını görüntüleyebilirsiniz. Bunun yerine, içeriğinizi kolayca görüntülemek için WooCommerce modülümüze benzer yeni North Commerce modülünü kullanabilirsiniz.

Bu yeni modül, NorthCommerce ile çalışırken size daha fazla kontrol sağlayacak ve iş akışınızı hızlandıracaktır.

4. Açılır Pencere Oluşturucu Entegrasyonu

Beaver Builder 2.8'de ayrıca WordPress web siteleri için tasarlanmış ve kullanıcıların pop-up'lar oluşturmasına ve yönetmesine olanak tanıyan bir eklenti olan Popup Maker ile entegrasyonu da kullanıma sunduk:

Temel olarak, artık açılır pencerelerinizin içeriğini tasarlamak için sayfa oluşturucumuzu kullanabilirsiniz.

Ayrıca, düzenleme sırasında Beaver Builder içinde bir açılır pencere oluşturacak ve ayrıca bir bağlantı tıklandığında bir açılır pencereyi tetiklemek için bağlantı alanında bir açılır pencere seçebilme olanağı sağlayacaktır.

Popup Maker eklentisini kurup etkinleştirdikten sonra, Popup Maker gönderi türü (açılır pencereler) Beaver Builder ayarlarında otomatik olarak etkinleştirilecektir.

5. Modüller, Araçlar Menüsü ve Döngü Ayarlarında Küçük Güncellemeler

Son olarak Beaver Builder 2.8 aşağıdaki küçük eklemeleri içerir:

• Menü Modülü – Bağlantı doldurma seçeneği artık duyarlı geçişi destekliyor; duyarlı geçiş ayarları için yeni bir dolgu seçeneği ekler.
• Gönderi Atlıkarınca ve Gönderi Kaydırıcısı – Her iki modüle de İçerik uzunluğunu ayarlamanıza olanak tanıyan Alıntı Uzunluğu seçeneği ekler.
• Araçlar Menüsü – Beaver Builder Kullanıcı Arayüzü içindeki WordPress Medya Kitaplığını açma ve etkileşim kurma yeteneğini içerir.
• Fotoğraf Modülü – Stil sekmesine Nesne Sığdırma ve Konumlandırma seçeneklerini ekleyin.
• Döngü Ayarları – Geçerli yazara ve geçerli oturum açmış kullanıcıya göre filtreleme seçeneğini ekler.
• Satır, Sütun ve Modül Yer Paylaşımları – Düğüm türleri arasında tutarlı olacak şekilde güncellendi.
• Anahat Paneli – Ayrıca daha sorunsuz çalışması için bu sürümde bir güncelleme de var.

Sonuç: Gelişmiş Web Oluşturma için Güç Paketli Özellikler

Beaver Builder 2.8'e güncelleme, daha sağlam ve özelleştirilebilir bir sayfa oluşturma deneyiminin kilidini açar. Box Modülü, Flexbox ve CSS Grid ile gelişmiş düzen seçenekleri sunarken, Global Stiller renk yönetimini basitleştirir.

Özetlemek gerekirse, Beaver Builder 2.8'de sabırsızlıkla bekleyebileceğiniz şeyler şunlardır:

1. Kutu Modülü
2. Küresel Stiller
3. NorthCommerce Modülü
4. Açılır Pencere Oluşturucu Entegrasyonu
5. Modüller, Araçlar Menüsü ve Döngü Ayarlarında Küçük Güncellemeler

Bu heyecan verici yeni özelliklerden yararlanmak için bugün Beaver Builder 2.8'e yükseltin. Her zaman olduğu gibi, herhangi bir sorunuz olursa veya yardıma ihtiyacınız olursa destek ekibimiz yardıma hazırdır.

İlgili Sorular

Beaver Builder'ın En Son Sürümü Nedir?

Şubat 2024 itibarıyla Beaver Builder 2.8 eklentimizin son sürümüdür. NorthCommerce ve Popup Maker eklentileriyle entegrasyonu destekler. Ayrıca flexbox, CSS ızgarası ve katmanları kullanarak mizanpajları kolayca oluşturmanıza olanak tanıyan yepyeni bir Kutu Modülü de bulacaksınız.

Beaver Builder Ne Yapar?

Beaver Builder, WordPress için Çerçeve Teması, Sayfa Oluşturucu eklentisi ve Tema Oluşturucu'dan oluşan, kullanıcıların sürükle ve bırak işleviyle zahmetsizce web siteleri oluşturmasına ve özelleştirmesine olanak tanıyan bir web tasarım ürünleri paketidir. Kodlama uzmanlığına ihtiyaç duymadan çarpıcı, profesyonel kalitede web siteleri oluşturun.