Salah satu tahapan pembuatan website menggunakan platform wordpress adalah layouting halaman dan konten web. Halaman web yang bisa dibuat misalnya halaman Beranda, Profil, Kontak, Layanan, Gallery, Blog dll. Salah satu plugin yang digunakan untuk melakukan layouting halaman adalah Page Builder. Page Builder ini memudahkan Anda dalam mendesain halaman dan konten untuk website. Cara penggunaannya pun tidak sulit yaitu dengan Drag and Drop. Oleh karenanya waktu yang dibutuhkan untuk mendesain halaman website tidaklah lama. Anda bisa membuat layout halaman dengan beragam variasi sesuai selera Anda dan kebutuhan klien.

Langkah yang sebaiknya anda lakukan sebelum melakukan layouting web menggunakan Page Builder adalah Membuat sketsa atau coretan di kertas berikut konten yang ingin anda masukkan. Dengan demikian ketika anda menggunakan Page Builder akan lebih cepat.

Ada tips yang bisa anda pakai saat menggunakan Page Builder:

  1. Fokuslah menggunakan 1 Page Builder dan kuasai fitur fitur yang tersedia didalamnya.
  2. Belajarlah CSS/HTML  supaya Anda dapat membuat style pada halaman yang anda buat seperti membuat warna, ukuran, dan jenis font, cara menambahkan background warna dan gambar, mengatur jarak antar block, dll

Berikut ini Page Builder yang biasa digunakan untuk membuat layouting halaman:

Visual Composer Website Builder

Visual Composer merupakan editor untuk frontend dengan sistem drag and drop. Visual Composer memberikan banyak elemen konten dan alat desain untuk memudahkan anda membuat halaman dengan cepat dan mudah.

Anda bisa membuat tata letak halaman dengan cepat dan mudah.

page builder wordpress visual composer kursuswebpro

Elementor Website Builder

Elementor adalah salah satu page builder terbaik dengan jumlah pengguna sekitar 5 juta lebih. Sangat populer dan mudah digunakan. Page builder ini bisa anda gunakan dan unduh gratis. Desain halaman website bisa lebih cepat dan indah menggunakan page builder ini.

page builder wordpress elementor kursuswebpro

Elementor menyediakan banyak elemen yang dibutuhkan oleh para web desainer. Dengan Elementor, Anda mengedit situs secara langsung, dan secara bersamaan melihat persis seperti apa tampilannya.

Dengan elementor, pembuatan halaman bisa langsung secara instan pada halaman web dengan cara drag & drop dan mudah digunakan karena tampilan antar muka yang mudah dan menyenangkan. Hal ini bisa mengurangi banyak waktu untuk desain. Plugin elementor bisa didownload dan digunakan secara gratis.

Contoh fitur yang ada di elementor antara lain:

Box Shadows, Background Overlays, Hover Effects, Headline Effects, Animations, Shape Dividers, Gradient Backgrounds dll

 

Page Builder By Site Origin

SiteOrigin Page Builder memiliki tampilan antar muka yang mudah digunakan dan dikenali serta unik.  Page builder ini memudahkan anda membuat konten berbasis kolom responsif menggunakan widget yang Anda suka. Hasil dari pembuatan halaman menggunakan page builder ini halaman akan tampil responsif untuk perangkat mobile.

page builder wordpress siteorigin kursuswebpro

Page builder ini memiliki elemen dan tools yang cukup lengkap dan memenuhi kebutuhan paa desainer web.

WordPress Page Builder – Beaver Builder

Beaver Builder merupakan pembuat halaman website dengan cara fleksibel drag and drop. Mengedit halaman langsung dari frontend. Dengan adanya page builder ini anda tidak perlu menuliskan kode HTML. Anda langsung bisa membuat halaman web dengan cantik dan profesional.

page builder wordpress beaver kursuswebpro

Bever Builder memiliki element dan tools yang cukup lengkap dan bisa memenuhi kebutuhan web desainer.

Page Builder Gutenberg Blocks

CoBlocks adalah rangkaian blok WordPress pembuat halaman untuk Gutenberg. Page builder ini memiliki  10+ blok baru yang ditambahkan pada editor default Gutenberg. Hal ini bisa menambah pengalaman membuat halaman dengan baris dan kolom.

page builder wordpress coblock kursuswebpro

CoBlocks dibuat untuk pembuatan halaman web dengan menggunakan Gutenberg sebagai editor utamanya. Ada block block yang ditambahkan baik untuk pembuatan baris dan kolom. Kelebihan dari page builder ini adalah ringan karena hanya menambah fungsionalitas pada editor gutenberg

 

Page Builder: PageLayer – Drag and Drop website builder

Pagelayer adalah page builder untuk membuat halaman yang sangat mudah digunakan dan sangat ringan. Page builder ini bisa diaplikasikan pada semua theme wordpress. Kelebihannya adalah membuat halaman website yang cantik dan profesional bisa dikerjakan dalam beberapa menit tanpa pengetahuan pemrograman apapun.

page builder wordpress pagelayer kursuswebpro

Pagelayer hadir dengan fitur terbaik dengan UX hebat dan UI yang sederhana.

Bold Page Builder

Bold Page Builder adalah Page builder  untuk WordPress yang disiapkan   100% gratis untuk anda membuat halaman web dengan mudah cepat cantik dan profesioanl.  Anda bisa menggunakannya dalam proyek komersial atau tidak. Pun jika anda menggunakan theme wordpress yang premium.

page builder wordpress bold kursuswebpro

Dengan menggunakan Bold page Builder anda bisa membuat halaman postingan yang responsif dengan tata letak halaman yang bisa di atur sesuai keinginan dan selera anda. Selain itu mudah dijalankan dengan sistem Drop and Drag dan tidak memerlukan pengkodean halaman.

Nimble Page Builder

Nimble Page Builder adalah plugin page builder untuk wordpress. Seperti halnya page builder lainnya cara penggunaannya dengan Drag & Drop. Nimble Page Editor menyediakan elemen dan tools desain yang cukup lengkap. Anda bisa mengedit halaman secara live melalui frontend.

page builder wordpress nimble kursuswebpro

Dengan menggunakan Nimble Page Builder membangun halaman website bisa lebih mudah dan menghemat waktu dan biaya.

Brizy – Page Builder

Brizy merupakan page builder wordpress yang cepat dan mudah digunakan. Dalam penggunaannya tidak dibutuhkan pengkodean atau pemrograman web. Cukup menggunakan Drag and Drop saja membuat halaman website jadi lebih mudah.

page builder wordpress brizy kursuswebpro

Brizy memiliki banyak element desain yang bisa digunakan seperti teks, button, image, maps dll. Page builder ini  juga memiliki fitur Smart Text Editor. Pemilihan warna ukuran jenis dan tata letak tulisan bisa dilakukan dengan sangat mudah. Selain fitur teks, tersedia juga fitur untuk image seperti resize, upload, focus, zooming dll.

Hasil tampilan halaman yang dibuat bisa responsif untuk perangkat seluler.

 

Page Builder – Live Composer

Live Composer memiliki fitur untuk membuat halaman custom website dengan cara Drag & Drop. Page builder ini support dengan woocommerce dan integrasi lanjutan (ACF,CPT, Mega Menu). Anda bisa membuat halaman live dari frontend. Bagi para desainer web fitur ini bisa menghemat waktu dan biaya.

page builder wordpress live composer kursuswebpro

Demikian ulasan singkat tentang beragam plugin Page Builder yang bisa digunakan untuk mendesain halaman web dengan cantik dan profesional. Dengan menggunakan page builder pembuatan website akan lebih banyak menghemat waktu dan biaya. Page builder tidak membutuhkan pengkodean untuk mengoperasikannya. Cukup dengan Drag dan Drop saja langsung live di halaman website.

Jika anda berminat mendalami pembuatan website dan toko online, anda bisa mendaftar kursus website dan toko online di kursuswebpro. Siapapun anda berhak bisa membuat dan memiliki website untuk bisnis online. Pilih kursusnya dan join sekarang.