Panduan Langkah-demi-Langkah untuk Mengonversi Situs Web Divi Anda ke Elementor

Divi adalah salah satu tema WordPress paling populer dan pembuat halaman visual yang memungkinkan Anda mendesain situs web secara real-time. Di sisi lain, Elementor diakui sebagai plugin pembuat halaman WordPress terbaik yang hadir dengan fitur seret & lepas untuk membuat dan menyesuaikan situs web dalam hitungan menit.

Kedua pembuat halaman ini cukup kuat. Seiring dengan banyak kesamaan seperti widget, elemen, dan fitur penyesuaian, ada banyak perbedaan antara kedua pembuat halaman ini.

Kebanyakan orang menggunakan Divi builder ketika mereka menggunakan Tema Elegan sedangkan Elementor kompatibel dengan hampir semua tema. Ini adalah salah satu alasan terbesar mengapa banyak pengguna sekarang beralih dari Divi ke Elementor. Penetapan harga juga memainkan peran penting dalam proses pemilihan ini.

Jika Anda juga bermigrasi dari Divi ke Elementor, blog ini cocok untuk Anda. Hari ini, kami akan membagikan panduan langkah demi langkah tentang cara mengonversi situs web dari Divi ke Elementor.

Prasyarat untuk Mengonversi Situs Web dari Divi ke Elementor

Sebelum masuk ke tutorial, mari kita periksa prasyaratnya.

Pertama : Sebelum mengonversi situs web Divi Anda, pastikan Anda mencadangkan situs web Anda. Anda dapat menggunakan plugin cadangan WordPress apa pun untuk melakukan prosesnya.

Kedua : Jika Anda menggunakan plugin caching WordPress, Anda harus mematikannya.

Ketiga : Disarankan untuk membuat situs pementasan sebelum melakukan konversi. Anda cukup membuat situs web pementasan menggunakan plugin duplikator situs web.

Mari kita mulai:

Cara Mengonversi Divi ke Elementor: 5 Langkah untuk Diikuti

Sejujurnya, tidak mungkin untuk mengonversi seluruh situs web atau halaman web tertentu dari Divi ke Elementor. Karena Divi menggunakan shortcode untuk membangun konten web sementara Elementor menghasilkan kode HTML statis.

Jadi, jika Anda berencana untuk mengubah desain situs web Anda dari Divi ke Elementor, Anda harus membangunnya kembali. Di sini, kami akan menunjukkan kepada Anda cara membangun kembali situs web Divi Anda menggunakan pembuat halaman Elementor.

Langkah 1: Instal Elementor
Langkah 2. Hapus Divi & Plugin Terkait
Langkah 3: Buat Halaman Baru
Langkah 4: Tambahkan Konten ke Halaman Menggunakan Widget Elementor
Langkah 5: Gunakan Template Elementor untuk Mendesain Situs Web Anda

Ikuti langkah-langkah di atas untuk mendesain ulang situs web Anda dengan Elementor.

Langkah 1: Instal Elementor

Pertama, Anda harus pergi ke Plugins->Add New .

Ini akan mengarahkan Anda ke halaman plugin. Di sini, Anda harus menemukan plugin 'Elementor' dari direktori plugins dengan mencari. Kemudian klik Instal untuk menginstal plugin. Setelah itu, Anda perlu mengaktifkan plugin.

Catatan: Jika Anda memerlukan fitur Elementor pro untuk mendesain situs web Anda, Anda dapat Menginstal Elementor Pro.

Setelah menyelesaikan aktivasi plugin, Anda harus pergi ke area Elementor->Pengaturan untuk mengelola pengaturan dasar Elementor.

Langkah 2. Hapus Divi & Plugin Terkait

Setelah menyelesaikan proses instalasi, langkah Anda selanjutnya adalah menonaktifkan Divi dan plugin yang direkomendasikan dari situs web Anda. Kemudian Anda akan menemukan banyak halaman dengan kode pendek yang tersisa.

Anda harus menghapus Shortcode ini. Untuk melakukan ini, Anda dapat menggunakan Pembersih Kode Pendek untuk menghapus kode pendek yang rusak ini. Jika perlu, Anda menggunakan Pengumpul Sampah untuk membersihkan database Anda.

Langkah 3: Buat Halaman Baru

Sekarang kami siap untuk mengonversi situs web kami. Pertama, kita perlu membuat halaman baru. Untuk melakukannya, kunjungi Halaman->Tambah Baru .

Kami telah membuat halaman baru (Halaman Demo). Juga, kami telah mengatur pengaturan halaman.

1. Atur Page Layout->Elementor Canvas.
2. Klik tombol Terbitkan untuk menerbitkan halaman.
3. Klik tombol Edit dengan Elementor untuk membuka halaman ke panel editor Elementor.

Cara Menggunakan Elementor: Panduan Utama Untuk Pemula

Langkah 4: Tambahkan Konten ke Halaman Menggunakan Widget Elementor

Sudah selesai dilakukan dengan baik. Anda telah berhasil membuat halaman web Anda dan siap untuk mengeditnya dengan Elementor.

Dan inilah saatnya untuk menambahkan konten ke halaman. Elementor hadir dengan widget drag & drop yang dapat Anda gunakan untuk mendesain halaman web Anda.

Mari tambahkan widget heading. Temukan saja widget Heading dari galeri widget. Kemudian drag & drop widget tempat yang cocok untuk halaman web Anda.

Anda dapat menggunakan opsi Gaya untuk menyesuaikan judul.

Untuk kustomisasi lebih lanjut, Anda dapat menggunakan fitur Lanjutan dari Elementor.

Langkah 5: Gunakan Template Elementor untuk Mendesain Situs Web Anda

Elementor juga dilengkapi dengan beberapa templat situs web siap pakai untuk mendesain situs web. Anda dapat memilih yang cocok berdasarkan tujuan desain Anda. Namun, Anda dapat menyesuaikan template ini dengan cara Anda sendiri.

Mari kita lihat cara menggunakan templat situs web Elementor.

Pertama, klik pada ikon Template .

Pada popup modal berikut, Anda akan mendapatkan semua Elementor Blocks & Templates .

Anda dapat memilih template atau blok yang tepat dari sini. Untuk menggunakan template ini, Anda perlu mengklik tombol Install dan tunggu beberapa saat untuk instalasi.

Itu dia.

FAQ tentang Divi Dan Elementor

Di sini, kami telah menjawab beberapa pertanyaan dasar tentang Elementor dan Divi.

Apakah Anda Siap Mengonversi Situs Web Divi Anda?

Pembuat halaman seperti Elementor atau Divi mengubah era desain situs web. Sekarang Anda dapat dengan mudah mendesain situs web secara real-time.

Di blog ini, kami telah menunjukkan cara mengonversi Divi ke Elementor. Kami juga telah menjawab beberapa pertanyaan dasar tentang Elementor dan Divi. Jika Anda memiliki pertanyaan, Anda dapat bertanya melalui kotak komentar di bawah. Kami akan menjawabnya sedini mungkin.

Jika Anda merasa blog ini bermanfaat, silakan bagikan ke media sosial Anda. Jangan lupa untuk bergabung dengan buletin kami untuk mendapatkan informasi lebih lanjut terkait WordPress dan Elementor.