Untuk para peserta training website, harap membaca tutorial cara menggunakan DIVI Builder bagian ke-1 ini terlebih dahulu sebelum memulai yang lainnya.

Cara Menggunakan DIVI Builder Bagian ke-1

DIVI Builder sama seperti Elementor, terdapat elemen seperti:

  • Section
  • Baris
  • Kolom
  • Modul

Mari kita pahami masing-masing elemen tersebut yang merupakan dasar untuk memahami cara menggunakan DIVI Builder.

Pahami Elemen Ini Untuk Memahami Cara Menggunakan DIVI Builder

Setiap elemen ini dapat kita sesuaikan designnya, seperti lebar, tinggi, warna latar atau background, dan sebagainya.

Pahami struktur elemen pada DIVI Builder ini. Harap aktifkan pembangunan visual.

cara menggunakan divi builder

atau

cara aktifkan visual builder

Jika ada pilihan ini, pilih :”Mulai Merancang”

pilih mulai merancang

Section

Merupakan elemen induk dari baris, kolom, dan modul. Kotak biru.

section pada divi builder

Kemudian, di section, Anda dapat menambahkan Baris.

Baris

Baris dapat berisi modul yang dibutuhkan, seperti modul teks, modul gambar, modul video, dan sebagainya. Ada puluhan modul yang tersedia.

Baris atau kotak warna hijau, ada beberapa pilihan layout.

baris pada divi builder

Anda dapat memilih layout baris sesuai kebutuhan. Misal, pilih baris dengan 2 kolom 50% 50%.

baris yang sudah ada kolom di divi builder

Anda dapat klik tanda “+” warna hitam untuk menambahkan modul.

Sekarang mari kita lanjutkan ke modul.

Modul

DIVI Builder memiliki 46 modul yang sangat berguna dalam membuat halaman website. Untuk awal, mari kita pelajari untuk menambahkan modul teks, gambar dan tombol.

Sisipkan modul gambar (klik tanda “+”, kemudian ketik nama modulnya untuk mempercepat pilihan).

modul gambar pada divi builder

Lakukan hal yang sama untuk di kolom sebelah kanan dan masukkan modul Teks.

Pada modul gambar, upload file gambar dari komputer Anda. Pada modul text silahkan ketik apa saja.

Hasil Dari Tutorial Dasar – Cara Menggunakan DIVI Builder Bagian ke-1

Akan tampak seperti ini:

cara memilih setrika

Ini Modul Teks Divi Builder

Disini kita dapat menulis dan mendesign tulisan tersebut.

Jenis huruf, ukuran huruf, jarak antar huruf, dan spasi baris kalimat dapat Anda sesuaikan pada modul teks ini.

Kemudian tambahkan modul tombol, rubah kata klik sesuai apa yang Anda inginkan.  Selanjutnya berikan link pada tombol tersebut agar berfungsi.

Anda juga dapat menambahkan baris lagi dan menyisipkan modul lainnya seperti modul angka penghitung dengan persentase atau tanpa persentase.

Penutup:

DIVI Builder memiliki 4 elemen dasar yang perlu Anda hafal luar kepla agar dapat mudah dalam memahami cara menggunakan DIVI Builder.

Setelah Anda memahami cara menggunakan divi builder, maka Anda akan mulai dapat membuat sebuah website landing page yang berkualitas.

Coba praktekan sendiri dengan membuat halaman atau pos. Semoga tutorial ini dapat Anda pahami untuk dapat masuk ke Bagian ke-2.

Pin It on Pinterest

Share This