Tutorial desain web WordPress menggunakan Page Builder
Tutorial Desain WordPress Mudah dan Cepat bisa dilakukan oleh siapa saja termasuk pemula sekalipun tanpa harus memiliki kemampuan pemrograman. Semua proses desain menggunakan cara seret dan lepas.
Halaman ini menerangkan apa saja yang perlu dipersiapkan sebelum melangkah ke tutorial selanjutnya.
Untuk mempermudah memahami tutorial ini berikut adalah ringkasannya :
- Persiapan
- Membuat gambar slider / bergerak ukuran besar. Menempatkan teks dan tombol WhatsApp serta nomor Telp pada slider.
- Membuat blok Layanan Kami.
- Menempatkan produk secara otomatis dari sistem toko online.
- Membuat blok kenapa memilih kami dengan cara menempatkan konten dari halaman lain.
- Membuat blok testimoni.
- Membuat blok untuk menyimpan Video.
- Membuat galeri gambar.
- Menampilkan kumpulan artikel terbaru.
- Membuat map dan form kontak.
- Mengisi bagian footer.
- Membuat popup pemberitahuan.
Alat yang diperlukan :
- Plugin Elementor Page Builder By Elementor.com
- Plugin Essential Addons for Elementor By WPDeveloper
- Tema Astra
Kenapa menggunakan Page Builder ? itulah pertanyaan pertama kali yang harus diketahui jawabannya, sebelum memulai tutorial desain WordPress.
Kenapa menggunakan Page Builder tujuan nya supaya desain WordPress dapat dilakukan dengan mudah dan cepat, tidak perlu keahlian koding sama sekali! itulah kenyataan nya. Website apa yang ingin Anda buat ? Company Profile, Toko Online, Website Travel, Penjualan Ebook dan lain sebagainya bisa dibuat dengan mudah menggunakan WordPress dan Page Builder.
Tidak dapat dipungkiri bahwa membuat website untuk pemula bukan perkara mudah jika tidak dilakukan di dukung alat tambahan.
Apa itu Page Builder ?
Page Builder tool berbasis grid untuk edit halaman. Antar mukanya yang intuitif memudahkan siapa saja dapat meletakan konten dimana saja sesuai keinginan dan dapat mengambil konten dari halaman lainnya atau dari data yang telah tersimpan.
Page Builder berupa plugin yang dapat di install dengan mudah melalui dasbor admin WordPress. Terdapat beberapa plugin Page Builder namun yang akan digunakan dalam tutorial kali ini adalah plugin Elementor Page Builder oleh Elementor.com
Pertimbangan menggunakan Elementor selain karena mudah dan cepat dalam penggunaan juga memiliki banyak fitur serta fungsi. Ketika desain website WordPress menggunakan Elementor, hampir tidak perlu menambahkan coding secara manual, semuanya bisa diselesaikan dengan cara geser dan tempel.
Selain itu Elementor juga memiliki tambahan fitur dan fungsi yang dibuat oleh pengembang lain, khusus untuk Elementor.
Fitur dan Fungsi dalam Elementor Page Builder
Elementor memiliki fitur unik dan menambah fungsionalitas dalam website. Berikut beberapa diantaranya fitur dan fungsi yang terdapat dalam Elementor Page Builder.
- Membuat blok konten dengan mudah.
- Pembuat formulir visual dan intuitif.
- Otomatisasi pemasaran dan integrasi CRM
- Penambahan jenis huruf secara khusus termasuk Google font.
- Pembuat tabel dan section.
- Tata letak posting dan Widget.
- Menampilkan galeri dengan filter kategori.
- Preview langsung tablet dan mobile.
- Simpan atau impor layout yang telah dibuat.
- Salin dan tempel konten antar halaman
- Geser dan tempel gambar & video.
- Terintegrasi dengan WooCommerce.
- Kustom CSS.
- Penambahan navigasi menu.
- Animasi gambar dan blok.
- Penambahan ikon dalam list.
- Membuat testimoni.
- Menampilkan isi konten dari halaman lain.
- Menyediakan banyak template halaman.
Dan masih banyak lagi lainnya
Silahkan install plugin Elementor, cara install plugin silahkan baca Cara Install Plugin WordPress.
Untuk theme kami anggap Anda sudah memiliki theme pilihan, jika belum memiliki silahkan ikuti panduan Cara Install Theme WordPress Lengkap
Dalam tutorial ini kami menggunakan Theme Astra. Silahkan pilih tema sesuai keinginan yang penting jika website digunakan untuk toko online maka pilih tema yang support WooCommerce.
Selanjutnya Tahap 2 Membuat gambar slider / bergerak ukuran besar. Menempatkan teks dan tombol WhatAspp serta nomor Tlp pada slider.