Pengenalan DIVI Builder Bagian I

Sep 30, 2021 | Tutorial DIVI

Tutorial video kali ini akan menjelaskan komponen penting dari DIVI Builder. Pengenalan DIVI Builder ini hanya memerlukan waktu kurang dari 10 menit.

Terutama untuk para client KiosMaya, untuk awal harus memahami komponen utama yang dijelaskan pada video tutorial pengenalan DIVI Builder di bawah ini. Ini merupakan langkah awal untuk update dan tambah konten website Anda.

Silahkan luangkan waktu Anda yang berharga untuk memahami komponen utama pada DIVI Builder.

 

Video Tutorial Pengenalan Divi Builder Bagian I

(Section, Colum, Row, Modul)

Video di atas dapat Anda lihat hasilnya pada salah satu client website kami, sebuah kantor jasa akuntan di Jakarta. Anda dapat melihat di laptop, ponsel, maupun di tablet. Seluruh Section, Baris, Kolom dan Modul telah disesuaikan untuk mobile responsive design. Sehingga hasilnya tetap rapih dan memberikan kesan profesionalisme yang kuat.

Komponen Utama Pada Divi Builder

Sebelumnya kita telah mengetahui elemen utama pada sebuah website: Header, Body Content, dan Footer.

Sekarang untuk merealisasikan itu semua pada DIVI Builder ada 4 komponen utama yang harus kita ketahui.

Section

Merupakan wadah utama dari seluruh komponen yang ada. Ada 3 macam pilihan section pada DIVI Builder: Regular, Special, dan Full Width..

Section Regular dan special dapat berisi satu atau lebih Baris atau Row, sedangkan section Full Width hanya dapat berisi modul khusus untuk full width misal: header full width atau video full width.

Secara umum, section yang banyak terpakai adalah yang regular, kecuali untuk blog layout dan landing page untuk portal berita yang umumnya menggunakan section khusus.

Row atau Baris

Merupakan elemen utama dari Section yang dapat berisi beberapa kolom. 

Kolom

Pada sebuah baris, kita dapat menggunakan layout kolom dengan lebar 100%, 1/2, 1/3, 1/4 dan banyak macamnya (silahkan ulangi lihat video di atas untuk lebih jelasnya)

Modul

Merupakan komponen DIVI builder yang dapat berupa text, gambar, tombol. video, galeri, hitung mundur, tabbed content, dan sebagainya.

Anda dapat menambahkan modul pada setiap kolom yang ada sesuai kebutuhan.

Kesimpulan

Dengan DIVI Builder, kita dapat membuat website dengan design yang yang rapih, unik, dan menarik, selain responsive pada seluruh layar gadget.

Sebagai langkah awal, kenali komponen utama pada DIVI Builder: Section, Row, Column, Modul. Ini akan memudahkan Anda dalam membuat sebuah halaman website atau mengimplementasikan design website yang diberikan oleh para designer website.

Demikian pengenalan komponen utama pada DIVI Builder untuk memudahkan Anda dalam memahami cara bikin website

Digital Marketing Untuk Produk Kosmetik Gimana Caranya ?

Digital Marketing Untuk Produk Kosmetik Gimana Caranya ?

Banyak yang sukses dengan produk kosmetik, namun tidak sedikit yang mengalami jalan ditempat. Kami melihat salah satu penyebabnya adalah pada cara digital marketing produk kosmetik yang kurang tepat. Cara Digital Marketing Untuk Produk Kosmetik Berdasarkan praktik...

Manfaat Website untuk Kantor Jasa Akuntan dan Perpajakan

Manfaat Website untuk Kantor Jasa Akuntan dan Perpajakan

Di era transformasi digital sekarang ini banyak sekali manfaat website untuk jasa profesional seperti Kantor Jasa Akuntan dan Perpajakan. Dalam artikel ini kami sadur beberapa manfaat adanya website bagi para penyedia jasa akuntansi dan pajak. Kenapa Kantor Jasa...

Analisa Peluang Pasar Melalui Marketplace dan Analytics

Analisa Peluang Pasar Melalui Marketplace dan Analytics

Baik untuk brand atau untuk bisnis sendiri, kita selalu membutuhkan pertimbangan kelayakan pasar sebelum melakukan pemasaran. Analisa peluang pasar di era digital semakin memudahkan para praktisi dan entrepreneur. Jika dulu kita harus melakukan survey, sekarang kita...

Cara Update Konten Website Menggunakan DIVI Builder

Cara Update Konten Website Menggunakan DIVI Builder

Setelah website selesai dibuat oleh KiosMaya.Com, Client memerlukan petunjuk cara update konten di website mereka. Tutorial kali ini akan membahas cara update text, gambar dan galeri agar dapat memudahkan para Client KiosMaya.Com. Cara Update Konten Website Secara...

Pin It on Pinterest

Share This