fbpx

Order Now - Dedicated Server High Performance

Wordpress

Cara Menggunakan Visual Composer WordPress Termudah, Terapkan Sekarang Juga

Wiliam

Berikut ini ada pembahasan tentang bagaimana cara menggunakan visual composer WordPress yang bisa dilakukan siapa saja. Cara tersebut berguna bagi Bizzie yang ingin menyesuaikan tema dalam WordPress ataupun membuat halaman arahan di dalam website tanpa perlu menuliskan kode apapun ataupun menyewa desainer web yang harganya tentu tidak murah.

Memang masalah umum yang sering dihadapi oleh sebagian besar pengguna WordPress yaitu tidak bisa menyesuaikan tema dalam website sesuai dengan keinginan, kecuali jika pengguna merupakan ahli dalam desain serta pemrograman web. Bagi Bizzie yang tidak ahli, maka visual composer WordPress merupakan jawaban paling tepat. Bahkan plugin satu ini bisa memecahkan masalah yang dialami hanya dengan satu cara.

Bagaimana Cara Menggunakan Visual Composer WordPress?

Sebelum memahami cara menggunakan visual composer WordPress, ada baiknya Bizzie mengenal visual composer itu sendiri. Sebagai informasi, visual composer adalah salah satu plugin membuat halaman yang ada di WordPress. Bizzie bisa menggunakan plugin tersebut untuk membuat halaman serta desain khusus untuk website WordPress milik pribadi tanpa merasa kesulitan.

Bisa dibilang, visual composer WordPress adalah perangkat lunak tambahan. Karena itu, setelah diinstal di website WordPress, Bizzie bisa langsung membuat dan mengedit halaman dengan antarmuka drag and drop visual tersebut. Ini nantinya memungkinkan Bizzie untuk mendesain halaman kustom dengan mudah lewat tata letak yang berbasis grid front end serta melihat bagaimana halaman web menjadi terlihat dengan pratinjau langsung ketika mendesain.

Pada dasarnya, cara menggunakan visual composer WordPress sama seperti memakai set Lego. Bizzie bisa drag and drop potongan-potongan konten ke dalam pembuat halaman memakai baris dan kolom agar bisa membuat desain. Kemudian plugin visual composer yang melakukan pekerjaan berat untuk penggunanya seperti Bizzie.

Untuk cara menggunakannya, Bizzie bisa simak tutorial selengkapnya berikut ini.

1. Instalasi dan Konfigurasi Visual Composer WordPress

Sebelum menggunakan visual composer WordPress, Bizzie perlu membelinya terlebih dulu lalu mengunggah ke website WordPress yang dimiliki. Caranya yakni:

·         Instal plugin seperti menginstal plugin WordPress lainnya. Sesudah diaktifkan, visual composer nantinya muncul di pilihan Pengaturan di menu kiri dashboard utama WordPress.

·         Bizzie bisa menyesuaikan sejumlah pengaturan dasar plugin

·         Kemudian aktifkan visual composer untuk pos dan halaman atau salah satunya. Bizzie juga bisa mengatur hak akses untuk model pengguna individu. Silahkan pilih tampilkan visual composer dan editor WP standar di wilayah editor pos.

·         Di bagian desain Options, Bizzie bisa memodifikasi nuansa dan tampilan dari elemen plugin visual composer sesuai dengan tema website. Tab Custom CSS memungkinkan Bizzie untuk modifikasi CSS tanpa perlu mengubah file lainnya. Di tab My Shortcode, Bizzie bisa menambah shortcode tambahan yang sudah dikembangkan secara manual ke dalam daftar shortcode yang ada di dalam visual composer.

2. Memakai Visual Composer WordPress di Halaman dan Pos

Dalam cara menggunakan visual composer WordPress yang sudah disebutkan sebelumnya, pengguna bisa mengaktifkan plugin ini untuk halaman dan pos ataupun salah satunya. Untuk menggunakan visual composer WordPress di halaman dan pos, Bizzie bisa simak caranya di bawah ini:

·         Sesudah mengaktifkan plugin, Bizzie akan melihat tab bernama visual editor tepat di bagian atas editor teks standar WP. Dua tab tersebut adalah Frontend Editor dan Backend Editor. Pertama-tama Bizzie bisa klik tab Backend Editor.

·         Setelah itu, wilayah editor teks WP berubah menjadi kotak geser. Bizzie bisa menentukan tempat untuk menambahkan elemen dengan memilihnya dari daftar. Sebagai awalan, Bizzie bisa menambahkan garis.

·         Dalam cara menggunakan visual composer WordPress berikutnya, Bizzie juga bisa menambahkan elemen berbeda pada garis dan memilih tata letak kolom tersendiri untuk setiap baris dengan cara meletakkan pointer mouse di tombol atas editor konten.

·         Bizzie juga bisa menambah elemen yang berbeda dalam merancang halaman dari tab Add element

·         Agar bisa mengedit, menghapus, maupun menggandakan setiap baris, Bizzie bisa memakai ikon yang ada di bagian atas setiap kotak baris

·         Lalu simpan pengaturan konten tertentu sebagai template siap digunakan yang dapat diambil dari daftar

·         Plugin visual composer juga memungkinkan Bizzie menambahkan CSS Custom untuk setiap pos dan halaman.

3. Menggunakan Visual Composer WordPress dalam Editor Frontend

Penerapan cara menggunakan visual composer WordPress berikutnya bisa dilakukan dalam editor frontend. Sebagai informasi, editor frontend memungkinkan Bizzie meletakkan dan menggeser elemen halaman di dalam tampilan halaman yang tayang. Hal tersebut memudahkan Bizzie secara langsung mempunyai seluruh pilihan editor backend juga. Cara menggunakannya yakni:

·         Pertama-tama Bizzie bisa memulai dari kiri. Pengguna bisa menambah elemen baru dengan cara menekan tanda tambah atau + lalu mengedit tata letak kolom menggunakan tombol kolom di sebelahnya

·         Bizzie juga bisa menambah kolom atau baris baru dari tanda plus ke dalam konten halaman

·         Seluruh elemen dari plugin visual composer benar-benar siap dan responsive untuk tampilan mobile. Bizzie bisa mendapat preview tayangan untuk bermacam perangkat dalam editor frontend dari ikon berbentuk kotak dengan pilihan di dalamnya.

·         Visual composer juga memungkinkan pengguna untuk menambah elemen dan shortcode desain Bizzie sendiri. Caranya Bizzie bisa membuat elemen atau mengimpor sendiri dari layanan pihak ketiga secara langsung.

Itulah pembahasan tentang cara menggunakan visual composer WordPress yang bisa Bizzie terapkan sekarang juga. Bizzie bisa mengunduh dan membeli plugin visual composer WordPress secara langsung untuk memodifikasi tampilan website. 

Baca Juga