Loncat ke Konten Utama

Cara menggunakan plugin Divi Builder di WordPress

Divi: tema WordPress termudah untuk digunakan

Apakah Anda mencari tema dan plugin WordPress terbaik?

Unduh plugin terbaik dan tema WordPress di Envato dan buat situs web Anda dengan mudah. Sudah lebih dari 49.720.000 unduhan. [EKSKLUSIF]

Divi jelas merupakan salah satu tema WordPress paling populer saat ini. Salah satu elemen yang membentuk kekuatan tema ini adalah pembangunnya (Divi Builder), yang sangat mengingatkan kita pada Visual Composer.

Builder Divi hadir dalam dua bentuk: "Pembangun Belakang-akhir" standar dan "Pembuat Visual". Kedua antarmuka memungkinkan Anda untuk membangun jenis situs web yang sama persis dengan elemen konten dan parameter desain yang sama. Satu-satunya perbedaan adalah antarmuka. Pembangun back-end tinggal di dalam dashboard WordPress dan dapat diakses dengan semua pengaturan WordPress standar lainnya.

Itu ada di dalam antarmuka pengguna WordPress dan menggantikan editor pesan WordPress standar. Ini bagus untuk membuat perubahan cepat saat Anda berada di dalam dasbor, tetapi juga dibatasi oleh dasbor dan ditampilkan sebagai representasi situs web blok Anda. Tutorial ini hanya akan fokus pada konstruktor visual.

Unduh Theme WordPress DIVI

divi builder.jpeg

Builder Visual semua-baru, di sisi lain, memungkinkan Anda untuk membangun halaman Anda di front-end situs web Anda! Ini adalah pengalaman yang luar biasa dan memungkinkan desain yang jauh lebih cepat. Saat Anda menambahkan konten atau menyesuaikan parameter desain di dalam pembangun visual, perubahan Anda akan muncul seketika.

Anda dapat mengklik halaman dan mulai mengetik. Anda dapat menyorot teks dan menyesuaikan font dan gayanya. Anda dapat menambahkan konten baru, membangun halaman Anda dan menonton semua yang terjadi di depan mata Anda.

penggunaan-visual-builder.jpg

Cara mengaktifkan Visual Builder

Ketika Anda masuk ke dashboard WordPress Anda, Anda dapat menavigasi ke halaman manapun di bagian depan situs web Anda dan klik tombol "Aktifkan Pembangun Visual" di bar admin WordPress untuk meluncurkan pembangun visual.

cara mengaktifkan builder.jpeg visual

Jika Anda mengedit halaman Anda di dashboard, Anda dapat beralih ke Visual Builder dengan mengklik tombol "Enable Visual Builder" di bagian atas antarmuka back-end Divi Builder (perhatikan bahwa Anda harus terlebih dahulu aktifkan Divi Builder sebelum tombol Visual Builder muncul).

Divi: Tema WordPress terbaik sepanjang masa!

lebih 600.000 unduhan, Divi adalah tema WordPress paling populer di dunia. Sudah lengkap, mudah digunakan dan dilengkapi dengan lebih dari 62 template gratis. [Direkomendasikan]

gunakan pembangun visual Divi.jpeg

Dasar-dasar dari Visual Builder

Kekuatan Divi terletak pada Visual Builder, pembuat halaman yang bekerja dengan "Drag And Drop," yang memungkinkan Anda membangun hampir semua jenis situs web dengan menggabungkan dan mengatur elemen konten.

Pembangun menggunakan tiga blok bangunan utama: bagian, baris, dan modul. Menggunakannya serentak memungkinkan Anda membuat banyak tata letak. Bagian-bagian adalah blok bangunan terbesar dan mereka rumah kelompok baris. Baris-baris berada di dalam bagian dan digunakan untuk menyimpan modul. Modul ditempatkan di dalam baris. Ini adalah struktur dari setiap situs web Divi.

bagian

Blok bangunan paling dasar dan terbesar yang digunakan dalam merancang tata letak dengan Divi adalah bagian. Mereka digunakan untuk membuat grup besar konten, dan ini adalah hal pertama yang Anda tambahkan ke halaman Anda. Ada tiga jenis bagian: Reguler, Khusus, dan Lebar Penuh.

Bagian reguler terdiri dari baris kolom sedangkan bagian lebar penuh terdiri dari modul lebar penuh yang memperluas seluruh lebar layar. Bagian khusus memungkinkan tata letak samping yang lebih maju.

baris

Baris berada di dalam bagian dan Anda dapat menempatkan sejumlah baris di dalam bagian. Ada banyak jenis kolom yang berbeda untuk dipilih. Setelah Anda mendefinisikan struktur kolom untuk baris Anda, Anda dapat menempatkan modul di kolom yang diinginkan. Tidak ada batasan jumlah modul yang dapat Anda tempatkan di kolom.

Modul

Modul adalah elemen konten yang membentuk situs web Anda. Setiap modul Divi dapat beradaptasi dengan lebar kolom dan semuanya sangat responsif.

Buat Toko Online Anda dengan mudah

Unduh WooCommerce gratis, plugin e-commerce terbaik untuk menjual produk fisik dan digital Anda di WordPress. [GRATIS]

Bangun halaman pertama Anda

Tiga blok bangunan dasar (bagian, garis, dan modul) digunakan untuk membangun halaman Anda.

pembangunan halaman Divi.jpg

Menambahkan bagian pertama Anda

Sebelum Anda dapat menambahkan sesuatu ke halaman Anda, Anda perlu menambahkan bagian terlebih dahulu. Bagian dapat ditambahkan dengan mengklik tombol biru (+). Saat Anda mengarahkan ke bagian yang sudah ada di halaman, tombol biru (+) akan muncul di bawahnya. Ketika Anda mengklik, bagian baru akan ditambahkan di bawah bagian di mana Anda saat ini sedang terbang.

Jika Anda memulai halaman baru, bagian pertama Anda akan ditambahkan secara otomatis.

daftar bagian divi.jpg

Menambahkan baris pertama Anda

Setelah menambahkan bagian pertama Anda, Anda dapat mulai menambahkan baris kolom di dalamnya. Suatu bagian dapat berisi sejumlah baris, dan Anda dapat mencampur dan mencocokkan baris berbagai jenis kolom untuk membuat berbagai tata letak.

Untuk menambahkan baris, klik tombol hijau (+) di dalam bagian kosong, atau klik tombol hijau (+) yang muncul saat melayang di atas baris saat ini untuk menambahkan baris baru di bawahnya. Setelah Anda mengklik tombol hijau (+), Anda akan disambut oleh daftar jenis kolom. Pilih kolom pilihan Anda dan Anda siap untuk menambahkan modul pertama Anda.

cara menyisipkan baris Divi.jpeg

Menambahkan modul pertama Anda

Modul dapat ditambahkan di dalam baris, dan setiap baris dapat berisi sejumlah modul. Modul adalah elemen konten laman Anda, dan Divi hadir dengan lebih dari 40 elemen berbeda yang dapat Anda gunakan untuk membuat.

Anda dapat menggunakan modul dasar seperti Teks, Gambar, dan Tombol, atau modul yang lebih canggih seperti Penggeser, Portofolio Galeri, dan Toko eCommerce.

Untuk menambahkan modul, klik tombol abu-abu (+) yang ada dalam kolom kosong atau klik pada tombol abu-abu (+) yang ada ketika Anda membawa lebih modul pada halaman untuk menambahkan modul baru di bawah . Setelah Anda mengklik tombol, Anda akan disambut oleh daftar modul.

Pilih modul pilihan Anda dan itu akan ditambahkan ke halaman Anda dan panel kontrol modul akan muncul. Dengan menggunakan panel kontrol ini, Anda dapat mulai mengkonfigurasi modul Anda.

masukkan modul DIVI.jpeg

Itu saja untuk tutorial ini. Dengan apa yang telah Anda pelajari hari ini, Anda akan dapat membuat tata letak dengan Divi. Kami akan kembali dengan tutorial lanjutan tentang masalah ini. Anda sudah dapat mengunduh tema Divi.

Tutorial Divi lainnya

Tinggalkan komentar

Alamat email Anda tidak akan dipublikasikan. Bidang yang harus diisi ditandai *

Situs ini menggunakan Akismet untuk mengurangi yang tidak diinginkan. Pelajari lebih lanjut tentang bagaimana data komentar Anda digunakan.

Tema WordPress Keren yang saya temukan
Dan ada lebih banyak tema dan model 50 000 untuk dipilih!

Kembali ke atas
11 saham
saham4
menciak2
Register5
Ada apa