Toggle Menu

Beaver Builder 2.8: Modul Kotak, Gaya Global, dan Banyak Lagi!

Diterbitkan: 2024-02-09

Diskon 25% Semua Produk Beaver Builder... Obral Cepat Segera Berakhir! Pelajari Lebih Lanjut

Beaver Builder 2.8: Box Module, Global Styles, and more!
  • Pembangun Berang-berang

Beaver Builder 2.8: Modul Kotak, Gaya Global, dan Banyak Lagi!

Peluncuran Beaver Builder 2.8 yang sangat dinanti-nantikan, juga dikenal sebagai “Alpine”, telah tiba!

Beaver Builder 2.8 menghadirkan kekuatan flexbox dan grid CSS ke Modul Box baru, bersamaan dengan pengenalan fungsionalitas Global Styles. Selain itu, rilis ini mencakup peningkatan penting, termasuk modul North Commerce dan integrasi dengan Pembuat Popup, dengan sedikit perbaikan pada modul utama seperti Menu, Post Carousel, Post Slider, dan Photo.

Video Ikhtisar Beaver Builder 2.8

Dalam postingan ini, kami akan memperkenalkan pembaruan Beaver Builder 2.8 yang baru. Kemudian, kami akan menunjukkan kepada Anda beberapa fitur baru terbaik.

Daftar isi:

  • Pengantar Beaver Builder 2.8
  • 5 Fitur Baru dan Pembaruan untuk Beaver Builder 2.8
    1. Modul Kotak: Membangun Presisi dengan Flexbox dan CSS Grid
    2. Gaya Global (Fitur Premium)
    3. Modul Perdagangan Utara
    4. Integrasi Pembuat Popup
    5. Pembaruan Kecil pada Modul, Menu Alat, dan Pengaturan Loop
  • Kesimpulan: Fitur-Fitur Penuh Kekuatan untuk Pembuatan Web yang Disempurnakan
  • Pertanyaan Terkait

Pengantar Beaver Builder 2.8

Di Beaver Builder, kami terus memperbarui plugin pembuat halaman yang mudah digunakan, menyederhanakan proses pembuatan dan penyesuaian situs web WordPress. Terlepas dari tingkat keahlian Anda, editor visual seret dan lepas, templat halaman pradesain, Pengaturan Global, dan lainnya memungkinkan Anda membuat proyek situs web dengan cepat:

Di Beaver Builder 2.7, kami menambahkan editor responsif baru untuk melihat pratinjau tampilan perangkat seluler. Kami juga mengganti menu dropdown breakpoint dengan ikon yang lebih ramah pengguna.

Pembaruan 2.7 menghadirkan kemampuan untuk menyesuaikan pengaturan kode untuk baris, kolom, atau modul tertentu. Kami juga memungkinkan untuk memilih beberapa jenis posting. Terakhir, Beaver Builder 2.7 terintegrasi penuh dengan ACF Blocks, memberi Anda akses ke pengalaman pengeditan konten tingkat lanjut.

Saat Anda memperbarui ke Beaver Builder 2.8, Anda akan membuka kekuatan flexbox, grid CSS, dan lapisan dalam Modul Box kami yang baru. Kami juga memungkinkan penerapan Gaya Global, menambahkan konten North Commerce tanpa kode pendek, dan berintegrasi lebih penuh dengan Pembuat PopUp, memberi Anda pengalaman pengeditan yang lebih mudah.

5 Fitur Baru dan Pembaruan untuk Beaver Builder 2.8

Beaver Builder 2.8 adalah pembaruan pertama kami untuk tahun 2024 dan mengemas beberapa fitur canggih di dalamnya. Mari jelajahi beberapa tambahan baru yang akan menjadikan pembaruan ini membawa perubahan besar.

1. Modul Kotak: Membangun Presisi dengan Flexbox dan CSS Grid

Dengan memperbarui ke Beaver Builder 2.8, semua pengguna pembuat halaman kami, termasuk versi Lite, akan memiliki akses ke opsi Flex , Grid , dan Layers tingkat lanjut dalam Modul Kotak:

Beaver Builder 2.8 - Pengaturan Modul Kotak

Modul Box berfungsi seperti baris atau kolom, berfungsi sebagai wadah. Ini menggunakan flexbox atau grid CSS, memungkinkan Anda membuat tata letak yang kompleks, lancar, dan fleksibel. Anda dapat menyusun, menumpuk, dan mengatur kotak dalam orientasi horizontal dan vertikal, serta dalam kisi.

Flexbox dan CSS Grid keduanya merupakan model tata letak dalam CSS, namun memiliki tujuan berbeda dan memiliki karakteristik berbeda:

  • Flexbox – Ideal untuk tata letak satu dimensi yang mengatur item dalam baris atau kolom dengan fleksibilitas dalam ukuran dan penyelarasan.
  • Kisi – Cocok untuk tata letak dua dimensi, menawarkan kontrol presisi atas baris dan kolom, memungkinkan desain yang lebih rumit.

Dalam banyak kasus, model tata letak ini dapat saling melengkapi. Misalnya, seseorang mungkin menggunakan flexbox dalam masing-masing item kisi untuk menangani struktur internalnya, menggabungkan kekuatan kedua model untuk solusi tata letak komprehensif seperti ini:

Contoh Modul Kotak Pembuat Berang-berang

Untuk menambahkan Modul Kotak saat mengedit dengan Beaver Builder, klik simbol Plus (+) yang terletak di bilah Atas untuk membuka Panel Konten . Klik pada tab Modul untuk mengakses semua Modul Standar dan gulir ke bawah ke bagian “Kotak”:

Bersamaan dengan Modul Kotak itu sendiri, Anda akan melihat bahwa kami telah menambahkan beberapa preset yang memudahkan untuk memulai:

  • Kolom Fleksibel – Preset ini membuat baris horizontal dari tiga kotak fleksibel yang terletak di dalam kotak induk.
  • Grid 3×2 – Struktur tata letak menggunakan kotak grid yang terdiri dari tiga kolom dan dua baris di dalam kotak induk.
  • Kisi 4×2 – Struktur tata letak kotak kisi yang terdiri dari empat kolom dan dua baris di dalam kotak induk.
  • Split Header – Struktur ini adalah grid yang mendefinisikan 3 kolom dengan modul foto terpusat dan modul menu di kedua sisinya.
  • Photo Grid – Tata letak ini terdiri dari grid 4×3 dan modul foto.

Meskipun kami bertujuan untuk membuat modul Box semudah mungkin digunakan, kami sangat menyarankan agar Anda memiliki pemahaman yang kuat tentang Flexbox dan CSS Grid. Dengan menggunakan modul kotak baru kami, Anda dapat mengembangkan desain web Anda lebih jauh lagi!

2. Gaya Global (Fitur Premium)

Beaver Builder sudah mendukung Pengaturan Global yang memungkinkan Anda mengonfigurasi nilai default untuk opsi seperti lebar maksimal baris, margin/padding, breakpoint, dan kode khusus (CSS & JavaScript) yang kemudian diterapkan secara global di situs Anda. Selain itu, Anda dapat mengganti sebagian besar pengaturan ini berdasarkan baris, kolom, dan modul melalui pengaturannya.

Fitur Gaya Global baru, tersedia secara eksklusif dalam versi premium pembuat halaman Beaver Builder, memberi Anda kemampuan untuk menentukan preferensi gaya untuk elemen dan warna di seluruh Beaver Builder:

  • Elemen Global – Tab ini memungkinkan Anda mengatur gaya untuk berbagai elemen html yang dikontrol oleh Beaver Builder seperti Teks, Judul, Tautan, dan Tombol.
  • Warna Global – Tab ini memungkinkan Anda mengatur palet warna global yang tersedia di pemilih warna di Gaya Global atau di mana pun Anda dapat memilih warna.

Untuk mengakses Gaya Global, buka menu Alat dengan mengklik panah di Bilah Atas di sudut kiri atas layar pengeditan Anda, dan pilih “Gaya Global” seperti yang ditunjukkan:

Tab Elemen memungkinkan Anda menentukan gaya global untuk elemen seperti teks, judul, tautan, dan tombol:

Semua modul di situs web Anda yang tidak memiliki opsi gaya yang telah dikonfigurasi sebelumnya mewarisi gaya global. Anda dapat mengganti opsi penataan gaya ini berdasarkan kasus per kasus menggunakan opsi penataan gaya modul.

Tab Warna memungkinkan Anda membuat palet warna global yang tersedia di seluruh situs web Anda:

Beaver Builder 2.8 Gaya Global - tab warna

Anda dapat dengan mudah mengakses warna-warna ini dalam tata letak Beaver Builder melalui alat pemilih warna. Selanjutnya, warna yang Anda buat diubah menjadi Variabel CSS, memungkinkan integrasinya ke dalam CSS khusus.

Dengan pembaruan ini, Anda dapat dengan mudah menyesuaikan elemen dan warna situs web Anda dalam skala global. Gaya global ini tetap dapat diakses di seluruh situs web Anda, sehingga meningkatkan alur kerja pembuat halaman Anda.

3. Modul Perdagangan Utara

Sejauh ini, kita telah membahas bagaimana Beaver Builder 2.8 memperkenalkan dua fitur baru, Modul Kotak dan Gaya Global, untuk membuat tata letak bangunan yang kompleks menjadi lebih ramah pengguna.

Beaver Builder 2.8 juga memperkenalkan modul untuk North Commerce, sebuah plugin e-commerce untuk WordPress yang membantu pengguna membangun toko online dengan konversi tinggi dengan cepat dan mudah:

Misalnya, Anda kini dapat menampilkan hasil shortcode North Commerce tanpa harus memasukkan atau menggunakan shortcode apa pun. Sebagai gantinya, Anda dapat menggunakan modul North Commerce yang baru, mirip dengan modul WooCommerce kami, untuk menampilkan konten Anda dengan mudah.

Modul baru ini akan memberi Anda kontrol lebih besar dan mempercepat alur kerja Anda saat bekerja dengan NorthCommerce.

4. Integrasi Pembuat Popup

Di Beaver Builder 2.8, kami juga memperkenalkan integrasi dengan Popup Maker, sebuah plugin yang dirancang untuk situs WordPress yang memungkinkan pengguna membuat dan mengelola popup:

Intinya, Anda sekarang dapat menggunakan pembuat halaman kami untuk mendesain konten popup Anda

Ini juga akan menampilkan popup di dalam Beaver Builder saat mengedit serta kemampuan untuk memilih popup di bidang tautan untuk memicu popup ketika tautan diklik.

Setelah Anda menginstal dan mengaktifkan plugin Popup Maker, jenis postingan Popup Maker (popup) akan secara otomatis diaktifkan dalam pengaturan Beaver Builder.

5. Pembaruan Kecil pada Modul, Menu Alat, dan Pengaturan Loop

Terakhir, Beaver Builder 2.8 menyertakan tambahan kecil berikut:

  • Modul Menu – Opsi Link padding sekarang mendukung tombol responsif; menambahkan opsi padding baru untuk pengaturan sakelar responsif.
  • Post Carousel & Post Slider – Menambahkan opsi Panjang Kutipan ke kedua modul yang memungkinkan Anda mengatur panjang konten.
  • Menu Alat – Termasuk kemampuan untuk membuka dan berinteraksi dengan Perpustakaan Media WordPress dalam Antarmuka Pengguna Beaver Builder.
  • Modul Foto – Tambahkan opsi Kesesuaian Objek dan Posisi ke tab gaya.
  • Pengaturan Loop – Menambahkan opsi untuk memfilter menurut penulis saat ini dan pengguna yang masuk saat ini.
  • Hamparan Baris, Kolom, dan Modul – Diperbarui agar konsisten di seluruh jenis node.
  • Outline Panel – Juga mendapat pembaruan pada rilis ini agar bekerja lebih lancar.

Kesimpulan: Fitur-Fitur Penuh Kekuatan untuk Pembuatan Web yang Disempurnakan

Memperbarui ke Beaver Builder 2.8 membuka pengalaman pembuatan halaman yang lebih kuat dan dapat disesuaikan. Modul Kotak memperkenalkan opsi tata letak tingkat lanjut dengan Flexbox dan CSS Grid, sementara Gaya Global menyederhanakan manajemen warna.

Singkatnya, inilah yang dapat Anda nantikan di Beaver Builder 2.8:

  1. Modul Kotak
  2. Gaya Global
  3. Modul Perdagangan Utara
  4. Integrasi Pembuat Popup
  5. Pembaruan Kecil pada Modul, Menu Alat, dan Pengaturan Loop

Tingkatkan ke Beaver Builder 2.8 hari ini untuk memanfaatkan fitur-fitur baru yang menarik ini. Seperti biasa, tim dukungan kami siap membantu jika Anda memiliki pertanyaan atau memerlukan bantuan.

Pertanyaan Terkait

Apa Versi Terbaru Beaver Builder?

Mulai Februari 2024, Beaver Builder 2.8 adalah versi terbaru dari plugin kami. Ini mendukung integrasi dengan plugin NorthCommerce dan Popup Maker. Anda juga akan menemukan Modul Kotak baru yang memungkinkan Anda membuat tata letak dengan mudah menggunakan flexbox, kisi CSS, dan lapisan.

Apa yang Dilakukan Pembangun Berang-berang?

Beaver Builder adalah rangkaian produk desain web untuk WordPress yang terdiri dari Framework Theme, plugin Page Builder, dan Theme Builder yang memungkinkan pengguna membuat dan menyesuaikan situs web dengan mudah melalui fungsionalitas drag-and-drop. Buat situs web kelas profesional yang menakjubkan tanpa memerlukan keahlian coding.

4 Komentar

  1. Alison pada 9 Februari 2024 pukul 3:13 pagi

    Berita yang luar biasa! Saya telah menantikan cara yang lebih intuitif untuk menata botol di halaman BB.



  2. Jeff pada 15 Februari 2024 pukul 6:43 pagi

    Apakah peningkatan dari BB 2.7.4.4 ke 2.8 memerlukan penggunaan modul Box/Grid baru untuk konten saat ini?



    • Robby McCullough pada 15 Februari 2024 pukul 10:10

      Tidak. Anda dapat mulai menggunakan modul Box setelah melakukan upgrade, namun tidak akan ada perubahan pada halaman yang sudah ada. Anda juga dapat terus menggunakan baris, kolom, dan modul seperti sebelumnya. Menggunakan modul Box sepenuhnya opsional.



  3. Jeff Mackey pada 15 Februari 2024 pukul 10:51

    Terima kasih Robby atas konfirmasinya! Pembangun Berang-berang keren!!!!



Buletin kami

Buletin kami ditulis secara pribadi dan dikirim sebulan sekali. Itu tidak sedikit pun mengganggu atau berisi spam.
Kami berjanji.

Bergabunglah dengan Buletin

Coba Beaver Builder Sekarang

Beaver Builder