Divi BuilderTutorial

Disain Laman WordPress dengan DIVI dari Awal

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

Disain Laman Wordpress dengan DIVI dari Awal 1

2.Isi judul laman, kemudian klik tombol Edit The Divi Builder

Disain Laman Wordpress dengan DIVI dari Awal 2

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.

Disain Laman Wordpress dengan DIVI dari Awal 3

4.Akan muncul pilihan kolom yang dikehendaki, silahkan klik salah satunya. misal kita pilih 1 kolom.

Disain Laman Wordpress dengan DIVI dari Awal 4

5.Akan tampil pilihan modul seperti gambar di bawah ini. Kali ini kita coba pilih modul teks.

Disain Laman Wordpress dengan DIVI dari Awal 5

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.

Disain Laman Wordpress dengan DIVI dari Awal 6

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.
Disain Laman Wordpress dengan DIVI dari Awal 7

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.

Disain Laman Wordpress dengan DIVI dari Awal 8

9.Maka akan muncul kembali pilihan baris, silahkan coba klik yang 2 kolom.

Disain Laman Wordpress dengan DIVI dari Awal 9

10.Kali ini kita pilih modul gambar.

Disain Laman Wordpress dengan DIVI dari Awal 10

11.Silahkan klik area gambar seperti gambar di bawah ini.

Disain Laman Wordpress dengan DIVI dari Awal 11

12.Klik unggah berkas untuk mengupload gambar, atau pilih pustaka media untuk memilih gambar yang sudah tersedia di web.

Disain Laman Wordpress dengan DIVI dari Awal 12

13.Setelah memilih salah satu gambar, kemudian klik tombol unggah gambar di pojok kanan bawah seperti gambar di bawah ini.

Disain Laman Wordpress dengan DIVI dari Awal 13

14.Klik tanda centang di kotak hijau.

Disain Laman Wordpress dengan DIVI dari Awal 14

15.Untuk menyimpan disain laman silahkan klik tombol ungu 3 titik seperti gambar di bawah ini

Disain Laman Wordpress dengan DIVI dari Awal15

16.Selanjutnya silahkan klik tombol hijau ‘Terbitkan/Simpan’

Disain Laman Wordpress dengan DIVI dari Awal 16

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.

Related Articles

Tinggalkan Balasan

Back to top button

Adblock terdeteksi

Silahkan nonaktifkan adblock terlebih dahulu. Terimakasih!