Visual Composer: Panduan Menyeret & Membuat Halaman

WordPress itu hebat, dan dapat menyesuaikan situs web yang dijalankan WordPress Anda hanyalah lapisan gula pada kue. Namun tidak semua dari kita yang mengkode guru. Heck, beberapa pecinta WordPress tidak tahu apa-apa tentang HTML atau CSS. Tapi ini seharusnya tidak menghentikan Anda untuk dapat menyesuaikan tema WordPress Anda. Di sinilah pembuat halaman masuk.


Pembuat halaman seret & lepas tersedia secara luas sebagai plugin dan dibangun ke dalam banyak tema populer. Mereka memungkinkan para pengguna dari semua tingkatan untuk membuat perubahan pada tata letak umum suatu tema, dan itu dapat membuat menambahkan banyak tambahan (ikon, bilah keterampilan, tabel harga, dll.) Sangat mudah. Khususnya kami ingin memperkenalkan Anda dengan plugin WordPress membangun halaman favorit baru kami – Visual Composer.

Dapatkan Komposer Visual Gratis! Plugin Visual Composer disertakan secara gratis dengan pembelian Total WordPress Theme kami dan itu termasuk beberapa ekstensi hebat untuk plugin untuk digunakan dengan tema.

Apa itu Penggubah Visual

Visual Composer adalah plugin fantastis yang dikembangkan oleh WP Bakery yang menambahkan pembuat halaman seret & lepas ke tema WordPress Anda. Kami memasukkannya ke Tema Total Serbaguna WordPress kami, tetapi Anda juga dapat melihatnya di hampir setiap penjual teratas baru di Themeforest. Ini memberi Anda alat yang Anda butuhkan untuk dapat membuat tata letak halaman yang rumit tanpa perlu menyentuh satu baris kode pun.

Bagaimana Visual Composer Bekerja, Dan Apa Yang Bisa dilakukannya

Ini adalah plugin, jadi instal dan aktifkan untuk memanfaatkan semua fitur luar biasa ini. Setelah diaktifkan, Visual Composer 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 builder serta tombol untuk membawa Anda ke editor front-end langsung..

tombol visual-komposer

Dari sini kemungkinan hanya dibatasi oleh imajinasi Anda (atau klien Anda). Anda dapat menambahkan baris, kolom, tombol, teks, gambar, dan banyak lagi menggunakan semua opsi Visual Composer. Plus ada opsi untuk menyimpan tata letak Anda sebagai template untuk digunakan kembali berulang.

Baris

Termasuk dalam pembangun adalah elemen pembangun halaman. Anda dapat menggunakan elemen-elemen ini sebagai blok bangunan literal untuk halaman Anda. Pertama Tambahkan Baris. Baris memungkinkan untuk menambahkan kolom dalam satu klik. Arahkan saja pada 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.

total-tambahkan-baris

Elemen Halaman

total-tambahkan-elemen

Langkah selanjutnya adalah mulai menambahkan fitur halaman Anda. Cukup klik Tambahkan Elemen tombol untuk membuka menu pop-up. Ada banyak opsi untuk menambahkan kotak teks, pos, berbagi sosial, gambar dan galeri, matikan atau tab, akordeon, posting terbaru (yang juga berfungsi dengan jenis posting kustom dari tema Anda di samping posting blog), tombol dan bahkan widget bilah sisi.

Juga, tergantung pada tema WordPress dan plugin yang kompatibel yang Anda gunakan dengan Visual Composer Anda akan melihat lebih banyak atau lebih sedikit elemen halaman. Contoh di atas adalah dari tema Total Drag & Drop WordPress kami, jadi ada elemen pembangun 30 halaman tambahan yang kami buat dan ditata secara eksklusif untuk Total. Ini termasuk pembagi khusus, kotak ikon, tonggak, korsel, dan lainnya.

Klik pada elemen apa saja untuk membuka opsi untuk elemen itu. Di bawah ini adalah contoh dari “opsi” untuk modul Kotak Ikon kami di tema Total. Seperti yang Anda lihat, setiap modul dapat memiliki banyak pengaturan dan bahkan beberapa tab pengaturan.

ikon-kotak-pengaturan

Builder juga mendukung empat plugin pihak ketiga yang luar biasa: Layer Slider, Revolution Slider, Gravity Forms, dan Form Kontak 7. Jika Anda memiliki salah satu plugin ini terpasang, elemen halaman akan secara otomatis muncul untuk tema. Ketika Anda memilih untuk memasukkan elemen halaman untuk salah satu plugin ini, Visual Composer menampilkan drop-down dari masing-masing slider / formulir yang Anda buat, atau menampilkan kotak entri untuk Anda menambahkan ID slider Anda. Tidak ada lagi menyalin dan menempelkan shortcode!

Seret dan jatuhkan

visual-komposer-editor

Pada titik mana pun dalam proses desain, Anda dapat menarik & melepas elemen baris atau halaman apa pun untuk menyusunnya kembali. Anda juga dapat menduplikasi baris atau elemen apa pun, yang membuat menambahkan konten berulang cepat dan mudah (bagus untuk kolom serupa, FAQ, matikan, dll.).

Setelah membuat desain yang Anda sukai, Anda dapat menyimpannya sebagai templat. Ini berguna saat membuat tata letak halaman khusus atau bilah sisi yang ingin Anda gunakan kembali. Cukup klik pada Templat tombol, beri nama tata letak Anda, dan tekan save. Ketika Anda menggunakan templat Anda, itu akan secara otomatis mengisi halaman Anda dengan tata letak dan elemen yang Anda simpan.

Opsi Baris: Format, Klon & Hapus Baris

Ada tiga fitur tambahan yang ditambahkan ke sudut paling kiri dari setiap baris yang dapat digunakan untuk mengkloning atau menduplikasi seluruh baris dan semua isinya, menambahkan modul baru, mengedit kolom, dll. Cukup arahkan kursor pada setiap baris yang perlu Anda edit untuk mengakses pengaturan ini:

pengaturan total-visual-komposer-baris

Sekali lagi, tergantung pada tema yang Anda gunakan dengan Visual Composer, opsi pemformatan yang tersedia untuk Anda mungkin berbeda. Sementara beberapa pengembang tema memilih untuk meninggalkan Visual Composer apa adanya, banyak menyesuaikan plugin agar sesuai dengan kebutuhan atau gaya tema mereka.

Editor Frontend

Visual Composer yang kuat sekarang termasuk editor frontend, yang membuatnya lebih mudah untuk mulai membangun halaman dan tata letak Anda sendiri. Satu-satunya peringatan adalah bahwa tidak semua tema mendukung editor front-end dulu. Pastikan untuk memeriksa ulang daftar fitur tema, atau untuk menghubungi pengembang tema secara langsung, untuk melihat apakah editor antarmuka Visual Composer kompatibel dengan tema WordPress Anda. Kami Total tema WordPress 100% kompatibel dengan editor front-end jadi jika tema Anda saat ini bukan, Anda mungkin ingin mempertimbangkan “meningkatkan” ke tema kami.

Ekstensi

Fitur terakhir yang ingin saya sentuh adalah perpanjangan Visual Composer. Jika kebetulan Anda adalah pembuat kode atau pengembang tema yang canggih, Anda dapat mengintegrasikan kode pendek Anda ke dalam plugin. Bahkan, kami menambahkan dalam Symple Shortcodes Premium kami sendiri untuk memberi Total pengguna elemen tambahan pembuatan halaman. Ini memberi pengguna lebih banyak opsi saat membangun halaman!

Jika Anda bukan seorang pembuat kode, checkout CodeCanyon dan lakukan pencarian cepat untuk Pengaya Komposer Visual. Ada banyak plugin premium hebat yang menambahkan fitur tambahan ke Visual Composer dan bahkan beberapa gratisan bagus seperti plugin Symple Shortcodes kami.

Opsi Pengaturan Komposer Visual

Saya terus merujuk ke Visual Composer sebagai pembangun halaman, tetapi berfungsi baik dengan posting dan jenis posting kustom juga. Yang harus Anda lakukan adalah mengaktifkan opsi. Navigasi ke Pengaturan> Komposer Visual. Anda akan melihat layar yang mirip dengan ini:

Pengaturan Komposer Visual

Plugin akan secara otomatis menampilkan berbagai jenis konten yang termasuk dalam tema WordPress Anda. Cukup pilih mana yang ingin Anda gunakan dengan pembuat halaman Visual Composer. Contoh di atas adalah dari tema Total kami, itulah sebabnya ada opsi tambahan untuk portofolio, staf dan testimonial (semua jenis posting kustom) 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 Visual Composer yang sudah Anda instal di situs WordPress Anda. Di bawah halaman pengaturan, klik pada tab Shortcodes Saya di bagian atas dan klik tombol untuk Map Shortcode. Ini harus menambahkan shortcode pihak ketiga Anda ke elemen komposer Anda. Mudah!

Lihat Beraksi

Seperti yang saya katakan, kami sangat menyukai Visual Composer sehingga kami membuatnya menjadi tema Total WordPress terlaris (termasuk gratis dengan pembelian Anda). Lihatlah berbagai halaman di salah satu demo langsung kami untuk Tema Total. Sebagian besar halaman yang akan Anda lihat dalam demo langsung kami dibuat dengan Visual Composer! Menambahkan latar belakang, judul, teks, gambar, ikon … dll. Itu semua adalah “sepotong kue”.

total-demo

Panduan Penggunaan Komposer Visual Lengkap

Jika Anda sudah memiliki plugin dan sedang mencari panduan tentang cara menggunakannya silakan lihat panduan penggunaan Visual Composer lengkap kami yang akan memandu Anda melalui langkah demi langkah dan menunjukkan kepada Anda bagaimana menggunakan plugin.

Di mana Anda Bisa Mendapatkannya

Visual Composer tersedia di CodeCanyon jika Anda ingin mendapatkannya sendiri. Itu juga telah sepenuhnya terintegrasi dengan Total Tema WordPress premium kami (bersama dengan dua plugin premium lainnya dengan nilai total $ 67 – yang lebih dari apa yang Anda bayar untuk tema!).

Dapatkan Total Dapatkan Komposer Visual

Beri tahu kami pendapat Anda tentang plugin di bawah ini. Kami benar-benar terkesan dengan Visual Composer, dan kami senang mendengar pendapat Anda!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map