Disini Kita akan mempelajari bagaimana cara mendisain laman/post wordpress dengan DIVI Builder dari awal atau dari nol tampilan.
1.Dimulai dari login ke dashboard admin wordpress (namawebsiteanda.com/wp-admin), kemudian klik Laman > Tambah baru
2.Isi judul laman, kemudian klik tombol Edit The Divi Builder
3.Akan muncul 3 opsi yaitu bangun dari awal, pilih tata letak (opsi ini akan menampilkan tampilan yang sudah tersedia, tak perlu repot tinggal edit dan penyesuaian saja), pilihan ke 3 klon halaman yang ada (opsi ini akan menduplikat halaman yang sudah ada ke laman yang baru).
Untuk saat ini kita pilih opsi bangun dari awal saja.
4.Akan muncul pilihan kolom yang dikehendaki, silahkan klik salah satunya. misal kita pilih 1 kolom.
5.Akan tampil pilihan modul seperti gambar di bawah ini. Kali ini kita coba pilih modul teks.
6.Silahkan edit langsung tulisan yang dikehendaki, di dalam pengaturan teks ini sudah tersedia tools-tools pendukung untuk mendisain teks tersebut.
Setelah selesai setting dan editing teks, silahkan klik tanda centang kotak hijau yang berada di pojok kanan bawah.
7.Arahkan mouse ke area teks, akan terlihat 3 tanda kotak.
- Kotak hitam adalah area pengaturan modul. Modul ini berisi banyak fitur penting untuk mendisain dan mengisi konten di dalam laman web. Untuk menambah modul klik tanda “+” hitam.
- Kotak hijau adalah area pengaturan baris(row). baris ini berfungsi untuk mengelompokkan modul-modul dalam 1 baris. Untuk menambah baris klik tanda “+” hijau.
- Kotak biru adalah area pengaturan bagian(section). Section ini berfungsi untuk mengelompokkan beberapa baris dalam 1kelompok. Untuk menambah section klik tanda “+” biru.
8. Sekarang kita coba menambahkan baris dengan mengklik tanda “+” biru. maka akan muncul seperti gambar di bawah. Ada 3 pilihan yaitu Reguler, Spesialisasi, Lebar Penuh.
9.Maka akan muncul kembali pilihan baris, silahkan coba klik yang 2 kolom.
10.Kali ini kita pilih modul gambar.
11.Silahkan klik area gambar seperti gambar di bawah ini.
12.Klik unggah berkas untuk mengupload gambar, atau pilih pustaka media untuk memilih gambar yang sudah tersedia di web.
13.Setelah memilih salah satu gambar, kemudian klik tombol unggah gambar di pojok kanan bawah seperti gambar di bawah ini.
14.Klik tanda centang di kotak hijau.
15.Untuk menyimpan disain laman silahkan klik tombol ungu 3 titik seperti gambar di bawah ini
16.Selanjutnya silahkan klik tombol hijau ‘Terbitkan/Simpan’
17.Selesai, saat ini Anda sudah dapat mengisi laman dengan teks dan gambar. silahkan dicoba dengan modul-modul yang lain, agar lebih memahami dan terbiasa dalam mendisain laman dengan DIVI builder.