Beaver Builder 1.9 Shasta – Kolom dalam kolom, pengaturan responsif yang ditingkatkan, dan banyak lagi!
Diterbitkan: 2016-11-23Diskon 25% Produk Pembuat Berang-berang! Buruan Obral Berakhir... Lebih ramping!
- Pembangun Berang-berang
Beaver Builder 1.9 Shasta – Kolom dalam kolom, pengaturan responsif yang ditingkatkan, dan banyak lagi!
- 22 November 2016 Beaver Builder 1.9 sudah tayang! Posting ini mencakup perubahan tingkat tinggi. Untuk semua detailnya, pastikan untuk melihat Log Perubahan Beaver Builder
Kami sangat senang mengumumkan Beaver Builder 1.9, Shasta, yang diciptakan dari Bendungan Shasta yang indah di negara bagian asal kami, California. Shasta menghadirkan fitur #1 yang paling banyak diminta ke Beaver Builder: kolom dalam kolom (CinC). Bersamaan dengan CinC, kami memperkenalkan editor yang diperbarui dengan drag dan drop yang lebih akurat, kemampuan untuk menarik dan mengatur ulang kolom, pengaturan responsif untuk margin dan padding, template baru, dan banyak lagi!
1.9 Video Pratinjau Shasta
Hal pertama yang pertama, banyak pembaruan kali ini lebih mudah untuk ditampilkan daripada diceritakan. Justin membuat screencast kecil yang menyoroti banyak perubahan. Ini layak untuk ditonton.
Jika Anda menyukai video, pastikan untuk melihat video pratinjau Shasta oleh Matt Mederios (Anda tahu, orang yang membuat Matt Report Podcast). Matt sangat cerdas dan memiliki sejarah panjang di bidang pembangun dari produknya, Konduktor. Dia memiliki perspektif unik yang didukung dengan banyak pengalaman.
Memperkenalkan Kolom Induk dan Anak
Jika Anda bertanya-tanya apa sebenarnya arti “kolom dalam kolom”, jangan khawatir. Agak sulit untuk memahami tanpa contoh visual.
Misalnya, selalu mungkin untuk memiliki gambar di satu kolom dan teks di kolom lain, namun perhatikan kotak hijau dan biru di bawah uraian teks—tata letak ini tidak akan pernah mungkin terjadi tanpa beberapa tipu daya CSS.
Seperti disebutkan, CinC telah menjadi salah satu fitur yang paling banyak diminta sejak pertama kali kami meluncurkannya. Kami benar-benar melakukan yang terbaik untuk mendengarkan masukan Anda dan menerapkan ide-ide Anda . Implementasi CinC memakan waktu lama karena kami tidak dapat menemukan cara yang elegan untuk melaksanakannya. Seperti yang bisa Anda lihat di video, kami akhirnya mengatasi permasalahan dengan dinamika kolom "induk" dan "anak" yang sangat kami banggakan.
Kolom yang Dapat Diseret
Permintaan besar lainnya adalah kemampuan untuk menduplikasi dan menyeret kolom, serupa dengan yang dapat dilakukan dengan modul individual. Kami sangat senang mengumumkan kolom yang dapat diseret juga akan hadir.
Untuk menggunakan kolom yang dapat diseret dan kolom induk/anak, kami memperkenalkan fitur UI baru yang apik. Di Shasta, Anda dapat menyeret kolom (dan jika tersedia, kolom induk) langsung dari menu pengaturan kolom.
Di sebelah kiri adalah menu kolom standar dan di sebelah kanan adalah menu kolom anak . Pada contoh di sebelah kanan, perhatikan bahwa Anda dapat mengedit pengaturan atau memindahkan anak dan orang tua dengan mengeklik dan menyeret langsung dari menu.
Ini adalah inovasi yang belum pernah kami lihat sebelumnya dan, seiring dengan beberapa peningkatan besar pada akurasi seret dan lepas, hal ini menghasilkan pengalaman membangun yang sangat lancar. Tentu saja, Anda tidak boleh begitu saja mempercayai kata-kata kami. Cobalah. Kami harap Anda merasakan hal yang sama seperti yang dialami penguji beta ini…
Setelah Anda bekerja dengan @BeaverBuilder 1.9 untuk sementara waktu, kembali ke perilaku 1.8 sungguh mengecewakan .Sulit untuk menjelaskan dengan kata-kata betapa menyenangkannya “terasa” UI baru. Anda harus mencobanya dan beri tahu kami jika Anda setuju.
Templat Halaman Konten Baru
Di Gordon (v1.8), kami memperkenalkan beberapa templat halaman arahan baru. Di Shasta, kami memberikan sedikit sentuhan pada templat halaman konten kami. Halaman arahan, mungkin, adalah halaman pertama yang dilihat pengunjung ketika mereka membuka situs Anda (pikirkan halaman beranda). Halaman konten adalah halaman dalam situs, seperti halaman tentang, kontak, atau harga.
Ada 12 templat halaman konten baru yang tersedia di 1.9 masing-masing dengan desain segar dan minimalis. Harapan kami dengan semua templat kami adalah bahwa templat tersebut dapat menjadi tempat awal untuk memulai kreativitas Anda atau desain siap pakai yang hanya memerlukan sedikit penyesuaian sebelum diluncurkan.
Margin, Padding, dan Batas Responsif
Sejak hari pertama, tata letak Beaver Builder selalu responsif dan kami memperkenalkan fitur untuk mempermudah pembuatan untuk layar yang lebih kecil.
Di Shasta, Anda kini dapat menyesuaikan ukuran margin, padding, dan batas tergantung pada ukuran perangkat. Awalnya, kami menambahkan 4 kotak teks tambahan ke panel pengaturan. Meskipun ini fungsional, namun tidak terlalu cantik. Dalam pencerahan UI lainnya, tim membuat tombol untuk beralih di antara tampilan yang berbeda.
Banyak kode untuk fitur ini dikirimkan oleh sumber luar. Terima kasih banyak kepada Jessie dan Oliver atas bantuan mereka! Kami selalu senang menerima permintaan penarikan untuk basis kode Beaver Builder. Jika Anda tertarik untuk berkontribusi, silakan kirimkan email kepada kami.
Buka Lightbox dari Tombol
Terakhir, kami menambahkan kemampuan untuk menghasilkan pop-up lightbox dari sebuah tombol. Ada pengaturan Tindakan Klik baru di modul tombol yang menambahkan opsi lightbox bersama dengan opsi untuk membuka URL. Anda akan dapat menambahkan teks khusus, HTML (termasuk kode pendek), atau video dan konten tersebut akan secara otomatis ditampilkan di lightbox ketika tombol diklik. Cukup manis!
Anda dapat membaca selengkapnya tentang fitur lightbox, dan semua fitur baru di Shasta, di postingan Basis Pengetahuan kami. Untuk memeriksa perbaikan bug dan peningkatan kecil, lihat Changelogs.
Baiklah! Saya pikir itu saja.
Kami ingin tahu pendapat Anda tentang rilis mendatang ini, dan atau, jika Anda mengalami masalah dengan versi beta, silakan kirim email kepada kami atau tinggalkan komentar di bawah. Pembaruan ini merupakan bukti bahwa kami mendengarkan dan menanggapi masukan Anda dengan sangat serius. Jangan ragu untuk memberi tahu kami pendapat Anda. Menikmati.
27 Komentar
pada 7 Desember 2016 pukul 9:16 pagi
Terima kasih, Andrea!
pada 22 November 2016 pukul 15.35
Saya memahami versi ini akan memungkinkan kode semat youtube diluncurkan di lightbox setelah mengklik tombol. Saya baru-baru ini bekerja dengan Gtmetrix.com dan mereka mengatakan bahwa menangani video dengan cara ini, di mana kode semat tidak dimuat sampai pengguna berinteraksi dengannya dapat meningkatkan kecepatan halaman secara drastis. Bisakah Anda mengonfirmasi bahwa fitur video lightbox baru Anda dapat mencapai hal ini di versi 1.9? Selain itu, apakah ada rencana agar slide judul video beserta tombol putar yang dihamparkan ditampilkan sebagai gambar, bukan tombol, sehingga terlihat seperti video tersemat?
Hai Paulus. Itu pertanyaan yang bagus. Markup disertakan dalam pemuatan halaman awal, yaitu tidak dimuat melalui ajax. Saya kira video tersebut hanya mulai buffering setelah ditampilkan, tetapi saya tidak 100% yakin akan hal itu.
Kami tidak memiliki rencana untuk mengimplementasikan judul slide seperti yang Anda sebutkan, tapi itu ide yang bagus. Kami akan mengingatnya. Semua modul default kami dapat diganti dan disesuaikan. Jika Anda kebetulan mengerjakan hal seperti ini, beri tahu kami dan mungkin kami dapat menggunakan kode Anda?
pada tanggal 23 November 2016 pukul 13.43
Luar biasa… Saya suka pembaruannya. Menjadikan segalanya lebih intuitif, dan akan mempercepat alur kerja untuk membuat sesuatu, tanpa harus terlalu banyak mengklik.
Saya juga menyukai penyesuaian untuk ukuran layar yang berbeda. Saya sedikit tidak yakin apakah ini adalah sesuatu yang harus ditangani oleh pembuatnya daripada stylesheet, tapi ini jelas memberi pengguna kemampuan untuk membuat perubahan yang sering dibutuhkan tanpa harus langsung ke kode.
Namun di sinilah saya dapat melihat fitur tersebut benar-benar berguna. Menggunakannya dengan kolom, dan terutama kolom di dalam kolom!
Alasan nomor satu mengapa saya membuat templat khusus daripada menggunakan pembuat halaman adalah karena cara pengelompokan kolom untuk setiap ukuran layar. Biasanya Anda terbatas pada cara bawaan yang dipilih pembuat untuk melakukan hal ini, namun itu tidak selalu merupakan cara terbaik.
Berikut ini contohnya:
Ada beberapa kasus di mana saya ingin memiliki 6 kolom di desktop, yang berubah menjadi 3 kolom di tablet, dan kemudian 2 kolom di ponsel. Biasanya, ini akan melompat dari 6 kolom ke 1 kolom, yang jelas tidak ideal di semua situasi.
Biasanya, saya akan melakukan kustom ini menggunakan bootstrap, karena ini cara termudah yang saya temukan. Hal ini juga memudahkan untuk memprioritaskan apa yang berada di atas saat ukuran layar turun menjadi satu kolom (seperti teks di kiri gambar kanan untuk dua kolom, namun selalu membuat gambar di atas untuk satu kolom).
Namun jika saya bisa mengendalikan semua itu melalui pembuatnya, saya akan lebih menyukainya daripada sebelumnya. Heck, saya sudah lama tidak menggunakannya, jadi mungkin sudah bisa.
Saya harus memeriksanya dan melakukan permintaan fitur resmi. Terima kasih!
Luar biasa! Terima kasih, Dan. Biasanya merupakan praktik terbaik untuk memasukkan sebanyak mungkin gaya ke dalam file CSS, namun bagi banyak orang, hal ini mungkin tidak praktis.
pada 23 November 2016 pukul 23.47
Barang bagus! Salah satu fitur yang saya ingin miliki adalah kotak CSS pada modul atau kolom ketika saya dengan cepat perlu menambahkan sesuatu yang sederhana namun tidak didukung dalam antarmuka gaya seperti text-shadow, ketika saya menggunakan judul di atas area latar belakang dan judulnya tidak mudah dibedakan. Saya menggunakan text-shadow dan beberapa hal lainnya untuk membantu membuat judul atau teks muncul dari latar belakang gambar lebar penuh. Saya tahu Anda dapat menambahkan tata letak css di atas tetapi itu hanya pemikiran untuk kemudahan akses dengan kemampuan mengirimkan kode CSS cepat dari antarmuka popup modul/kolom.
Bersulang
Hai David. Terima kasih atas sarannya. Saya pikir cara terbaik adalah memberikan elemen kelas atau ID dan menjaga CSS tetap sentral. Ini bukan praktik terbaik, tapi saya telah membuat "kelas pembantu" seperti .text-shadow di file CSS saya, lalu memunculkan kelas pada judul/dll. di mana saya perlu menambahkan bayangan. Itu mungkin berhasil untukmu?
pada 25 November 2016 pukul 21:49
Menginstalnya sekarang! Fitur-fitur ini terlihat luar biasa dan saya tidak sabar untuk segera melihat template barunya.
Jadi apakah lightbox hanya terbuka dari sebuah tombol? Bisakah dipicu oleh tautan gambar? Oh betapa manisnya itu!
pada 1 Desember 2016 pukul 15.21
Wow! Beaver Builder terus menjadi lebih baik! Terima kasih kepada seluruh tim Beaver Builder atas peningkatan ini. Saya baru memulai dua situs web klien baru dan Beaver Builder menjalankan keduanya!
Terima kasih, Pete! Senang mendengarnya. Kami menghargai dukungannya!!
pada 7 Desember 2016 pukul 02.41
Selamat telah merilis pembaruan luar biasa ini, kawan! Dan terima kasih telah menyebut saya di postingan. Saya senang bisa membantu sedikit.
Saya ingin bertanya apakah Anda memiliki ETA untuk Beaver Builder 1.9 Versi Lite? Saya ingin memperbarui konten demo tema saya menggunakan fitur spasi responsif baru.
Terima kasih!
Hai Oliver. Senang mendengar pendapat Anda dan terima kasih kembali-atchya!
Saya yakin Justin biasanya mengeluarkan pembaruan repo beberapa hari/minggu setelah kami meluncurkan pembaruan versi premium. Anda mungkin ingin mengirimnya ke Slack untuk konfirmasi, tetapi berharap konfirmasi itu akan segera keluar.
Dingin. Terima kasih atas jawabannya, Robby!
pada 12 Desember 2016 pukul 03.58
Apakah versi baru ini sudah keluar? Saya tidak melihat pemberitahuan pembaruan di plugin saya!
Hai, David. Ini keluar untuk versi premium, tetapi tidak untuk versi lite. Itu akan segera keluar.
Jika Anda tidak melihat pembaruan, ada tombol “Periksa Lagi” di halaman pembaruan yang dapat Anda coba. Jika semuanya gagal, Anda dapat melakukan pembaruan manual atau memberikan tiket dukungan kepada kami.
pada 13 Desember 2016 pukul 14:46
Robby,
Sepertinya saya mengalami beberapa masalah dengan versi lite. Saya ingin membuat baris saya lebar penuh dan memberi latar belakangnya, saat Anda menyimpan perubahan, perubahan tidak berpengaruh. Apakah ada sesuatu yang harus saya lakukan secara berbeda agar ini berhasil?
Hai Angela. Kami harus mengeluarkan pembaruan lain yang memperbaiki beberapa bug. Beri tahu kami jika Anda masih mengalami masalah ini setelah memperbarui ke 1.9.2
(dan maaf atas masalahnya)
pada 14 Desember 2016 pukul 16:07
Ini adalah pembaruan yang luar biasa, dan terima kasih atas penyebutannya!
Saya tidak sabar untuk mulai menggunakan ini dalam produksi. Ada begitu banyak kasus penggunaan yang menjadi lebih mudah. Jika kita bisa mendapatkan kolom global, saya bisa mengganti sidebar dan widget sepenuhnya dan melakukan semuanya di front-end.
Saya juga sangat menyukai sakelar ui responsif yang Anda tambahkan. Itu jauh lebih mudah digunakan daripada kontrol draf pertama yang saya kirimkan (dan sejujurnya lebih keren). Saya sangat terkesan!
Saya tetap sangat senang kami memilih kerangka kerja ini untuk membangun situs kami.
Hai Jessie! Sekali lagi terima kasih atas bantuannya.
Saya suka ide kolom/sidebar global! Kami pasti akan mengingatnya. Kami juga memiliki beberapa masakan keren untuk tahun 2017…
pada 22 Desember 2016 pukul 04.46
Ini bagus, terima kasih banyak!
Ups: Tautan pertama dalam teks (Buka Lightbox dari Tombol) memberikan halaman tidak ditemukan.
Ah! Terima kasih atas perhatiannya! Semua sudah diperbaiki sekarang.
pada 28 Desember 2016 pukul 12:13 siang
Ini sangat keren!!!!
pada 28 Desember 2016 pukul 20.51
Terima kasih kepada seluruh tim Beaver Builder atas peningkatan ini.
pada 20 Januari 2017 pukul 14.20
Fitur kolom baru di dalam kolom sangat fantastis. Apakah Anda akan menambahkan kemampuan untuk menduplikasi kolom induk dan semua isinya dalam waktu dekat (atau menyimpannya sebagai modul)? Itu akan membuat fitur ini sangat berguna. Terima kasih!
Terima kasih, Annjanette! Kami tidak memiliki rencana apa pun, namun kami akan mengingatnya untuk pembaruan di masa mendatang. Saya tahu ini sedikit solusi, tetapi Anda dapat menduplikasi dan menyimpan baris. Mungkin lebih cepat untuk menduplikasi satu baris dan menghapus kolom tambahan daripada mencoba menduplikasi modul. Semoga itu bisa membantu.
pada 22 September 2017 pukul 3:31 pagi
Silakan tambahkan lebih banyak templat khusus untuk halaman konten dan postingan.. semuanya cukup mengagumkan.
Buletin kami
Buletin kami ditulis secara pribadi dan dikirim sebulan sekali. Itu tidak sedikit pun mengganggu atau berisi spam.
Kami berjanji.
Coba Beaver Builder Sekarang
Woo hoo! Saya sangat senang melihat versi beta — satu langkah lebih dekat untuk menempatkannya di situs klien. Saya sangat menyukai fitur responsif dan kolom baru dalam versi alfa sehingga saya menginstalnya di beberapa situs langsung pribadi. Kerja bagus seperti biasa, kawan!