Panduan Bikin Website Dengan Elementor 2024 Part 1

Panduan Bikin Website Dengan Elementor 2024 Part 1

Saat ini teknologi desain website lebih memanjakan karena dalam pembuatanya lebih mudah, cepat dan tidak memakan waktu yang lama hasilnya juga keren dan bisa dipelajari juga tanpa harus memahami coding. Cara cepat dan mudah membuat halaman website yaitu menggunakan plugin elementor yang tersedia gratis maupun ada juga yang berbayar.

Pada artikel kali ini UltraWeb akan memberikan Panduan Bikin Website Dengan Elementor 2024, bagaimana cara install, menggunakan dan mengisi konten setiap halaman website. Ok, kami menganggap anda sudah memiliki domain hosting dan sudah terinstall cms WordPress, selanjutnya langkah pertama anda harus menginstall plugin elementor.

1. Install Plugin Elementor

Arahkan mouse anda ke menu plugin lalu klik tambahkan plugin, setelah itu kemudian cari plugin dengan memasukkan kata kunci dipencarian yaitu elementor.

setelah muncul “elementor website builder – more than just a page builder” kemudian klik install kemudian aktifkan dan tunggu proses nya hingga proses install selesai.

2. Buat Halaman Baru

Langkah kedua setelah elementor terinstall yaitu kita membuat halaman dimana halaman ini nanti berguna untuk membuat desain website anda.

Arahkan mouse ke menu pages kemudian klik add new pages.

  • Isi judul halaman seperti contoh diatas misalkan “Beranda”
  • Kolom template pilih Elementor Full Width
  • Klik Publish
  • Klik Edit with elementor

Setelah selesai proses diatas, tunggu sebentar anda akan diarahkan ke edit halaman dengan elementor kemudian bisa kita mulai membuat desain nya.

3. Membuat Desain Halaman

Membuat halaman desain dengan elementor kita bisa menambahkan berbagai block yang sudah disediakan seperti gambar, tulisan, icon, kolom, pengaturan responsive dan lainya.

3.1 Pilih struktur

Pertama kita tentukan struktur halaman website yang ingin kita bangun, pilih struktur atau kolom dengan cara klik tanda + seperti gambar berikut :

kita akan mencoba membuat dengan struktur 1 kolom, atau anda juga bisa mencoba stryktur lain sesuai gambar diatas. Klik struktur kolom yang anda pilih kemudian akan muncul halaman tambah block elementor.

3.2 Tambahkan Elemen Block

klik icon + seperti gambar diatas, kemudian akan muncul pilihan block disisi kiri, pilih block yang ingin anda tambahkan. Kita akan mencoba block elementor image carrousel, langsung saja kita klik image carrousel.

tambahkan beberapa gambar/upload gambar dengan cara klik icon + lalu kita cari gambar dari laptop kita kemudian upload.

setelah gambar terupload, jangan lupa pilih image resulution large agar gambar bisa tampil bagus dan tidak pecah.

3.3 Ulangi lagi langkah pada nomor 3.1 untuk menambahkanelementor block lain dan juga struktur yang berbeda seperti text, heading, gambar, icon dan masih banyak lagi yang sudah disediakan elementor.

Untuk menyimpan pengaturan anda silakan klik Update seperti pada gambar diatas. Setelah itu anda dapat melihat hasil tata letak/desain halaman yang anda buat dengan klik preview / icon mata disebelah tombol Update berwarna pink.

Apabila anda masih bingung, silakan simak video berikut untuk lebih jelasnya. Semoga Bermanfaat

Our Score
Click to rate this post!
[Total: 200 Average: 5]