WPBakery (fka. Visual Composer): Seret & Lepas Pembuatan Situs
WordPress itu hebat, dan kemampuan untuk menyesuaikan situs web WordPress Anda adalah hal yang paling penting. Namun tidak semua dari kita adalah ahli coding. Sayangnya, beberapa pecinta WordPress tidak tahu apa-apa tentang HTML atau CSS. Namun hal ini tidak akan menghentikan Anda untuk dapat menyesuaikan tema WordPress Anda. Di sinilah pembuat halaman berperan.
Pembuat halaman seret & lepas tersedia secara luas sebagai plugin dan dibangun di banyak tema populer. Mereka memungkinkan pengguna dari semua tingkatan untuk membuat perubahan pada tata letak umum sebuah tema, dan itu dapat membuat penambahan hiasan ekstra (ikon, bilah keterampilan, tabel harga, dll.) menjadi sangat mudah. Secara khusus kami ingin memperkenalkan Anda pada plugin WordPress pembuat halaman favorit baru kami – WPBakery Visual Builder.
Ingin mempelajari lebih lanjut? Baca dan ikuti panduan WPBakery kami yang diperbarui! Panduan yang lebih mendetail ini menunjukkan seluk beluk pembuat halaman populer ini beserta contoh penggunaannya.
Apa itu WPBakery? (Sebelumnya bernama Komposer Visual)
WPBakery Visual Builder adalah plugin fantastis yang dikembangkan oleh WP Bakery yang menambahkan pembuat halaman drag & drop ke tema WordPress Anda. Kami memasukkannya ke dalam Tema WordPress Serbaguna Total kami, namun Anda juga dapat melihatnya di hampir setiap produk terlaris baru di Themeforest. Ini memberi Anda alat yang Anda perlukan untuk dapat membuat tata letak halaman yang rumit tanpa perlu menyentuh satu baris kode pun.
Cara Kerja Pembuat Visual WPBakery, Dan Apa yang Dapat Dilakukannya
Ini adalah sebuah plugin, jadi cukup instal dan aktifkan untuk memanfaatkan semua fiturnya yang luar biasa. Setelah diaktifkan, WPBakery Visual Builder memberi Anda kendali atas tata letak halaman Anda. Cukup tambahkan halaman baru dan Anda akan melihat tombol baru sehingga Anda dapat beralih antara mode klasik dan mode pembuat serta tombol untuk membawa Anda ke editor front-end langsung.
Dari sini kemungkinannya hanya dibatasi oleh imajinasi Anda (atau klien Anda). Anda dapat menambahkan baris, kolom, tombol, teks, gambar, dan banyak lagi menggunakan semua opsi WPBakery Visual Builder. Selain itu, ada opsi untuk menyimpan tata letak Anda sebagai templat untuk digunakan kembali berulang kali.
Baris
Termasuk dalam pembuatnya adalah elemen pembuat halaman. Anda dapat menggunakan elemen-elemen ini sebagai elemen penyusun literal untuk halaman Anda. Tambahkan Baris pertama. Baris memungkinkan untuk menambahkan kolom dalam satu klik. Cukup arahkan kursor ke tab paragraf kuning di sudut kiri atas baris Anda dan pilih tata letak. Baris secara otomatis dipecah menjadi kolom sesuai dengan tata letak yang Anda pilih.
Elemen Halaman
Langkah selanjutnya adalah mulai menambahkan fitur halaman Anda. Cukup klik tombol Tambahkan Elemen untuk membuka menu pop-up. Ada banyak opsi untuk menambahkan kotak teks, judul, berbagi sosial, gambar dan galeri, tombol atau tab, akordeon, postingan terbaru (yang juga berfungsi dengan jenis postingan khusus tema Anda selain postingan blog), tombol, dan bahkan widget bilah sisi.
Selain itu, bergantung pada tema WordPress dan plugin kompatibel yang Anda gunakan dengan WPBakery Visual Builder, Anda akan melihat lebih banyak atau lebih sedikit elemen halaman. Contoh di atas berasal dari tema Total Drag & Drop WordPress kami, jadi ada tambahan 30 elemen pembuat halaman yang kami buat dan tata gaya secara eksklusif untuk Total. Ini termasuk pembagi khusus, kotak ikon, pencapaian, carousel, dan banyak lagi.
Klik pada elemen mana pun untuk membuka opsi untuk elemen tersebut. Di bawah ini adalah contoh “opsi” untuk modul Kotak Ikon kami di tema Total. Seperti yang Anda lihat, setiap modul dapat memiliki banyak pengaturan dan bahkan banyak tab pengaturan.
Pembuatnya juga mendukung empat plugin pihak ketiga yang mengagumkan: Layer Slider, Revolution Slider, Gravity Forms, dan Contact Form 7. Jika Anda menginstal salah satu plugin ini, elemen halaman akan otomatis muncul untuk tema. Saat Anda memilih untuk menyisipkan elemen halaman untuk salah satu plugin ini, WPBakery Visual Builder menampilkan drop-down dari masing-masing slider/formulir yang Anda buat, atau menampilkan kotak entri bagi Anda untuk menambahkan ID slider Anda. Tidak perlu lagi menyalin dan menempelkan kode pendek!
Seret dan jatuhkan
Kapan pun dalam proses desain, Anda dapat menarik & melepas baris atau elemen halaman mana pun untuk mengatur ulangnya. Anda juga dapat menduplikasi baris atau elemen apa pun, sehingga penambahan konten berulang menjadi cepat dan mudah (cocok untuk kolom, FAQ, tombol alih, dll. yang serupa).
Setelah Anda membuat desain yang Anda sukai, Anda dapat menyimpannya sebagai template. Ini berguna saat membuat tata letak halaman khusus atau sidebar yang ingin Anda gunakan kembali. Cukup klik tombol Template, beri nama tata letak Anda, lalu tekan simpan. Saat Anda menggunakan template, maka secara otomatis akan mengisi halaman Anda dengan tata letak dan elemen yang Anda simpan.
Opsi Baris: Format, Klon & Hapus Baris
Terdapat tiga fitur tambahan yang ditambahkan di pojok kiri setiap baris yang dapat digunakan untuk mengkloning atau menduplikasi seluruh baris dan seluruh kontennya, menambahkan modul baru, mengedit kolom, dll. Cukup arahkan kursor ke baris mana pun yang perlu Anda edit untuk mengakses pengaturan ini:
Sekali lagi, tergantung pada tema yang Anda gunakan, opsi pemformatan yang tersedia untuk Anda mungkin berbeda. Meskipun beberapa pengembang tema memilih untuk membiarkan WPBakery Visual Builder apa adanya, banyak yang menyesuaikan plugin agar sesuai dengan kebutuhan atau gaya tema mereka.
Editor Bagian Depan
WPBakery Visual Builder yang tangguh kini menyertakan editor frontend, yang semakin memudahkan Anda untuk mulai membuat halaman dan tata letak Anda sendiri. Satu-satunya peringatan adalah belum semua tema mendukung editor front-end. Pastikan untuk memeriksa ulang daftar fitur tema, atau menghubungi pengembang tema secara langsung, untuk mengetahui apakah editor frontend Visual Composer kompatibel dengan tema WordPress Anda. Tema WordPress total kami 100% kompatibel dengan editor front-end jadi jika tema Anda saat ini tidak sesuai, Anda mungkin ingin mempertimbangkan untuk “meningkatkan” ke tema kami.
Ekstensi
Fitur terakhir yang ingin saya bahas adalah kemampuan perluasan WPBakery Visual Builder. Jika Anda seorang pembuat kode atau pengembang tema tingkat lanjut, Anda dapat mengintegrasikan kode pendek Anda sendiri ke dalam plugin. Faktanya, kami menambahkan Simple Shortcodes Premium kami sendiri untuk memberikan elemen pembuat halaman tambahan kepada pengguna Total. Ini memberi pengguna lebih banyak pilihan saat membuat halaman!
Jika Anda bukan seorang pembuat kode, periksa CodeCanyon dan lakukan pencarian cepat untuk WPBakery atau Visual Composer Add-on. Ada banyak plugin premium hebat yang menambahkan fitur tambahan ke WPBakery Visual Builder dan bahkan beberapa plugin gratis yang bagus seperti plugin Simple Shortcodes kami.
Opsi Pengaturan Komposer Visual
Saya terus mengacu pada WPBakery sebagai pembuat halaman, tetapi ini berfungsi baik dengan postingan dan jenis postingan khusus juga. Yang harus Anda lakukan adalah mengaktifkan opsi tersebut. Navigasikan ke Pengaturan > WPBakery. Anda akan melihat layar seperti ini (catatan – plugin dulu bernama Visual Composer, jadi tergantung pada versi yang Anda gunakan, sidebar Anda mungkin bertuliskan Visual Composer atau WPBakery):
Plugin akan secara otomatis menampilkan berbagai tipe konten yang termasuk dalam tema WordPress Anda. Cukup pilih mana yang ingin Anda gunakan dengan pembuat halaman WPBakery. Contoh di atas berasal dari tema Total kami, itulah sebabnya ada opsi tambahan untuk portofolio, staf, dan testimonial (semua jenis kiriman khusus) serta forum, topik, balasan, dan produk (terkait dengan plugin bbPress dan WooCommerce yang didukung oleh Total) .
Anda juga dapat memetakan plugin kode pendek apa pun ke WPBakery Visual Builder yang telah Anda instal di situs WordPress Anda. Di bawah halaman pengaturan, klik tab Kode Pendek Saya di bagian atas dan klik tombol untuk Memetakan Kode Pendek. Ini akan menambahkan kode pendek pihak ketiga Anda ke elemen komposer Anda. Mudah!
Lihat Aksinya
Seperti yang saya katakan, kami sangat menyukai WPBakery Visual Builder sehingga kami memasukkannya ke dalam tema Total WordPress terlaris kami (termasuk gratis dengan pembelian Anda). Silakan lihat berbagai halaman di demo langsung kami untuk Total Theme. Sebagian besar halaman yang akan Anda lihat di demo langsung kami dibuat dengan WPBakery Visual Builder! Menambahkan latar belakang, judul, teks, gambar, ikon…dll. Itu semua hanyalah “sepotong kue”.
Panduan Penggunaan Pembuat Visual WPBakery Lengkap
Jika Anda sudah memiliki plugin dan mencari panduan tentang cara menggunakannya, lihat panduan lengkap penggunaan WPBakery (sebelumnya Visual Composer) kami yang akan memandu Anda langkah demi langkah dan menunjukkan cara menggunakan plugin.
Dimana Anda Bisa Mendapatkannya
WPBakery Visual Builder (sebelumnya Visual Composer) tersedia di CodeCanyon jika Anda ingin mendapatkannya sendiri. Ini juga telah sepenuhnya terintegrasi dengan Total Tema WordPress premium kami (bersama dengan dua plugin premium lainnya dengan nilai total $67 – lebih dari yang Anda bayar untuk tema tersebut!).
Dapatkan Total   DAPATKAN WPBAKERY VISUAL BUILDER
Beri tahu kami pendapat Anda tentang plugin di bawah ini. Kami sangat terkesan dengan WPBakery Visual Composer, dan kami ingin mendengar pendapat Anda!