Beaver Builder 1.7 – Sekarang Dengan Penyegaran Sebagian, Pengaturan Kode Per Halaman, dan… Kode Pendek Pertama Kami!?!
Diterbitkan: 2015-12-22Diskon 25% Produk Pembuat Berang-berang! Buruan Obral Berakhir... Lebih ramping!
Versi terbaru Beaver Builder kini dalam versi beta dan siap diuji! Jika Anda belum melakukannya, buka area akun Anda dan unduh salinan beta untuk memeriksanya.
Pembaruan ini berfokus pada beberapa hal, dengan yang terbesar adalah peningkatan kinerja melalui Partial Refresh. Mungkin kedengarannya tidak seseksi beberapa fitur lain dalam pembaruan ini (atau yang telah kami rilis sebelumnya), namun penerapannya memerlukan waktu yang cukup lama dan akan membuat pengalaman pengeditan menjadi lebih lancar.
Selain itu, kami telah menambahkan pengaturan tata letak baru, modul baru, memperbarui modul, menambahkan metode pembantu baru yang praktis, dan… kode pendek pertama Beaver Builder!
Apa sebenarnya Penyegaran Parsial itu?
Sebelum versi 1.7, setiap kali Anda membuat perubahan pada apa pun dalam tata letak Beaver Builder, semua CSS, JS, dan HTML untuk tata letak akan dirender ulang. Bahkan perubahan kecil pada teks akan memerlukan penyegaran seluruh tata letak. Terkadang hal itu tidak terlihat, namun dengan konten dinamis seperti video dan bilah geser, Anda akan melihatnya dimuat ulang berkali-kali, bahkan saat konten tersebut tidak sedang diedit secara langsung.
Itu tidak terlalu efisien atau ramah pengguna dan merupakan sesuatu yang ingin kami ubah. Sampaikan salam pada Penyegaran Sebagian!
Dengan Penyegaran Sebagian, hanya baris, kolom, atau modul yang sedang Anda edit yang diperbarui saat Anda mengeklik tombol simpan (atau penyegaran pratinjau dipicu). Sesederhana itu! Pendekatan ini mempercepat rendering aset CSS, JS, dan HTML di server dan mencegah pemuatan ulang hal-hal yang tidak perlu dimuat ulang.
Namun, masih ada saat-saat ketika penyegaran penuh diperlukan, namun kami mencoba membatasi situasi tersebut sebanyak mungkin. Situasi yang paling menonjol adalah ketika Anda mengedit modul khusus yang tidak mendukung penyegaran sebagian atau baris/kolom yang berisi modul tersebut.
Secara default, Penyegaran Sebagian dinonaktifkan untuk modul khusus dan harus diaktifkan agar dapat berfungsi. Mengaktifkannya mudah, tetapi pastikan untuk memeriksa dokumen modul khusus tentang penerapan Partial Refresh sebelum melakukannya untuk modul Anda. Ada beberapa hal yang perlu diperhatikan mengenai JavaScript yang perlu dipertimbangkan sebelum hal itu dilakukan.
Selain keajaiban Penyegaran Sebagian yang Anda lihat di bagian depan, kami juga menerapkan sejumlah penyempurnaan di bagian belakang untuk meningkatkan pengalaman pengeditan pembuatnya.
Saat Anda memperbarui ke 1.7 dan mengklik tombol Alat, Anda akan melihat opsi baru untuk Pengaturan Tata Letak tepat di atas tombol Pengaturan Global. Pengaturan ini berlaku untuk tata letak yang sedang diedit dan saat ini mencakup pengaturan untuk CSS dan JS.
Ya, benar, kini Anda dapat menyimpan CSS dan JS per halaman! Wah!
Salah satu manfaat terbesar untuk dapat menyimpan CSS dan JS per halaman adalah kemampuan untuk mengekspor CSS dan JS bersama dengan template Anda. Itu adalah fitur yang sangat canggih yang memungkinkan Anda membuat templat khusus yang dapat digunakan kembali dan dibagikan dengan mudah.
Meskipun pengaturan JS tidak menampilkan pratinjau langsung (yang akan sedikit berantakan), pengaturan CSS melakukannya. Buat perubahan CSS Anda dan lihat secara real-time sebagaimana perubahan tersebut tercermin pada tata letak yang Anda perbarui. Kami juga mengaktifkan penyelesaian kode untuk semua editor kode di pembuatnya (tidak hanya yang ada di Pengaturan Tata Letak).
Saat kami menambahkan pengaturan CSS dan JS ke panel Pengaturan Tata Letak yang baru, masuk akal jika Anda juga memungkinkan Anda melakukan pengeditan semacam itu di tingkat global. Meskipun hal tersebut mungkin tidak diperlukan bagi Anda yang menggunakan tema kami, bagi mereka yang tidak menggunakan tema kami, sekarang Anda dapat menambahkan CSS dan JS dengan panel Pengaturan Global yang akan diterapkan ke semua tata letak Beaver Builder Anda.
Merender tata letak Beaver Builder dalam file tema adalah teknik lebih canggih yang semakin populer tahun ini. Ada sejumlah alasan untuk melakukannya, namun yang paling umum adalah menyematkan header/footer yang dapat diedit secara global di seluruh situs.
Hingga saat ini, satu-satunya cara untuk berhasil melakukannya adalah dengan filter fl_builder_global_posts dan kueri khusus atau menggunakan plugin Sisipkan Halaman, namun hal tersebut tidak lagi terjadi.
Metode FLBuilder::render_query yang baru adalah metode yang sangat ampuh yang menghilangkan kerumitan rendering tata letak Beaver Builder dalam file tema. Mereka yang akrab dengan kelas WP_Query akan merasa betah menggunakannya. Dibutuhkan satu argumen (argumen yang sama yang akan Anda sampaikan ke WP_Query) dan merender semua postingan yang ditemukan. Pastikan untuk memeriksa dokumen untuk informasi lebih lanjut.
Dibangun di atas metode FLBuilder::render_query baru adalah kode pendek pertama Beaver Builder! Kami tahu bahwa kode pendek untuk tata letak bisa menjadi hal yang buruk, tetapi dalam kasus ini, menurut saya ini akan sangat berguna bagi Anda.
Kode pendek fl_builder_insert_layout yang baru memungkinkan Anda memasukkan sejumlah tata letak Beaver Builder ke dalam postingan, halaman, dan postingan khusus jenis apa pun!
Mengapa Anda ingin melakukan itu?
Katakanlah Anda membuat baris global yang tampak bagus untuk buletin Anda yang ditampilkan pada halaman yang Anda buat dengan Beaver Builder. Kelihatannya sangat bagus dan berfungsi dengan baik sehingga Anda ingin menggunakannya di postingan blog Anda. Cukup masukkan kode pendek fl_builder_insert_layout dengan ID baris global Anda dan bam! Masalah terpecahkan!
Pastikan untuk memeriksa dokumen untuk informasi lebih lanjut tentang bekerja dengan kode pendek baru ini dan segala hal yang dapat dilakukannya.
Jika Anda belum pernah bertemu Eugene, pastikan untuk mengunjungi postingan Robby di mana dia memperkenalkannya (itu sekitar setengah jalan). Modul Audio adalah proyek pertama Eugene di Beaver Builder (sejak itu ia menjadi bagian dari rilis kecil seperti integrasi modul Formulir Berlangganan baru-baru ini dan dukungan WebM untuk modul Video), dan menurut saya ia melakukan pekerjaan dengan baik!
Modul Audio pada dasarnya adalah pembungkus untuk kode pendek audio inti dan daftar putar WordPress. Ini memungkinkan Anda memasukkan pemutar untuk satu file audio atau pemutar untuk beberapa file audio (daftar putar) dengan sejumlah pengaturan penyesuaian.
Pembaruan ini juga mencakup bidang audio baru untuk pengembang modul khusus. Silakan periksa dokumen modul khusus untuk informasi lebih lanjut tentang cara kerjanya.
Modul Countdown adalah modul baru hasil karya pengembang Beaver Builder yang pasti sudah Anda kenal saat ini. Bintang rock pembaruan 1.6.4, Diego de Oliveira dari Favolla!
Modul Hitung Mundur memungkinkan Anda memasukkan penghitung waktu mundur ke dalam tata letak Anda yang menghitung mundur hingga nol dari tanggal dan waktu yang Anda tentukan. Ini memungkinkan Anda menentukan tanggal dan waktu yang tepat, termasuk memilih zona waktu yang akan digunakan dan memiliki sejumlah pengaturan gaya untuk menyesuaikan tampilan penghitung waktu mundur Anda.
Selain bidang audio baru, pembaruan ini juga menghadirkan bidang waktu baru bagi pengembang modul khusus yang memungkinkan pengguna memilih waktu tertentu (saat ini dalam format 12 jam). Silakan periksa dokumen modul khusus untuk informasi lebih lanjut tentang cara kerjanya.
Selama tahun depan, Anda mungkin akan melihat kami merilis lebih sedikit modul baru (kami hanya merencanakan modul Tabel) dan sebagai gantinya, mulai mengerjakan penyempurnaan pada jajaran modul kami yang sudah ada. Kami telah memulai proses tersebut dengan pembaruan pada modul Formulir Kontak dan Video dan saat ini sedang mengerjakan beberapa pembaruan yang sangat bagus pada modul Testimonial.
Sejauh pembaruan modul, dalam rilis ini kami fokus pada modul Tabel Harga, dan saya rasa Anda akan menyukai apa yang Anda lihat!
Penambahan baru pada modul Tabel Harga mencakup pengaturan gaya keseluruhan untuk sorotan (judul, harga, atau tidak sama sekali), gaya batas, dan tombol individual untuk setiap kotak harga. Ini mungkin tampak seperti perubahan kecil, tetapi melihat tangkapan layar di atas, Anda sudah dapat melihat bahwa sejumlah tampilan berbeda yang sebelumnya tidak mungkin dilakukan dengan pengaturan, kini dapat dilakukan.
Pastikan untuk memeriksanya sendiri dan beri tahu kami pendapat Anda tentang perubahan tersebut!
Jika Anda belum menyadarinya, bagian Modul Lanjutan pada antarmuka pembuatnya menjadi sedikit penuh (dan ada dua modul baru dalam pembaruan ini). Pada titik tertentu, kita mungkin akan membatasi pemikiran kita dan mempertimbangkan untuk mengelompokkan semua modul ke dalam beberapa bagian yang berbeda. Namun, ini adalah perubahan yang sangat besar dan kami rasa tidak perlu dilakukan saat ini kepada pengguna kami (mungkin tidak akan pernah, siapa tahu).
Untuk sedikit menyamakannya, kami memutuskan untuk mengkategorikan ulang dua modul yang ada ke dalam bagian Modul Dasar. Itu adalah modul Tombol dan modul HTML.
Kami menyadari bahwa meskipun ini adalah perubahan kecil, ini adalah perubahan besar dalam banyak hal bagi mereka yang telah menggunakan Beaver Builder selama beberapa waktu. Pastikan untuk memeriksanya dan beri tahu kami pendapat Anda tentang keputusan ini.
Seperti yang mungkin banyak dari Anda ketahui dari postingan saya di grup pengguna Facebook, kami mulai mengerjakan beberapa pembaruan untuk tema tersebut. Sudah lama tidak ada hal besar, namun kami berencana mengubahnya pada tahun 2016.
Meskipun pembaruan tema (versi 1.4) sudah keluar pada 9 Desember 2015, kami tidak menulis blog tentang hal itu, jadi saya pikir saya akan membahas beberapa hal penting di sini…
Saat kami beralih ke Penyesuai dari halaman pengaturan tema khusus kami, salah satu hal yang harus kami tinggalkan adalah editor kode bagus yang kami miliki di sana. Meskipun (belum) menjadi layar penuh, ini jauh lebih baik daripada pengalaman pengeditan kode sebelumnya yang kami alami di Customizer. Bidang CSS juga melakukan pratinjau langsung sekarang tanpa harus menyegarkan tata letak!
Kami akan menambahkan sejumlah pengaturan baru pada tahun 2016. Untuk memulainya, kami telah menambahkan dua pengaturan yang sangat diminta di pembaruan 1.4. Pengaturan untuk bobot font badan dan pengaturan untuk opasitas latar belakang header.
Kami juga menambahkan sejumlah tindakan baru di pembaruan 1.4 untuk menyesuaikan tema Beaver Builder dalam tema anak Anda. Berikut daftar lengkap tindakan baru tersebut. Untuk informasi lebih lanjut tentang cara kerjanya, silakan lihat basis pengetahuan.
Sebagian besar tema Beaver Builder dapat diganti dalam tema anak, namun hingga versi 1.4, masih ada beberapa bagian yang sangat penting yang tidak dapat diganti. Bagian berikut sekarang dapat dengan mudah diganti dalam tema anak dengan menyalin file PHP yang sesuai.
Anda mungkin memperhatikan bahwa nomor versi untuk pembaruan ini (dan pembaruan tema) hanya menggunakan dua nomor. Itu karena setelah menggunakan tiga angka untuk pembaruan besar dan empat untuk pembaruan kecil, kami memutuskan untuk mengadopsi Versi Semantik untuk semua pembaruan di masa mendatang (karena begitulah cara WordPress melakukannya).
Maksudnya itu apa?
Singkatnya, ini berarti ke depan, pembaruan besar akan menggunakan dua nomor versi (misalnya 1.7) sedangkan pembaruan kecil akan menggunakan tiga nomor versi (misalnya 1.7.1).
Selain itu, mulai rilis ini, kami juga akan membuat versi beta sehingga lebih mudah untuk mengetahui versi beta apa yang sedang Anda gunakan saat pengujian. Saat Anda mengunduh beta ini, Anda akan melihat bahwa itu versi 1.7-beta.1. Saat kami memperbaruinya, nomor versi akan berubah menjadi 1.7-beta.2 dan terus meningkat hingga versi resmi 1.7 dirilis.
Seperti semua rilis beta kami, kami berencana untuk memilikinya dalam versi beta selama dua minggu ke depan kecuali ada masalah besar yang muncul. Tujuan kami adalah menyebarkan masalah ini sesegera mungkin, namun kami membutuhkan bantuan Anda! Semakin banyak penguji beta berarti kami dapat menemukan dan memperbaiki bug lebih cepat. Jika Anda belum melakukannya, pastikan untuk mengunduh versi beta baru dari area akun Anda dan mengujinya! Jika Anda mengalami masalah apa pun, pastikan untuk memberi tahu kami di forum.
Apa bagian favorit Anda dari pembaruan ini? Pastikan untuk memberi tahu kami di komentar di bawah! Dan seperti biasa, jangan ragu untuk memberi tahu kami jika Anda memiliki masukan atau jika Anda mengalami masalah.
Kode pendek – Woohoo!! Kami baru saja menyelesaikan postingan blog tentang penggunaan peningkatan konten untuk blog tetapi tidak menyertakan Beaver Builder karena agak rumit dan Anda harus menggunakan pembuat halaman untuk postingan tersebut. Sekarang saya pikir saya akan memperbaruinya untuk menyertakan modul kode pendek baru!
Terima kasih banyak!
Pembaruan ini luar biasa! Penyegaran Sebagian! Ya!
Saya sangat berharap fitur “acak” yang kecil namun mengagumkan ini merupakan salah satu peningkatan dalam modul testimonial yang Anda sebutkan. Itu akan mengguncang duniaku.
Terima kasih atas komitmen kuat Anda terhadap Beaver Builder. Ia terus berkuasa dan dominasinya semakin meningkat.
Perkembangan hebat lagi kawan!!
Apa plugin formulir bagus yang berfungsi dengan BB?
Ya, fitur penyegaran sebagian memperbaiki masalah yang sangat mengganggu yang saya alami. Saya telah menyematkan kode untuk formulir yang ditempelkan ke dalam modul HTML, dan setiap kali saya membatalkan editornya atau editor di sekitarnya, salinan formulir akan muncul di bawahnya, dan saya harus memuat ulang halaman tersebut ke memperbaikinya. Itu bukan masalah besar karena hanya terjadi dalam mode pembuat, tapi saya senang hal itu tidak terjadi lagi. Terima kasih!
Saya punya pertanyaan terkait penyegaran sebagian. Mungkinkah selama pengeditan halaman pada plugin saat ini dengan penyegaran halaman penuh hal ini dapat menyebabkan banyak koneksi Proses Entri server? Saya bertanya karena saya sedang menyelidiki beberapa situs yang mendapatkan kesalahan batas sumber daya 508 dan selalu karena batas Proses Entri terlampaui. Hal ini tentu saja dapat terjadi dengan cara lain, tetapi saat ini saya sedang berjuang untuk menemukan penyebabnya karena masalahnya hanya terjadi sesekali. Saya ingin mendengar pandangan dan pendapat Anda mengenai hal ini.