İş akışlarını basitleştirmek ve WordPress tasarım deneyimini geliştirmek için tasarlanmış heyecan verici güncellemelerle dolu “Coyote” olarak da bilinen Beaver Builder 2.9'u tanıtmaktan heyecan duyuyoruz .

Beaver Builder 2.9, performansı kolaylaştırmaya ve tasarım esnekliğini artırmaya odaklanır. Anahtar güncellemeler, sarıcı Div'leri temel modüllerden kaldırarak, üst düzey düzen öğeleri olarak hizmet etmesine izin vererek ve gelişmiş stil için güçlü bir çok katmanlı arka plan alanı getirerek gereksiz işaretlemeyi azaltmayı içerir. Ek iyileştirmeler renk seçicisini geliştirir, erişilebilirliği artırır ve performansı optimize ederek bu sürümü tasarımcılar ve geliştiriciler için bir oyun değiştirici haline getirir.

Bu sürümün göze çarpan özelliklerine ve web sitesi oluşturma sürecinizi nasıl dönüştürebileceklerine daha yakından bakalım:

Beaver Builder 2.9'a Giriş

Beaver Builder 2.8'de Flexbox, CSS Grid ve katmanlar gibi güçlü araçlar tanıttık. Güncelleme ayrıca küresel stillerin kullanımını sağladı, kuzey ticaret içeriğinin kısa kodlar olmadan dahil edilmesini ve daha yumuşak bir düzenleme deneyimi için pop -up üreticisi ile gelişmiş uyumluluğu geliştirdi.

Beaver Builder 2.9'u güncellediğinizde, daha temiz işaretlemeye, çok katmanlı arka plan alanı gibi gelişmiş tasarım araçlarına ve performans geliştirmelerine erişebilirsiniz.

Beaver Builder 2.9'da yeni özellikler

Beaver Builder 2.9, iş akışlarını kolaylaştırmak ve yaratıcı olanakları genişletmek için tasarlanmış aşağıdaki yeni özellikleri tanıtmaktadır. Bu geliştirmeler sadece performansı artırmakla kalmaz, aynı zamanda tasarımcıları ve geliştiricileri daha fazla esneklik ve kontrolle güçlendirir.

1. Çok katmanlı arka plan alanı

Beaver Builder 2.9 ile tasarımcılar artık oynamak için eğlenceli yeni bir özelliğe sahip: Çok katmanlı arka plan alanı. Satırlar, sütunlar ve kutu modülü için kullanılabilir olan bu araç, renkler, gradyanlar ve görüntüler gibi farklı arka planları tek bir yerde istiflemenizi sağlar. Bu, göz alıcı tasarımlar oluşturmak için birçok olasılık açar ve düzenlerinize ekstra yetenek katar:

Şimdi, benzersiz ve dinamik efektler oluşturmak için çeşitli arka plan türlerini kolayca birleştirebilirsiniz. İster ince katmanlı bir görünüm ister cesur bir tasarım için gidin, bu özellik size daha önce elde edilmesi daha zor olan şekillerde arka planları özelleştirme esnekliği sağlar.

Ve yolda daha fazlası var! Gelecekteki bir güncellemede, bu katmanlı arka planı yeniden kullanım için kaydedebilecek ve tasarım sürecinizi daha pürüzsüz ve daha hızlı hale getirebilirsiniz. Farklı sayfalarda tutarlı arka plan stilleri ve sadece birkaç tıklamayla projeler uygulayabilirsiniz.

2. Yepyeni renk ve gradyan seçicileri

Beaver Builder 2.9, renk ve gradyan seçicilerine büyük bir yükseltme getirerek onları her zamankinden daha güçlü hale getiriyor. Yeni Renk Seçici artık tüm CSS renk ifadelerini destekleyerek ihtiyacınız olan gölgeyi seçme konusunda daha fazla esneklik sağlıyor. HEX, RGB, HSL veya başka bir renk formatıyla çalışın, artık tasarımınız boyunca kolayca uygulayabilirsiniz:

Yeni gradyan seçici eşit derecede etkileyici. Sınırsız renk duraklarına sahip gradyanlar oluşturmanıza olanak tanır, böylece toplam kontrole sahip pürüzsüz, karmaşık karışımlar oluşturabilirsiniz. Ayrıca, sitenizin arka planları ve öğeleri için tam olarak istediğiniz görünümü denemenize ve başarmanıza olanak tanıyan daha fazla harmanlama seçenekleri sunar:

3. Modüller Blok Düzenleyicisi için Blok Olarak

Sürüm 2.9, WordPress blok düzenleyicisinde Beaver Builder modüllerimizi kullanmayı daha da kolaylaştırıyor. Block Editor deneyimine kesintisiz entegrasyon sağlayarak artık blok olarak modül seçimi kullanılabilir. Bu özellik isteğe bağlıdır, böylece WordPress yöneticinizdeki Beaver Builder ayarları aracılığıyla etkinleştirebilirsiniz.

Başlamak için, Ayarlar> Beaver Builder'a gidin ve özelliği etkinleştirmek için Bloklar sekmesini seçin. Etkinleştirildikten sonra, doğrudan Block Düzenleyicisi'nde çeşitli Beaver Builder modüllerini kullanabilirsiniz:

Desteklenen modüllerin geçerli listesi şunları içerir:

• Akordeon
• Kutu
• Geri sayım
• Simge
• Simge grubu
• Harita
• Sayı sayacı
• Yazılar
• Mesajlar Carousel
• Yayınlar kaydırıcı
• Fiyatlandırma masası
• Sekme

Bu liste gelecekteki güncellemelerde büyümeye devam edecek ve blok düzenleyicide çalışmak ve tasarım olanaklarınızı genişletmek için daha fazla seçenek sunacaktır.

Beaver Builder 2.9'da iyileştirmeler ve geliştirmeler

İş akışlarını düzene sokmaya devam eden bu güncelleme, yerleşim oluşturmayı basitleştiren, erişilebilirliği artıran ve daha esnek tasarım seçenekleri sunan özellikler içerir. Bu geliştirmeler, verimliliği ve kullanıcı deneyimini artırırken kullanıcılara siteleri üzerinde daha fazla kontrol sağlamayı amaçlamaktadır.

Şimdi, bu sürümdeki bazı göze çarpan güncellemelere dalalım.

1.

Beaver Builder'ın işaretleme çıkışını azaltma çabamızın bir parçası olarak, tüm temel modüller sargı divlerini hariç tutmak için yeniden işlenmiştir. Gereksiz ambalaj div'lerini kaldırarak, bu güncelleme daha temiz, daha verimli HTML çıkışı sağlar, hem sayfa performansını hem de kullanıcı deneyimini geliştirir.

Bu değişiklik, özellikle çalışmak için daha az karmaşık koda sahip olan ve harici sistemlerle entegrasyonları basitleştiren geliştiriciler için faydalıdır. Temizleyici işaretlemesi ayrıca sitenizin SEO sıralamalarını ve genel kullanıcı memnuniyetini artırabilecek daha hızlı yük sürelerine katkıda bulunur.

Mevcut modüller için Beaver Builder, sarma divi oluşturmaya devam ederek geriye dönük uyumluluk sağlar. Bu yaklaşım, kullanıcıların mevcut düzenlerini kırmadan güncellenmiş özelliklerden tam olarak yararlanmalarını sağlar.

Bu güncelleme varsayılan olarak etkinleştirilir. Ancak, önceki yapıyı korumayı tercih ederseniz, bu ayarı gelişmiş seçeneklerde değiştirebilirsiniz. WordPress kontrol panelinizde Ayarlar> Beaver Builder'a gidin ve özelliği devre dışı bırakmak için Gelişmiş sekmesini seçin.

2. Konteyner modülleri üst düzey öğeler olarak

Beaver Builder 2.9'da, artık kutu modülü gibi konteyner modüllerini bir satır veya sütunun içine koymaya gerek kalmadan üst düzey öğeler olarak kullanabilirsiniz. Bu değişiklik, düzenlerinizi tasarlarken size daha fazla esneklik sağlar:

Bu güncelleme ile, ihtiyacınız olan ekstra satırları ve sütunları keserek düzenler daha kolay oluşturabilirsiniz. Ayrıca tasarımınız üzerinde daha iyi kontrol sağlar, bu da öğeleri tam olarak istediğiniz yere yerleştirmeyi ve organize etmeyi kolaylaştırır.

3. Anahat panel iyileştirmeleri

Beaver Builder 2.9, anahat paneline sayfanızda gezinmeyi daha da kolaylaştıran kullanışlı bir güncelleme sunar. Şimdi, aradığınız öğeleri hızlı bir şekilde bulmak için bir arama ve filtre seçeneği kullanabilirsiniz, bu da daha büyük projeler üzerinde çalışırken gerçek bir zaman tasarrufudur:

Bunun da ötesinde, şimdi doğrudan anahat paneline satır içi düğüm etiketlerini ekleyebilir ve düzenleyebilirsiniz. Bu, öğelerinizi gittikçe etiketleyebileceğiniz, organize kalmayı ve ekranlar arasında atlamak zorunda kalmadan her şeyi takip etmeyi kolaylaştırabileceğiniz anlamına gelir. Bu küçük bir değişiklik, ama kesinlikle düzeninizi daha pürüzsüz ve daha verimli hale getiriyor.

4. Google Yazı Tipleri Listesi

Google Fonts listesi harika bir güncelleme alır. Daha önce, liste yalnızca yeni bir sürüm çıktığında güncellenirdi, ancak şimdi, WordPress eklenti güncellemeleri için her kontrol ettiğinde otomatik olarak güncellenir. Bu, bir sonraki Beaver Builder sürümünü beklemenize gerek kalmadan en son yazı tiplerine her zaman erişebileceğiniz anlamına gelir.

Bu değişiklik ile, yazı tipi seçeneklerinizin her zaman güncel olduğunu bilerek rahatlayabilirsiniz, tasarımlarınızı taze ve en son trendlerle hizalanmış tutun. Sitelerinin tipografisini özelleştirmeyi sevenler için büyük bir fark yaratan küçük bir gelişme.

Performans optimizasyonları

Beaver Builder 2.9 ile bazı önemli performans artışları fark edeceksiniz. Ekip, Themer ve hata ayıklama modlarıyla ilgili sorguları optimize etti, bu da özellikle daha karmaşık sitelerde daha hızlı arka uç işlemleri anlamına geliyor. Bu değişiklikler, inşaatçının WordPress sitenizle nasıl etkileşime girdiğini, gereksiz gecikmeyi azaltma ve genel verimliliği artırma için tasarlanmıştır.

Daha büyük siteler veya daha fazla karmaşık tasarımlarla çalışıyorsanız, bu güncelleme, yükleme sürelerini azaltarak ve genel kullanıcı deneyimini geliştirerek fark edilir bir fark yaratacaktır. Performans geliştirmelere odaklanma, siteniz büyüdükçe veya daha karmaşık hale geldiğinde bile Beaver Builder'ın hızlı ve duyarlı kalmasını sağlamaya yardımcı olur.

Beaver Themer 1.5 Güncelleme: Döngü Modülü

Dinamik içerik tasarımını bir sonraki seviyeye taşıyan Beaver Themer'a güçlü bir ek olan Loop Modülünü tanıtmaktan heyecan duyuyoruz. Denemek istiyorsanız, döngü modülü özellikleri üzerine inşa edildiğinden Beaver Builder 2.9 ile birlikte Beaver Themer 1.5'i yüklediğinizden emin olun.

Peki, döngü modülünü özel kılan nedir? Çocuk modülleri için statik bir kap görevi gören kutu modülünün aksine, döngü modülü, ayarlarda tanımlanan sorgudaki her öğe için alt modüllerini dinamik olarak tekrarlar. Bu, ihtiyaçlarınıza göre uyarlanmış tamamen özel döngü düzenleri oluşturmanızı sağlar:

Modül şu anda ACF tekrarlayıcıları ve taksonomi tabanlı döngüler (kategoriler ve etiketler gibi) dahil olmak üzere yeni sorgu seçenekleriyle birlikte yayın modülü ile aynı sorgu türlerini desteklemektedir. Ayrıca, Beaver Themer'ın alan bağlantılarıyla, döngü düzenleriniz için daha fazla veri kaynağı çekebilirsiniz.

Bu özellik, koda dokunmadan son derece özelleştirilmiş post ızgaralar, arşiv düzenleri veya dinamik listeler oluşturmak isteyen kullanıcılar için mükemmeldir. Döngü modülü, Beaver Builder'daki konteyner tabanlı tasarımdaki bir sonraki evrimdir, bu da içeriğin nasıl görüntülendiği konusunda daha fazla esneklik ve kontrol sağlar. Herhangi bir yazı tipi için benzersiz döngü düzenleri hazırlamakla ilgileniyorsanız, bir deneyin ve ne düşündüğünüzü bize bildirin.

Hala ne olacak?

Ufukta gelecekteki Beaver Builder güncellemeleri için bazı heyecan verici özellikler var. En çok beklenen eklemelerden biri, arka plan katmanlarını kaydetme ve yeniden kullanma yeteneğidir. Yeni çok katmanlı arka plan özelliği zaten bir oyun değiştirici olsa da, bu yaklaşan güncelleme, en sevdikleri kombinasyonları gelecekte kullanım için kaydetmelerine izin vererek, tekrarlanan tasarımlarda zaman kazandırarak tasarımcılar için daha da esnek hale getirecektir.

Ayrıca, yenilenen renk seçicisinin tam entegrasyonu çalışmalarda. Şu anda, çoğu renk alanında mevcut, ancak henüz her yerde değil. Gelecekteki güncellemeler, tüm renk alanları için tam destek sunacak ve tahtada daha yumuşak ve daha tutarlı bir tasarım deneyimi sunacaktır. Bu iyileştirmelerle, Beaver Builder kullanıcıları daha akıcı bir iş akışı bekleyebilir ve bu da benzersiz ve cilalı tasarımlar oluşturmayı her zamankinden daha kolay hale getirir.

Beaver Builder 2.9'a yükseltme

Beaver Builder 2.9, WordPress Page Builders için bir oyun değiştiricidir. Daha temiz işaretleme, gelişmiş arka plan stili, gelişmiş renk araçları ve daha iyi erişilebilirlik ile bu güncelleme, daha hızlı, daha görsel olarak ilgi çekici web siteleri oluşturmanıza olanak tanır.

Tam sürüm notları ve daha fazla ayrıntı için Beaver Builder belgelerini kontrol edin veya Changelog'u keşfedin.