Handito Pramukya Daniswara

Tutorial Lengkap Cara Membuat Website Dengan Divi

Jan 18, 2024 | Website & Teknologi | 1 comment

Membuat website dengan Divi bisa menjadi pengalaman yang menarik dan produktif. Divi adalah tema WordPress yang populer dengan pembuat halaman visual yang kuat, sehingga memungkinkan Anda membuat situs web dengan tampilan profesional tanpa perlu keahlian pengkodean yang mendalam. Berikut adalah tutorial panjang dan lengkap tentang cara membuat website dengan Divi :

Langkah 1: Persiapkan Segala yang Dibutuhkan

Sebelum memulai, pastikan Anda telah mempersiapkan hal-hal berikut :

  1. Domain dan Hosting : Pastikan Anda sudah memiliki domain dan hosting untuk situs web Anda.
  2. Instalasi WordPress : Instal WordPress di hosting Anda. Banyak penyedia hosting menawarkan instalasi WordPress satu klik.
  3. Instalasi Divi Theme : Masuk ke dasbor WordPress Anda, lalu pergi ke “Appearance” > “Themes” > “Add New”. Cari tema Divi dan instal.
  4. Instalasi Divi Builder : Aktifkan Divi Builder, yang merupakan pembuat halaman visual Divi. Anda akan diminta untuk mengaktifkan lisensi Divi, yang dapat Anda dapatkan dari situs web Elegant Themes.

4 langkah berikut tidak perlu anda lakukan apabila membeli paket web di kanol.id

Langkah 2: Konfigurasi Dasar

  1. Aktifkan SSL : Pastikan situs web Anda menggunakan protokol HTTPS dengan mengaktifkan SSL. Banyak penyedia hosting menyediakan SSL gratis.
  2. Pilih Struktur Permalink : Pergi ke “Settings” > “Permalinks” dan pilih struktur permalink yang diinginkan untuk URL

2 langkah berikut tidak perlu anda lakukan apabila membeli paket web di kanol.id

Langkah 3: Buat Halaman Utama

  1. Buat Halaman Baru : Pergi ke “Pages” > “Add New” dan buat halaman utama. Anda bisa memberikan judul seperti “Home”.
  2. Aktifkan Divi Builder : Di editor halaman, aktifkan Divi Builder dan pilih opsi “Build From Scratch”.
  3. Buat Struktur Halaman : Gunakan Divi Builder untuk membuat struktur halaman dengan menambahkan bagian (sections) dan modul (modules) seperti teks, gambar, dan tombol.
  4. Simpan dan Terapkan Perubahan : Jangan lupa menyimpan perubahan dan terapkan halaman sebagai halaman beranda di “Settings” > “Reading”.

Langkah 4: Tambahkan Halaman Lain

  1. Buat Halaman Lain : Buat halaman tambahan seperti “About Us”, “Services”, dan “Contact”. Gunakan Divi Builder untuk menyesuaikan tata letak halaman.
  2. Buat Menu Navigasi : Pergi ke “Appearance” > “Menus” untuk membuat menu navigasi. Tambahkan halaman-halaman yang sudah Anda buat ke dalam menu.

Langkah 5: Kustomisasi Tampilan Situs

  1. Customizer Divi : Di dasbor WordPress, pergi ke “Appearance” > “Customize” untuk mengakses Customizer Divi. Di sini, Anda dapat mengkustomisasi warna, font, dan pengaturan tata letak.
  2. Widget dan Sidebar : Sesuaikan widget dan sidebar melalui “Appearance” > “Widgets”.

Langkah 6: Optimalkan SEO dan Keamanan

  1. Instal Plugin SEO: Pasang plugin SEO seperti Yoast SEO untuk mengoptimalkan situs Anda.
  2. Keamanan Situs: Pertimbangkan instalasi plugin keamanan, seperti Wordfence, dan pastikan WordPress dan plugin Anda selalu diperbarui.

Langkah 7: Uji Situs Anda

  1. Responsif : Pastikan situs Anda responsif dengan menguji tampilannya di berbagai perangkat.
  2. Kecepatan : Gunakan alat seperti Google PageSpeed Insights untuk memeriksa kecepatan situs Anda dan perbaiki masalah jika diperlukan.
  3. Browser Compatibility : Pastikan situs Anda kompatibel dengan berbagai browser seperti Chrome, Firefox, dan Safari.

Langkah 8: Pelajari Lebih Lanjut

  1. Divi Documentation : Telusuri dokumentasi resmi Divi untuk memahami fitur-fitur lanjutan dan tips penggunaan.
  2. Forum dan Komunitas : Bergabunglah dengan forum dan komunitas Divi untuk mendapatkan dukungan dan berbagi pengalaman dengan pengguna lain.

Dengan mengikuti langkah-langkah ini, Anda dapat membuat website yang menarik dan fungsional dengan Divi. Jangan ragu untuk eksplorasi lebih lanjut dan berkreasi sesuai kebutuhan situs Anda.

Related Post

No Results Found

The posts you requested could not be found. Try changing your module settings or create some new posts.

1 Comment

  1. A WordPress Commenter

    Hi, this is a comment.
    To get started with moderating, editing, and deleting comments, please visit the Comments screen in the dashboard.
    Commenter avatars come from Gravatar.

    Reply

Submit a Comment

Your email address will not be published. Required fields are marked *