Cara Membuat Web yang Profesional dengan Elementor

Cara Membuat Halaman Web yang Profesional dengan Elementor

Elementor kali ini dipakai di web berbasis WordPress, dan hasilnya bagus banget
Logo Resmi Elementor
Logo Resmi Elementor

Membuat web dan merancang desain web agar terlihat profesional adalah dua hal yang berbeda. Banyak orang hanya membutuhkan waktu beberapa menit untuk memasang CMS WordPress dan membuat blog ataupun web yang bisa diakses siapapun. Tapi, membuat halaman yang profesional dan apik, Anda butuh belajar, butuh pengalaman dan tentu saja butuh tools yang apik.

Saya tidak akan mengajarkan Anda bagaimana cara belajar dan memperoleh pengalaman. Melainkan, saya akan berikan jalan pintas untuk menguasai keduanya lewat panduan ini, sekaligus memberitahukan ini lho ada plugin keren yang akan membuat Anda menjadi pro dalam waktu relatif singkat.

Persiapan

Saya asumsikan Anda sudah punya web atau blog berbasis WordPress self hosted ya. Jadi, kita langsung masuk ke step by step-nya.

Langkah-langkah

  • Login ke dashboard Anda, kemudian tambahkan plugin baru. Cari plugin bernama Elementor, kemudian install dan aktifkan.

screenshot-learnwithapril.com-2018-12-04-20-23-14

  • Setelah aktif, Anda akan menemukan satu menu baru berlabel Elementor bersama beberapa opsi bawaannya.

screenshot-learnwithapril.com-2018-12-04-20-24-30

  • Tidak ada pengaturan khusus yang harus dilakukan terlebih dahulu, tapi jika dirasa perlu, coba sesuaikan dulu panel Pengaturannya/Settings.

screenshot-learnwithapril.com-2018-12-04-20-26-11

  • Next, kita mulai proses pembuatan halaman barunya. Arahkan ke menu Pages – Add New.
  • Beri judul, lalu klik tombol Edit with Elementor.

screenshot-learnwithapril.com-2018-12-04-20-28-01

  • Elementor akan menampilkan jendela seperti ini. Ada dua panel, kiri dan kanan. Panel sebelah kiri Anda memuat berbagai elemen yang biasa dipakai di sebuah laman. Tetapi untuk menggunakannya, Anda harus punya kanvasnya dulu. Anda bisa mulai dengan mengklik menu plus seperti yang saya tandai di gambar ini.

screenshot-learnwithapril.com-2018-12-04-20-30-21

  • Barulah Anda pilih struktur halaman yang diinginkan.

screenshot-learnwithapril.com-2018-12-04-20-31-11

  • Ribet ya? Oke, stop saja. Saya tunjukkan cara yang lebih mudah dan cepat. Klik tanda silang di pilihan struktur di atas tadi, kembali dan klik opsi Add Templateyang berada di sebelah kanan.

screenshot-learnwithapril.com-2018-12-04-20-31-55

  • Sebuah jendela baru akan muncul, menampilkan pilihan ini. Anda bisa mencoba membuat Block dan menggabungkannya. Tapi cara termudah adalah dengan memilih opsi Pages, kemudian pilihan template yang paling cocok untuk halaman Anda.

screenshot-learnwithapril.com-2018-12-04-20-32-43

  • Jika sudah ketemu, klik untuk melihat pratinjuanya. Dan klik Insert jika merasa sudah cocok dengan template tersebut.

screenshot-learnwithapril.com-2018-12-04-20-34-39

  • Nah, ini template-nya sudah disisipkan. Anda tinggal meng-edit kontennya secara manual. Proses modifikasi template ini sangat mudah, hampir mirip seperti memodifikasi dokumen Word.
  • Untuk mengedit, cukup arahkan kursor ke elemen yang ingin diubah. Semua bagian di halaman ini bisa Anda ubah sesuai keinginan.

screenshot--2018-12-04-20-36-06

  • Jangan lupa, di panel sebelah kiri Anda juga terdapat kanvas dan tool pendukung yang lebih lengkap.
  • Jika perubahan yang diperlukan sudah dibuat, klik tombol Publish.

screenshot--2018-12-04-20-37-26

  • Kurang lebih, template di atas akan menghasilkan halaman yang seperti ini. Bagaimana, terlihat sangat profesional, kan?

screenshot-7fc89c92-aae0-4d79-a9bb-e566e8a6d8d8-2018-12-04-20-39-31

Selamat mencoba sendiri, semoga panduan ini bermanfaat untuk Anda.

DailySocial.id adalah portal berita startup dan inovasi teknologi. Kamu bisa menjadi member komunitas startup dan inovasi DailySocial.id, mengunduh laporan riset dan statistik seputar teknologi secara cuma-cuma, dan mengikuti berita startup Indonesia dan gadget terbaru.

x
Minerva | Maximize
3

Minerva is typing…