Jika kamu masih pemula dalam dunia WordPress, mengetahui apa itu elementor merupakan hal paling mendasar dalam bidang ini. Karena elementor merupakan tools yang sangat penting dan pastinya akan memudahkan kamu mendesain website berbasis WordPress. Yuk, simak artikel ini sampai akhir agar kamu lebih mengenal apa itu elementer.

Apa itu Elementor?

Banyak orang berpikir bahwa bikin website harus memiliki pengetahuan dasar seputar HTML, CSS, PHP, JavaScript dan sejumlah bahasa pemrograman lain. Tentu mempelajari skill di dunia coding ini bisa memakan waktu yang nggak sebentar. Padahal, kamu nggak memiliki waktu yang cukup untuk mempelajari skill yang rumit. Kamu butuh website itu jadi dalam waktu lebih singkat.

Kabar baiknya ada sebuah tools bernama elementor. Elementor sendiri merupakan sebuah page builder khusus WordPress. Page builder satu ini memungkinkan kamu kustomisasi tampilan WordPress dengan mudah, tanpa penggunaan Koding sedikitpun

Dengan sistem drag and drop, kamu bisa dengan mudah menemukan tombol dan elemen seperti: teks, galeri, hingga video. Elemen-elemen website ini bisa kamu tarik dan susun sesuai keinginan. Jadi kamu bisa lebih mudah mendesain landing page hingga website berbasis WordPress dengan lebih cepat.

Beberapa Hal yang Bisa Dilakukan dengan Elementor

Tadi kita bicara tentang kemampuan elementor untuk mendesain setiap halaman situs web. Tapi, apa yang sebenarnya bisa kamu lakukan setelah menguasai penggunaan Elementor? Nah, cek jawabannya di bawah ini:

1. Landing pages: Adalah spesial yang dirancang untuk mengajak pengunjung melakukan tindakan tertentu, seperti mengisi formulir, berlangganan situs, atau membeli produk atau layanan.
2. Opt-in forms: Formulir khusus untuk pengunjung. Mereka bisa masukkan nama dan alamat email untuk mendapatkan konten premium atau berlangganan situs. Anda bisa letakkan formulir ini di mana saja, mulai dari samping, atas, bawah, atau bahkan di dalam konten.
3. Widget: Beragam elemen tambahan untuk memperkaya halaman. Misalnya, formulir login, rekomendasi konten serupa, atau peta
4. Pop-up: Pesan atau iklan yang muncul tiba-tiba saat seseorang membuka situs.
5. Header dan footer kustom: Bagian situs yang berisi informasi dan identitas unik tentang situs kamu. Biasanya berada di bagian atas atau paling bawah halaman.
6. Jenis postingan kustom: Seperti halaman konten biasa, tapi dengan elementor, kamu bisa sesuaikan tampilannya sesuai keinginan.
7. Widget global: Widget yang bisa didesain sekali dan digunakan di beberapa bagian situs sekaligus.

3 Bagian Utama Elementor

1.Tab Options

Elementor memang nggak kasih nama bagian ini secara resmi, namun kamu bisa sebut sebagai tab options. Bagian ini letaknya di pojok kiri bawah halaman elementor. Tab options terdiri atas 4 opsi yang bisa kamu klik dengan fungsi yang berbeda-beda. Untuk memahami lebih dalam terkait tab options, kamu bisa memperhatikan gambar di bawah ini.

Dari gambar di atas dapat diketahui bahwa tab options terdiri atas: settings, navigator, history, responsive mode, dan preview changes. Tiap-tiap bagian ini memiliki manfaat yang berbeda-beda. Berikut rincian fungsi 4 ospi yang ada pada tab options:

1. Settings: Di sini kamu bisa menemukan pengaturan umum terkait halaman seperti judul, status publikasi, featured image, opsi untuk menyembunyikan judul, dan layout halaman. Anda juga dapat menyesuaikan gaya halaman seperti latar belakang, warna, gambar, dan padding, serta menambahkan custom CSS.
2. Navigator: Ini mirip daftar isi yang mencantumkan semua komponen elementor yang digunakan di halaman. Tab ini memudahkan kamu untuk melihat dan mengatur tampilan halaman dengan mudah.
3. History: Isinya daftar perubahan yang udah dilakuin kamu. Dengan adanya history kamu bisa dengan mudah mengembalikan atau mengulangi langkah-langkah yang telah dilakukan.
4. Responsive mode: Memungkinkan kamu buat liat pratinjau tampilan web di tiga layar berbeda. Biasanya meliputi: layar desktop, tablet, dan ponsel. kamu bisa melakukan perubahan langsung untuk menyesuaikan tampilan dengan resolusi layar yang diinginkan.
5. Preview changes: Mengizinkan kamu untuk melihat hasil desain web sebelum menyimpan dan mempublikasikannya.

2. Page Settings

Bagian utama elementor selanjutnya adalah page settings. Bagian ini adalah dasar pengaturan elementor yang punya 3 opsi utama yaitu: Style, Settings, dan Go To. Di bagian Style, kamu bisa mengatur tampilan warna dan font situs web. Selain itu, kamu juga memiliki opsi buat mengubah warna dan font default sesuai keinginan. Nah Untuk memilih warna yang tepat, kamu bisa memakai fitur color picker.

Opsi Settings mencakup pengaturan terkait WordPress dan elementor. Pengaturan WordPress lebih fokus pada mengaktifkan fitur di elementor. Sedangkan pengaturan elementor memungkinkan kamu menyesuaikan jarak antara konten, lebar konten, serta tampilan foto dan galeri.

Opsi Settings mencakup pengaturan terkait WordPress dan elementor. Pengaturan WordPress lebih fokus pada mengaktifkan fitur di elementor. Sedangkan pengaturan elementor memungkinkan kamu untuk menyesuaikan jarak antara konten, lebar konten, serta tampilan foto dan galeri.

Di bagian Go To, kamu memiliki tiga pilihan. Finder memudahkan kamu mencari elemen konten elementor tanpa perlu menggeser lewat perpustakaan elemen secara manual. Kemudian, opsi View Page kurang lebih sama kaya Preview Changes. Ini memudahkan kamu melihat halaman sebelum menyimpan atau mempublikasikannya. Terakhir, Exit Dashboard adalah tombol yang bisa kamu klik jika jika ingin kembali ke halaman Dashboard.

3. Element Library

Bagian utama elementor selanjutnya adalah element library. Bagian satu ini berfungsi untuk memudahkan kamu mencari dan menemukan elemen yang bisa digunakan untuk mempercantik tampilan web. Ada tiga kategori elemen yang bisa kamu pilih meliputi: basic, general, dan WordPress.

Elemen basic sendiri berisi widget sederhana yang sering ada pada hampir setiap jenis konten. Sedangkan elemen general, berisi widget yang lebih bervariasi dah lebih canggih daripada widget dasar. Terakhir elemen WordPress berisi widget bawaan yang bisa kamu pilih sesuai kebutuhan.

Widget bawaan dari WordPress kurang lebih memiliki fungsi dengan widget-widget yang ada pada elementor. Untuk memperkaya variasi widget, kamu bisa menginstal plugin seperti jetpack dan sejumlah plugin lain.

Untuk memudahkan kamu memahami bagian element library, kamu bisa memperhatikan gambar di bawah ini. Gambar pertama adalah element basic, sedangkan gambar ke-2 adalah elemen general.

Kelebihan Elementor

1. Memiliki fitur yang lengkap dan mudah digunakan
2. Menyediakan banyak opsi elemen dan fitur kekinian
3. Memungkinkan pengguna mengubah tampilan website WordPress sesuai keinginan.
4. Menyediakan tiga tipe kustomisasi yang meliputi: dekstop, tablet, dan mobile.
5. Meskipun kamu mengambil fitur gratis, opsi yang bisa dipilih sudah tergolong lengkap.

Kekurangan Elementor

1. Tidak memungkinkan pengguna menyesuaikan tampilan URL secara bebas
2. Fitur teks dan font tidak selalu berjalan harmonis
3. Ada sejumlah fitur yang hanya bisa diakses dalam versi premium seperti: Mailchimp, Confirmation Email, atau Hubspot

Cara Install Elementor

Cara instalnya juga bisa dilakukan dengan mudah, dan kamu bisa melakukan dengan cepat. Pertama kamu perlu masuk ke dashboard WordPress dan cari menu Plugins. Setelah itu klik opsi add new, lalu ketik elementor pada kotak pencarian di sebelah kanan atas. Jika sudah menemukan aplikasi elementor website builder, klik tombol install now. Tunggu sampai tombol install now berubah menjadi kata Activate dan klik tombol tersebut hingga elementor benar-benar bisa digunakan.

Nah, itu tadi pengenalan mendasar terkait apa itu elementor. Sekarang kamu sudah lebih memahami termasuk bagian utamanya, kekurangan, kelebihan sampai cara instalnya yang begitu mudah.