Cara Membangun Situs Web dengan Divi (Tutorial 2024)

Diterbitkan: 2024-06-13

Anda telah membeli Divi dan siap membangun situs web Anda. Satu-satunya masalah adalah Anda tidak tahu harus mulai dari mana. Untungnya, Divi adalah salah satu tema WordPress paling intuitif yang tersedia. Ia menawarkan Pembuat Visual drag-and-drop yang mudah digunakan yang memungkinkan Anda menempatkan modul desain langsung ke halaman web di bagian depan, sehingga Anda dapat melihat desain Anda muncul secara real-time.

Namun, Divi lebih dari sekedar tema WordPress. Ini memberikan pengalaman membangun situs web yang lengkap tanpa menulis satu baris kode pun. Dalam postingan ini, kami akan menunjukkan cara membuat situs web Divi dan memberikan panduan langkah demi langkah sehingga Anda dapat mengikutinya dengan mudah.

Mari kita mulai.

Daftar isi
  • 1 Memulai WordPress & Divi
    • 1.1 Membeli Nama Domain
    • 1.2 Mendaftar untuk Paket Hosting WordPress
    • 1.3 Menginstal WordPress
    • 1.4 Memasang Tema Divi WordPress
    • 1.5 Mengonfigurasi Pengaturan Tema Divi
  • 2 Cara Membangun Situs Web Divi
    • 2.1 Cara Membangun Situs Web Divi: Merencanakan Struktur
    • 2.2 Cara Membangun Situs Web Divi: Membuat Halaman Web
    • 2.3 Cara Membangun Situs Web Divi: Melakukan Pengeditan Desain
    • 2.4 Cara Membangun Situs Web Divi: Meningkatkan Situs Web Anda dengan Plugin
  • 3 Divi Unggul dalam Membuat Website Profesional
  • 4 Pertanyaan yang Sering Diajukan

Memulai dengan WordPress & Divi

Sebelum kita beralih ke bagian menyenangkan dalam membangun situs web Anda dengan Divi, pastikan Anda memiliki hal-hal penting. Di bagian pertama cara membuat postingan situs web Divi, kami akan berkonsentrasi pada pembelian nama domain, mendaftar paket hosting WordPress, dan menginstal serta mengonfigurasi tema Divi.

tema divi

Membeli Nama Domain

Anggaplah nama domain Anda sebagai alamat situs web Anda di internet. Saat memilih salah satu, pastikan itu mudah diingat. Domain Anda sering kali menjadi hal pertama yang dilihat orang ketika mereka menemukan situs web Anda. Nama domain yang dipilih dengan baik dapat menciptakan kesan pertama yang positif dan membuat website Anda lebih mudah diingat. Gunakan pendaftar domain bagus yang memiliki fitur pencarian bagus sehingga Anda dapat menemukan yang paling sesuai untuk Anda.

Nama domain yang kuat bertindak sebagai landasan identitas merek Anda. Itu harus relevan dengan niche situs web Anda dan target audiens. Misalnya, eleganthemes.com langsung memberi tahu pengunjung bahwa mereka akan menemukan tema-tema indah di situs web kami. Semakin dekat nama domain Anda mencerminkan merek Anda, semakin mudah orang mengenali dan mengingat Anda.

Faktor lain yang perlu dipertimbangkan adalah halaman peringkat mesin pencari (SERP). Menyertakan kata kunci yang relevan di domain Anda dapat memberi Anda sedikit peningkatan optimasi mesin pencari (SEO), sehingga memudahkan orang menemukan situs web Anda saat melakukan pencarian. Beberapa ekstensi nama domain lebih baik daripada yang lain untuk SEO, jadi sebaiknya tetap gunakan ekstensi seperti .com , .net , atau .org , dan masih banyak lagi.

Pilih Pendaftar Domain Terkemuka

Pendaftar domain Namecheap

Salah satu registrar domain terbaik adalah Namecheap. Ini menawarkan pencarian domain yang canggih, sehingga Anda dapat menemukan domain yang sempurna untuk bisnis Anda dengan mudah. Ia juga menawarkan harga yang sangat terjangkau. Misalnya, Anda bisa mendapatkan domain .com untuk tahun pertama seharga $5,98 . Ini menyediakan antarmuka sederhana untuk mendaftarkan domain Anda, layanan hosting FreeDNS, dan PremiumDNS untuk memastikan situs web Anda selalu online. Hal ini dilakukan dengan mendistribusikan informasi DNS ke beberapa server edge, sehingga hampir mustahil bagi Anda untuk menjadi korban serangan penolakan layanan terdistribusi (DDoS).

Dapatkan Namecheap

Mendaftar untuk Paket Hosting WordPress

Hal lain yang Anda perlukan untuk membuat situs web Divi adalah penyedia hosting yang bagus. Bayangkan web hosting sebagai rumah situs web Anda. Ini menyimpan semua file situs web Anda dan membuatnya dapat diakses oleh pengunjung. Ada banyak penyedia hosting web yang tersedia, termasuk Cloudways, Flywheel, Pressable, dan SiteGround.

cara membuat situs web Divi

Semua penyedia hosting yang disebutkan di atas menawarkan hosting yang dirancang untuk WordPress dan Divi. Saat Anda memilih hosting WordPress yang dioptimalkan, Anda mengambil langkah untuk memastikan situs web Anda cepat, aman, dan dilengkapi dengan baik untuk menjalankan WordPress. Host ini juga dirancang untuk menjalankan Divi dengan sempurna. Dari keempatnya, SiteGround menawarkan hasil maksimal.

Ia menawarkan banyak hal gratis, termasuk email gratis, migrasi situs, sertifikat SSL, instalasi WordPress sekali klik, jaringan pengiriman konten (CDN), dan banyak lagi. Selain itu, paket hosting WordPress mereka sangat terjangkau, dengan harga mulai dari $2,99 per bulan . SiteGround juga memperhatikan keamanan situs web dengan serius, dengan sistem anti-bot bertenaga AI yang menandai dan memblokir jutaan ancaman keamanan setiap hari. Ada juga firewall aplikasi web (WAF) canggih yang memastikan situs Anda terlindungi dari peretas, serangan brute force, dan malware.

Dapatkan Divi SiteGround Hosting

Menginstal WordPress

Ada beberapa cara untuk menginstal WordPress, termasuk secara manual. Untungnya, dengan penyedia hosting seperti SiteGround, prosesnya sangat mudah. Setelah mendaftar untuk paket hosting SiteGround, SiteGround memandu Anda melalui langkah-langkah sederhana dalam menginstal WordPress. Mulailah dengan masuk ke akun SiteGround Anda. Setelah masuk, Anda akan diarahkan ke dasbor Alat Situs. Dari sana, klik tombol Siapkan Situs untuk memulai.

menyiapkan situs web

Di layar berikutnya, pilih domain baru, yang sudah ada, atau sementara. Kami berasumsi Anda membeli domain dari Namecheap pada langkah sebelumnya, jadi pilih domain yang ada . Masukkan nama domain Anda di kolom tersebut dan klik lanjutkan .

pilih domain

Selanjutnya, pilih Mulai Situs Web Baru , pilih WordPress untuk aplikasinya, tambahkan alamat email dan kata sandi (ini yang akan Anda gunakan untuk masuk ke WordPress), dan klik Lanjutkan .

Kredensial masuk WordPress

Selama beberapa menit berikutnya, SiteGround akan menyiapkan ruang server Anda, menginstal WordPress, dan mengonfigurasinya untuk kecepatan dan kinerja. SiteGround menggunakan plugin pengoptimalan kecepatan berpemilik, Pengoptimal Kecepatan, yang mengontrol caching, pengoptimalan gambar, dan banyak lagi.

Memasang Tema Divi WordPress

Dengan WordPress terinstal, saatnya menginstal Divi. Untuk postingan ini, kami berasumsi Anda telah mengambil langkah-langkah untuk membeli langganan Tema Elegan. Jadi, untuk bagian ini, kami akan berkonsentrasi pada pemasangan Divi dan pembuatan serta pemasangan Kunci API.

Mulailah dengan menavigasi ke dashboard WordPress Anda. Ada dua cara untuk mengakses dashboard WordPress Anda: melalui dashboard Site Tools SiteGround atau langsung di browser Anda dengan mengetikkan www.namasitusAnda.com/wp-admin (ganti namasitus Anda dengan domain Anda).

mengakses dasbor WordPress

Setelah masuk, navigasikan ke Appearance > Themes . Klik Tambahkan Tema Baru .

tambahkan tema WordPress baru

Selanjutnya, klik tab Unggah Tema .

unggah tema WordPress

Klik tautan pilih file untuk memuat file tema Divi yang di-zip ke WordPress.

cara membuat situs web Divi

Setelah file diunggah, klik tombol Instal Sekarang untuk menginstal Divi di WordPress.

instal Divi

Terakhir, klik tombol Activate untuk mengaktifkan tema.

aktifkan Divi

Hasilkan dan Instal Kunci API Divi

Langkah terakhir dalam menginstal Divi adalah membuat dan menginstal Kunci API. Menggunakan Kunci API memastikan kerangka inti Divi mutakhir. Pembaruan sangat penting untuk memastikan Divi berjalan lancar, aman, dan memberikan akses ke fitur-fitur masa depan. Manfaat lain dari Kunci API adalah memberi Anda akses ke produk tambahan apa pun yang Anda beli, dan memberi Anda akses ke lebih dari 2000 tata letak Divi yang telah dibuat sebelumnya.

Untuk membuat kunci, masuk ke akun Tema Elegan Anda, navigasikan ke tab Akun , dan klik Nama Pengguna & Kunci API .

Kunci API Divi

Gulir ke bawah hingga Anda melihat tombol Hasilkan Kunci API Baru .

menghasilkan Kunci API baru

Beri nama kunci dan salin label dan Kunci API untuk diamankan. Selanjutnya, kembali ke dashboard WordPress dan navigasikan ke Divi > Theme Options > Updates .

instal kunci API Divi

Masukkan nama pengguna dan Kunci API di kolom terkait dan klik tombol Simpan Perubahan .

Cara Membuat Website Portofolio Dengan WordPress

Divi Lebih Dari Sekadar Tema WordPress

tema divi

Seperti disebutkan, Divi adalah tema WordPress kuat yang menawarkan pembuat halaman drag-and-drop intuitif, Visual Builder. Muncul dilengkapi dengan lebih dari 200 modul desain, sehingga Anda dapat membangun jenis situs web apa pun yang Anda inginkan. Divi juga menyertakan pengalaman pengeditan situs lengkap yang hebat, berkat Pembuat Tema. Dengan menggunakannya, Anda dapat membuat header dan footer, templat posting blog, halaman arsip, dan banyak lagi – semuanya dengan antarmuka drag-and-drop yang sama. Divi juga sangat terjangkau, dengan lisensi tahunan mulai dari $89 .

Dapatkan Divi

Divi AI

Sebagai bonus tambahan, Divi hadir dengan rangkaian produk luar biasa untuk meningkatkan pengalaman Anda. Ada Divi AI, asisten desain bertenaga AI yang mampu menulis teks merek, menghasilkan gambar seperti aslinya, menulis kode dan membuat modul, serta membuat halaman web lengkap – semuanya dengan perintah teks sederhana. Anda dapat menghasilkan gambar, teks, kode, dan halaman tanpa batas hanya dengan $16,08 per bulan .

Dapatkan Divi AI

Divi Awan

Produk lain, seperti Divi Cloud, memungkinkan Anda menyimpan semua modul Divi, bagian, dan tata letak lengkap di Cloud. Hal ini menghilangkan kebutuhan untuk mengekspor file JSON atau XML untuk menggunakan kembali tata letak favorit Anda. Dengan Divi Cloud, Anda dapat menyimpan tata letak dari setiap situs web yang Anda miliki, memungkinkan Anda mengimpor dan mengekspor tata letak favorit Anda dengan mudah. Divi Cloud tersedia dengan harga $6 per bulan .

Dapatkan Divi Cloud

Tim Divi

Mencari cara untuk membina kolaborasi antar anggota tim dan membuat hidup lebih mudah? Di situlah Divi Teams dapat membantu. Hanya dengan $1,50 per bulan per kursi , Anda dapat memberikan akses ke Divi dan setiap produk yang Anda beli melalui area anggota Tema Elegan Anda. Bagikan akses ke penagihan klien dan produk Divi, tetapkan peran pengguna, dan akses tiket dukungan dengan mudah.

Dapatkan Tim Divi

Mengonfigurasi Pengaturan Tema Divi

Opsi Tema Divi

Dengan Divi terinstal, ada beberapa area utama yang perlu Anda ketahui. Yang pertama adalah Opsi Tema Divi. Di sini, Anda dapat menambahkan logo, mengonfigurasi warna global, menambahkan tautan media sosial, mengubah pengaturan kinerja, dan banyak lagi. Anda juga dapat mengonfigurasi pengaturan navigasi situs, mengizinkan Divi Builder pada jenis posting khusus, mengonfigurasi pengaturan SEO, dan menambahkan skrip untuk fungsionalitas tambahan.

Ada juga Penyesuai Tema Divi, yang memungkinkan Anda menyesuaikan pengaturan global untuk font, lebar situs, judul dan tagline situs, dan banyak lagi. Anda juga dapat menetapkan font dan warna global, menyesuaikan warna dan font untuk header dan footer, tombol gaya, mengonfigurasi gaya seluler, dan banyak lagi.

Cara Membangun Situs Web Divi

Setelah semua pengaturan selesai, kita dapat mengalihkan fokus kita ke bagian kedua dari tutorial cara membuat situs web Divi. Bagian ini akan memandu Anda dalam merencanakan struktur situs web Anda, mulai dari pembuatan halaman hingga pembuatan menu navigasi. Kami juga akan menjelajahi pembuatan halaman dengan tata letak yang telah dibuat sebelumnya dan membuatnya dengan Divi AI. Terakhir, kami akan menyarankan beberapa plugin penting untuk menjadikan situs Anda lebih baik.

Cara Membangun Situs Web Divi: Merencanakan Struktur

Sebelum mendesain halaman untuk situs WordPress Anda, Anda harus membuatnya. Sebagian besar situs web WordPress dasar memiliki beberapa halaman, termasuk beranda, tentang, layanan, blog, dan kontak , jadi itulah yang akan kita mulai. Meskipun Anda mungkin memerlukan halaman tambahan tergantung pada jenis situs yang Anda buat, ini berfungsi sebagai titik awal yang baik.

Pembuatan halaman halaman WordPress itu sederhana. Navigasikan ke Halaman > Tambahkan Halaman Baru .

tambahkan halaman WordPress baru

Beri judul pada halaman Anda dan klik tombol Publikasikan untuk membuat halaman.

mempublikasikan halaman WordPress

Ulangi proses di atas untuk membuat halaman yang tersisa. Setelah selesai, struktur halaman situs Anda akan terlihat seperti ini.

Struktur halaman WordPress

Membuat Menu Navigasi

Sebelum mempelajari Visual Builder, penting untuk meletakkan dasar struktur situs web Anda. Hal ini memastikan aliran informasi yang jelas dan logis, sehingga memudahkan pengunjung untuk bernavigasi dan menemukan apa yang mereka cari. Untuk membuat menu di WordPress, navigasikan ke Appearance > Menus . Beri nama pada menu Anda, seperti navigasi utama , atur lokasi menjadi utama , dan klik tombol buat menu .

membuat menu WordPress

Selanjutnya, pilih halaman yang ingin Anda tambahkan dan klik tombol Tambahkan ke Menu .

tambahkan halaman WordPress

Terakhir, klik dan seret halaman dalam menu untuk mengaturnya sesuai keinginan Anda, lalu klik tombol Simpan Menu .

simpan menu WordPress

Mengatur Halaman Beranda di WordPress

Selanjutnya, kami akan mengatur halaman beranda untuk situs web Divi kami. Untuk melakukan ini, navigasikan ke Pengaturan > Membaca . Pilih opsi tombol radio halaman statis dan pilih halaman beranda . Saat situs Anda sedang dalam pengembangan, ada baiknya Anda mencentang kotak visibilitas mesin pencari . Ini akan menjaga situs Anda tetap tersembunyi dari mesin pencari sampai Anda siap dilihat dunia. Terakhir, klik tombol Simpan Perubahan untuk mengunci halaman beranda Anda.

mengatur halaman beranda di WordPress

Cara Membangun Situs Web Divi: Membuat Halaman Web

Dengan struktur situs web kami dan kumpulan halaman beranda, kami dapat memulai proses pembuatan halaman web kami dengan Divi. Ada beberapa cara untuk melakukannya, termasuk menggunakan tata letak yang telah dibuat sebelumnya, menggunakan Divi AI, atau dari awal menggunakan Visual Builder. Untuk tutorial ini, kami akan memberi Anda dasar-dasar ketiga opsi tersebut untuk memastikan Anda mengetahui cara membuat halaman dengan cara yang paling sesuai untuk Anda.

Memuat Tata Letak Premade

Membuat halaman dengan tata letak siap pakai adalah salah satu cara termudah untuk memulai Divi. Ada lebih dari 2000 tata letak yang tersedia, mencakup setiap kategori utama yang dapat Anda bayangkan. Ada tata letak untuk restoran, berbagai jenis bisnis, layanan, acara, teknologi, dan banyak lagi. Setiap Paket Tata Letak untuk Divi hadir dengan setidaknya 6 tata letak halaman, cukup untuk membuat sebagian besar situs web.

Untuk memuat tata letak yang telah dibuat sebelumnya, navigasikan Halaman > Semua Halaman . Selanjutnya, klik halaman beranda untuk mengeditnya.

cara membuat situs web Divi

Klik tombol Edit dengan Divi Builder .

edit dengan Divi Builder

Selanjutnya, pilih Pilih Tata Letak Premade .

pilih tata letak yang telah dibuat sebelumnya

Anda dapat menggunakan bilah pencarian untuk mencari tata letak tertentu atau menelusuri berdasarkan kategori .

cari tata letak yang sudah jadi

Klik kategori bisnis dan pilih Paket Tata Letak Pelatih Karir untuk Divi.

pilih tata letak Divi

Pilih tata letak Halaman Arahan lalu klik tombol Gunakan Tata Letak Ini untuk memuat tata letak ke halaman beranda.

memuat tata letak Divi

Setelah halaman disegarkan, Anda dapat mengubah teks dan gambar, menambahkan modul desain baru, dan menyesuaikan halaman sesuai keinginan.

edit halaman dengan Visual Builder

Menggunakan Divi AI untuk Membuat Halaman Web

Selain menggunakan tata letak yang telah dibuat sebelumnya, pengguna Divi memiliki cara keren lainnya untuk mendesain halaman web. Divi AI adalah asisten desain bertenaga AI baru yang kuat dari Tema Elegan yang memungkinkan Anda menghasilkan halaman web lengkap dengan perintah teks. Cukup jelaskan jenis halaman yang ingin Anda buat, berikan AI beberapa informasi pendukung, pilih font dan warna, dan saksikan Divi AI menghasilkan halaman web lengkap, lengkap dengan gambar rangka, teks, dan gambar.

Untuk menghasilkan halaman dengan Divi AI, pilih halaman Tentang di Halaman > Semua Halaman. Aktifkan Divi Builder seperti pada langkah sebelumnya. Kali ini, alih-alih memilih tata letak yang sudah jadi, kami akan membuat halaman dengan AI .

dibangun dengan Divi AI

Saat kotak dialog Divi AI muncul, jelaskan halaman yang Anda ingin Divi AI buat , berikan detail tambahan , seperti pernyataan misi atau deskripsi singkat bisnis Anda, dan sesuaikan font dan warna Anda . Anda dapat membiarkan AI memilihnya, menggunakan font dan warna default situs web, atau memilihnya secara manual. Untuk membuatnya lebih menarik, kami akan memilih Biarkan AI Memilih Untuk Saya secara menyeluruh. Setelah semua kolom terisi, klik tombol Generate Layout .

Kotak dialog Divi AI

Selama beberapa menit berikutnya, Divi AI akan membuat gambar rangka halaman dan menambahkan teks dan gambar dalam modul desain Divi.

Proses desain Divi AI

Setelah selesai, Anda akan memiliki halaman web yang berfungsi penuh yang dapat Anda edit dengan Visual Builder.

cara membuat situs web Divi

Cara Membangun Situs Web Divi: Melakukan Pengeditan Desain

Divi memberdayakan Anda untuk membuat halaman yang menakjubkan secara visual menggunakan perpustakaan modul desain Divi yang luas dan opsi penyesuaian. Modul-modul ini bertindak seperti blok penyusun, memungkinkan Anda menambahkan berbagai elemen ke situs web Anda dengan mudah. Bahkan setelah membuat halaman dengan templat siap pakai atau Divi AI, Anda dapat mengedit desain lebih lanjut dengan menambahkan konten teks tambahan, gambar, dan elemen lainnya.

Di bagian tutorial cara membuat situs web Divi ini, kami akan menunjukkan berbagai cara Anda dapat mengedit halaman Anda dengan Visual Builder dan Divi AI.

Memahami Pembuat Visual

Divi menggunakan bagian dan baris untuk menentukan struktur halaman web. Bagian adalah wadah lebih besar yang menampung baris, yang selanjutnya mengatur konten Anda ke dalam kolom. Anda dapat menyesuaikan jumlah kolom dan jarak dalam setiap baris.

Struktur Divi

Seperti disebutkan sebelumnya, Divi hadir dengan lebih dari 200 modul desain, dengan berbagai fungsi. Anda dapat membuat galeri gambar, tab, akordeon, penghitung waktu mundur, dan banyak lagi.

Modul desain Divi

Saat Anda menarik dan melepas elemen, Anda melihat perubahannya terlihat langsung di layar. Hal ini menghilangkan kebutuhan akan kode yang rumit dan memastikan situs web Anda terlihat persis seperti yang Anda bayangkan. Ini seperti memiliki pratinjau situs web secara real-time saat Anda membuatnya.

Pembuat Visual Divi

Untuk mengedit bagian, arahkan mouse ke konten halaman hingga kotak biru muncul. Klik ikon roda gigi untuk mengedit bagian.

edit bagian Divi

Demikian pula, Anda juga dapat mengedit baris dan modul. Baris disorot dengan warna hijau dan modul berwarna abu-abu.

Baris dan modul Divi

Setiap bagian, baris, dan modul Divi memiliki pengaturannya sendiri. Ada tiga tab, termasuk konten, desain, dan lanjutan.

Pengaturan modul Divi

Dengan menggabungkan modul, baris, dan bagian, Anda dapat membuat tata letak yang kompleks dengan kontrol penuh atas hierarki visual dan susunan elemen di halaman Anda. Misalnya, Anda mungkin menggunakan bagian dengan gambar latar belakang lebar penuh, lalu menambahkan baris dengan tiga kolom untuk menampilkan layanan Anda secara berdampingan dalam bagian tersebut.

bagian 3 kolom

Dengan modul dan opsi tata letak Divi yang canggih, kemungkinan untuk membuat situs web yang indah dan menarik tidak terbatas.

Menghasilkan Teks dengan Divi AI

Baik Anda membuat situs web Divi dengan tata letak siap pakai, Divi AI, atau dari awal, Anda dapat dengan mudah membuat salinan merek untuk halaman Anda. Divi AI mampu menghasilkan semua jenis konten, mulai dari judul postingan blog, deskripsi produk, hingga postingan blog dan segala sesuatu di antaranya. Divi AI menggunakan pengetahuan dan pemahaman tentang situs web Anda untuk membuat konten teks yang unik dan relevan.

Untuk mendemonstrasikan betapa mudahnya menggunakan generator teks Divi AI, mari lihat kembali halaman beranda yang kami buat dengan tata letak yang telah dibuat sebelumnya. Paket Tata Letak Divi hadir dengan judul, tetapi menyisipkan salinan placeholder dalam modul teks. Mari edit modul teks di bagian pahlawan dan tambahkan beberapa salinan baru dengan Divi AI. Arahkan kursor ke modul teks dan klik ikon abu-abu untuk mengakses pengaturannya.

edit modul teks

Selanjutnya, klik ikon Divi AI untuk mengakses kotak dialog AI.

aktifkan Divi AI

Saat popup muncul, pilih Tulis dengan AI .

menulis dengan Divi AI

Untuk tipe konten , pilih paragraf . Selanjutnya, berikan Divi AI ringkasan singkat tentang teks yang ingin Anda buat. Tentukan konteks tambahan (halaman ini, bagian ini, dll), pilih nada suara , dan kata kunci apa pun yang harus digunakan yang ingin Anda sertakan. Terakhir, buatlah konten sekitar 50 kata , biarkan bahasa pada pengaturan default, dan klik tombol Generate Text .

menghasilkan teks dengan Divi AI

Divi AI akan menghasilkan konten berdasarkan pengaturan Anda. Setelah dibuat, Anda dapat menempatkan teks ke dalam modul dengan mengklik tombol Gunakan Teks Ini . Alternatifnya, Anda dapat mencoba kembali perintah Anda, memperbaikinya lebih lanjut, atau menyempurnakan hasilnya dengan menambahkan perintah tambahan.

menggunakan teks yang dihasilkan AI

Setelah menambahkan teks ke modul, klik tombol centang hijau untuk menyimpan perubahan.

simpan modul teks

Menghasilkan Gambar dengan Divi AI

Selain teks, Divi AI dapat menghasilkan gambar. Divi AI menawarkan dua belas gaya gambar berbeda, termasuk foto, vektor, anime, dan banyak lagi. Cara kerja pembuatan gambar hampir sama dengan pembuatan teks, yaitu dengan memasukkan perintah yang menjelaskan jenis gambar yang ingin Anda buat. Mulailah dengan menambahkan atau mengedit modul gambar yang ada. Dengan pengaturan modul gambar aktif, klik ikon Divi AI untuk menampilkan antarmuka AI.

AI gambar Divi

Saat popup muncul, klik Generate With AI .

cara membuat situs web Divi

Saat kotak dialog AI muncul, pilih grafik vektor untuk gayanya , jelaskan gambar yang ingin Anda buat, atur rasio aspek ke ukuran khusus (lebar 240 piksel kali tinggi 400 piksel), dan klik tombol Hasilkan .

menghasilkan gambar dengan AI

Divi AI akan menghasilkan 4 gambar untuk Anda pilih. Anda dapat memilih favorit Anda dan klik Gunakan Gambar Ini , atau Hasilkan Empat Lagi . Anda juga dapat memodifikasi gambar yang dipilih dengan membuat lebih banyak gambar serupa, memilih gaya alternatif, atau menambahkan deskripsi baru.

Opsi AI Gambar Divi

Setelah memasukkan gambar yang dihasilkan ke dalam modul gambar, klik tombol centang hijau untuk menyimpannya.

simpan perubahan modul Divi

Cara Membangun Situs Web Divi: Meningkatkan Situs Web Anda dengan Plugin

Divi sendiri merupakan pembuat situs web yang kuat, tetapi plugin dapat membawa situs web Anda ke tingkat berikutnya. Plugin menambahkan fungsionalitas ekstra dan dapat memperluas kemampuan Divi yang sudah luar biasa. Memang benar bahwa Divi menawarkan beragam fitur, namun mungkin ada fungsi khusus yang Anda perlukan yang mungkin belum ada di dalamnya.

Berikut adalah beberapa contoh plugin yang dapat Anda tambahkan (atau seharusnya) untuk menjaga situs web Anda tetap aman, berjalan cepat, atau meningkatkan SEO:

  • Plugin Formulir Kontak: Sederhanakan cara pengunjung menghubungi Anda dengan menambahkan plugin formulir kontak yang mudah digunakan seperti WP Forms
  • Plugin E-niaga: Ubah situs WordPress Anda menjadi toko online dengan plugin e-niaga seperti WooCommerce atau Easy Digital Downloads
  • Plugin SEO: Optimalkan situs Anda untuk mesin pencari guna meningkatkan lalu lintas organik. Plugin SEO seperti Rank Math dapat membantu Anda dalam riset kata kunci, SEO pada halaman, dan pembuatan peta situs
  • Plugin Media Sosial: Permudah pengunjung untuk membagikan konten Anda dengan plugin media sosial seperti Monarch atau Blog2Social
  • Plugin Keamanan: Sebagian besar host WordPress yang dikelola membahas hal ini untuk Anda, tetapi saat memilih jenis selang lain, Anda mungkin perlu menginstal plugin keamanan. Pilih opsi yang bagus, seperti Solid Security atau WP Activity Log

Mengintegrasikan Layanan Pihak Ketiga

Integrasi Divi

Banyak plugin dan alat yang menghubungkan situs web Divi Anda dengan layanan pihak ketiga yang populer. Divi menawarkan lusinan integrasi dengan perangkat lunak pemasaran email populer, alat analitik, dan plugin gateway pembayaran. Berikut beberapa hal yang perlu dipertimbangkan:

  • Plugin Pemasaran: Integrasikan WordPress dengan plugin pemasaran seperti Kampanye Aktif, tampilkan popup dengan Bloom, buat situs web podcasting dengan Serius Sederhana Podcasting, dan banyak lagi
  • Plugin Analytics: Dapatkan wawasan berharga tentang lalu lintas situs web Anda dengan plugin analitik seperti MonsterInsights
  • Plugin Keanggotaan: Buat situs web keanggotaan yang kuat dengan plugin seperti MemberPress
  • Plugin Sistem Manajemen Pembelajaran (LMS): Buat situs web kursus online dengan integrasi dengan plugin LMS populer seperti LifterLMS atau LearnDash

Jelajahi Pasar Divi

Pasar Divi

Ada ratusan ekstensi, tema anak, dan paket tata letak yang dirancang khusus untuk bekerja dengan Divi, memperluas fungsionalitas intinya dan menawarkan lebih banyak fleksibilitas desain. Selain Paket Tata Letak Divi, pengguna Divi dapat menemukan banyak produk di Divi Marketplace. Ada produk luar biasa dari pengembang besar seperti Divi Life, Divi Pixel, dan Divi Engine.

Hamparan Divi

Divi Overlays adalah pembuat popup terbaik untuk Divi. Ini menggunakan Visual Builder untuk membuat popup dan modal yang menakjubkan. Popup dapat diatur waktunya, dipicu pada halaman tertentu, atau diatur sebagai niat keluar untuk menarik pengunjung agar bertindak. Bagian terbaik? Divi Overlays hadir dengan templat pra-desain yang dapat Anda impor dan sesuaikan dengan mudah agar sesuai dengan merek situs Anda. Plugin ini tersedia seharga $79 dan dilengkapi dengan penggunaan situs web tak terbatas selama satu tahun.

Dapatkan Divi Overlay

Divi Piksel

Divi Pixel adalah kumpulan modul Divi yang menambahkan beragam fitur canggih ke Divi. Anda dapat mengedit setiap aspek situs Anda dengan mereka, termasuk header, footer, halaman login, dan banyak lagi. Selain modul, Divi Pixel hadir dengan 40 templat situs web unik, sehingga mengubah tampilan situs Anda sangatlah mudah. Divi Pixel tersedia seharga $169 per tahun dengan penggunaan situs web tanpa batas.

Dapatkan Divi Pixel

Filter Divi Ajax

Filter Divi Ajax adalah ekstensi Divi yang dirancang untuk membuat filter untuk konten Anda, seperti postingan blog, portofolio, atau produk WooCommerce, langsung di dalam Visual Builder. Ini memungkinkan berbagai opsi filter, termasuk kategori, tag, bidang khusus, dan atribut produk. Filter Divi Ajax menggunakan teknologi Ajax, yang memungkinkan pembaruan konten terjadi tanpa memuat ulang seluruh halaman. Ia bekerja secara lancar dengan Divi, WooCommerce, dan Advanced Custom Fields (ACF). Filter Divi Ajax tersedia seharga $97 per tahun dengan penggunaan situs web tanpa batas.

Dapatkan Filter Divi Ajax

Divi Unggul dalam Membuat Situs Web Profesional

Divi memungkinkan siapa saja, apa pun pengalamannya, untuk membuat situs web yang indah dan profesional. Dengan Visual Builder drag-and-drop yang intuitif, perpustakaan tata letak premade yang luas, dan Theme Builder yang kuat, Divi mampu mewujudkan visi Anda. Dalam postingan ini, kami telah memberi Anda semua informasi yang Anda perlukan untuk membuat situs web Divi. Dari membeli paket hosting dengan SiteGround hingga merencanakan struktur situs web Anda dan merancang halaman menawan dengan Divi AI, kini Anda memiliki pengetahuan untuk memulai perjalanan pembuatan situs web Anda.

Ingat, Divi menawarkan beragam desain untuk dijelajahi. Jangan takut untuk bereksperimen, menyesuaikan, dan mengeluarkan kreativitas Anda. Ada banyak sumber daya online yang tersedia dari blog Tema Elegan hingga situs dokumentasi Divi. Dengan Divi di sisi Anda, kemungkinannya tidak terbatas.

Ingin tahu lebih banyak tentang produk yang disebutkan dalam postingan ini? Lihat tabel di bawah untuk mengetahui harga dan tautan ke masing-masingnya.

Produk Disebutkan Harga awal Keterangan Tindakan
1 Nama murah $5,98/tahun Pendaftar Domain Mendapatkan
2 SiteGround $2,99/bulan Penyedia Hosting Mendapatkan
3 Roda gila $13/bulan Penyedia Hosting Terkelola Mendapatkan
4 jalur awan $12/bulan Penyedia Hosting Terkelola Mendapatkan
5 Dapat ditekan $37,50/bulan (ditagih setiap tahun) Penyedia Hosting Terkelola Mendapatkan
6 Divi $89/tahun Tema WordPress Mendapatkan
13 Pembangun Visual Termasuk dengan Divi Plugin Pembuat Halaman Mendapatkan
14 Elemen Desain Termasuk dengan Divi Plugin Pembuat Halaman Mendapatkan
16 Pembuat Tema Termasuk dengan Divi Pengeditan Situs Penuh Mendapatkan
15 Divi AI $16,08/bulan (ditagih setiap tahun) Pembuat Situs Web AI Mendapatkan
17 Divi Awan $6/bulan Penyimpanan awan Mendapatkan
18 Tim Divi $1,50/bulan per pengguna Kolaborasi Tim Mendapatkan
19 Divi VIP $6/bulan Dukungan VIP Mendapatkan
20 Formulir WP $49,50/tahun Plugin Formulir Kontak Mendapatkan
21 WooCommerce Gratis, Add-on Tersedia Plugin E-niaga Mendapatkan
22 Unduhan Digital Mudah Gratis, $89,55/tahun Plugin E-niaga Mendapatkan
23 Peringkat Matematika Gratis, $6,99/bulan Plugin SEO Mendapatkan
24 Raja Termasuk dengan Divi Plugin Media Sosial Mendapatkan
25 Blog2Sosial $7/bulan Plugin Media Sosial Mendapatkan
26 Keamanan yang Solid $99/tahun Plugin Keamanan Mendapatkan
27 Kampanye Aktif $8/bulan Layanan Pemasaran Email Mendapatkan
28 Bunga Termasuk dengan Divi Plugin Pemasaran Mendapatkan
29 Wawasan Monster Gratis, $99,60/tahun Plugin Analisis Mendapatkan
30 AnggotaPress $179,50/tahun Plugin Keanggotaan Mendapatkan
31 PengangkatLMS $149,50/tahun Plugin LMS Mendapatkan
32 PelajariDash $199/tahun Plugin LMS Mendapatkan
32 Pasar Divi Harga Bervariasi Ekstensi, Tema Anak, dan Tata Letak untuk Divi Mendapatkan
33 Divi Piksel $169/tahun Modul Divi Mendapatkan
34 Hamparan Divi $79/tahun Tata Letak Divi, Bagian, dan Modul Mendapatkan
35 Filter Divi Ajax $97/tahun Ekstensi Divi Mendapatkan

Pertanyaan yang Sering Diajukan

Meskipun postingan situs web Divi kami sangat luas, Anda mungkin masih memiliki beberapa pertanyaan yang belum terjawab. Lihat bagian FAQ di bawah ini untuk mendapatkan jawabannya.

Apakah saya perlu mengetahui cara membuat kode untuk menggunakan Divi?
Divi adalah pembuat situs web visual, jadi pengetahuan pengkodean tidak diperlukan. Anda dapat mendesain dan membangun situs web Anda menggunakan Visual Builder drag-and-drop.
Apa yang saya perlukan untuk memulai dengan Divi?
Anda memerlukan penyedia hosting seperti SiteGround, nama domain dari registrar seperti Namecheap, dan keanggotaan Tema Elegan.
Berapa biaya membangun situs web dengan Divi?
Biayanya tergantung pada paket hosting Anda dan lisensi Divi. Tema Elegan menawarkan langganan tahunan dan seumur hidup mulai dari $89 per tahun . Paket hosting bervariasi tergantung penyedianya, dengan paket di SiteGround mulai dari $2,99 per bulan .
Apakah Divi merupakan pilihan yang baik untuk pemula?
Ya, antarmuka Divi yang ramah pengguna menjadikannya pilihan bagus untuk pemula yang tidak memiliki pengalaman coding.
Apa itu Paket Tata Letak Divi?
Divi hadir dengan 2000+ paket tata letak siap pakai untuk berbagai jenis situs web. Anda dapat dengan mudah menyesuaikannya agar sesuai dengan kebutuhan Anda.
Bisakah saya menyesuaikan desain situs web Divi saya?
Ya, Divi menawarkan pilihan desain yang luas. Anda dapat mengontrol font, warna, spasi, dan lainnya untuk setiap modul desain di situs web Anda. Ini menyederhanakan alur kerja Anda, menghemat banyak waktu dan tenaga.
Apakah Divi berfungsi dengan plugin?
Ya, Divi kompatibel dengan sebagian besar plugin WordPress. Hal ini memungkinkan Anda memperluas fungsionalitas situs web Anda dengan fitur seperti formulir kontak, pengoptimalan SEO, dan e-niaga. Divi juga memiliki Marketplace yang luas tempat Anda dapat membeli plugin yang dibuat khusus untuk Divi.
Bisakah saya membuat jenis kiriman khusus dengan Divi?
Divi sendiri tidak menawarkan fungsionalitas bawaan untuk jenis posting khusus, tetapi Anda dapat mencapainya menggunakan plugin seperti Toolset, yang terintegrasi secara mulus dengan tema.
Bagaimana cara mengoptimalkan situs Divi saya untuk mesin pencari?
Meskipun Divi tidak menangani SEO secara langsung, Anda dapat menggunakan plugin SEO seperti Rank Math untuk mengoptimalkan konten situs web Anda dan meningkatkan peringkat pencarian.
Apakah Divi bagus untuk situs web e-niaga?
Ya, Divi dapat digunakan untuk membuat situs web e-niaga dengan bantuan plugin WooCommerce, yang terintegrasi secara mulus dengan Divi. Faktanya, Divi hadir dengan 20+ modul khusus WooCommerce, sehingga Anda dapat membuat halaman produk khusus, templat keranjang dan checkout, dan banyak lagi.