Ringkasan Poin

  1. Cara Edit / Ganti Teks
  2. Cara Mengganti Gambar Latar Belakang
  3. Mengenal Section, column dan Modul Di Divi
  4. Cara Menggunakan Layout Yang Disediakan Oleh Divi
  5. Cara Membuat Landingpage Dengan Divi
  6. Mengenal Module Dan Contoh Hasil Penggunaan Modulnya
  7. Cara Setting Theme Menggunakan Theme Customizer
  8. Cara Mengganti Logo Divi
  9. Instal Woocommerce Dan Setting Awal Berikut Cara Upload Product dan Melengkapi Isinya
  10. Cara membuat posting Artikel

Cara Mengedit Teks

Untuk mengedit teks pada halaman website, hal yang harus Anda lakukan adalah

 

  • Login ke website Anda
  • Klik Laman
  • Pilih laman yang ingin di edit
  • Klik Edit With Divi Builder
  • Anda akan dibawa ke mode Editing visual
  • Anda bisa langsung klik pada teks tersebut untuk mengedit langsung
  • Jika sudah selesai mengedit teks, klik titik tiga dibawah, lalu simpan

Cara mengganti Gambar Latar belakang

Untuk mengganti gambar latar belakang di ONLEN.IN sangat mudah. Berikut Tutorialnya.

  • Masuk Ke dashboard, lalu pilih laman yang di inginkan seperti point 1.
  • Sorot gambar latar belakang yang akan dig anti seperti gambar di bawah ini.
  • Pilih Lambang Gear pada menu di sebelah kiri atas
  • Akan keluar menu seperti gambar di bawah ini
  • Pilih Menu Dropdoown Latar belakang, maka muncul pilihan gambar yang akan Anda ganti sesuai kebutuhan
  • Klik Gambar yang akan diganti, maka keluar halaman upload gambar, seperti dibawah ini
  • Pilih Gambar yang akan Anda masukan, atau klik tab unggah berkas untuk mengupload dari computer Anda, pilih gambar dari computer Anda lalu klik unggah gambar
  • Maka hasilnya akan seperti ini
  • Setting ukuran sesuai dengan kebutuhan Anda pada menu latar belakang, seperti di bawah ini. Pada menu ini Anda, bisa mensetting efek pada gambar, Ukuran Gambar, Posisi Gambar, pengulangan tampilan animasi pada gambar dan warna overlay pada gambar.

Mengenal Section, Column Dan Modul

Pada Divi Builder, Section, Column dan Modul adalah hal penting yang harus Anda pahami. Pasalnya ketiga kompnen ini akan sangat berpengaruh pada pembuatan/desain website Anda.

Lalu, apa yang dimaksud dengan Section, Column, Dan Modul Pada DIvi.

– Section Dan Column

Section merupakan tempat Anda memasang Column yang nantinya diisi oleh berbagai modul sesuai kebutuhan Anda. Di setiap website visual builder, Section ini menjadi pemisan Antar konten. Misal, Pada halaman home website Anda pada Section pertama menunjukkan keunggulan Website, dan pada section selanjutnya Anda memperkenalkan harga jasa Anda. Atau lebih jelasnya bisa dilihat pada gambar di bawah.

Gambar diatas merupakan Section Kontak, bisa dilihat garis berwarna Orange, yang merupakan garis pemisah Antara Section kontak dengan secton Sebelumnya. Dan yang ada dalam Section ini di sebut Column dan Modul. Colum adalah kotak-kotak atau table yang nantinya diisi oleh modul. Lebih Jelasnya lihat gambar di bawah

Kotak yang di warnai merah dan kuning adalah column, fungsinya dalah agar layout desain Anda terlihat rapih dan tidak berantakan. Column ini nantinya diisi oleh modul modul sesuai kebutuhan Anda.

Module

Module merupakan konten website yang bisa Anda sesuaikan dengan kebutuhan Anda. Module di Divi sendiri ada cukup banyak, Mulai dari Module Insert Teks, Gambar hingga instert animasi dan lain. Lain. Untuk lebih jelasnya bisa dilihat di gamabr di bawah.

Kotak hijau yang berada di dalam kotak hijau disebut modul teks Heading, Anda bisa mengganti teksnya sesuai kebutuhan Anda atau Anda bisa mengganti modulenya dengan yang lain.

WhatsApp chat