Advan – Memiliki situs web yang menarik dan fungsional adalah impian banyak orang, terutama bagi mereka yang berbisnis online. Salah satu cara untuk mencapai itu adalah dengan menambahkan menu di header situs web menggunakan Elementor. Elementor adalah salah satu plugin page builder paling populer untuk WordPress. Dengan menggunakan Elementor, membuat dan mengatur menu menjadi lebih mudah dan cepat.
Elementor menyediakan berbagai fitur yang memungkinkan penggunanya mendesain situs web dengan mudah tanpa perlu keterampilan coding. Salah satu fitur yang sangat berguna adalah kemampuan untuk menambahkan dan mengedit menu di header. Menu header yang baik akan membantu pengunjung navigasi situs web dengan lebih mudah, memberikan pengalaman pengguna yang lebih baik.
Panduan ini akan memberikan langkah-langkah untuk menambahkan menu di header menggunakan Elementor. Mulai dari persiapan hingga menyelesaikan tampilan menu, semuanya akan dijelaskan secara rinci. Simak dan ikuti langkah-langkah berikut untuk membuat menu yang menarik dan fungsional di situs web.
Persiapan Sebelum Menambahkan Menu
Sebelum memulai menambahkan menu di header menggunakan Elementor, ada beberapa hal yang perlu dipersiapkan terlebih dahulu.
1. Install dan Aktifkan Elementor
Elementor adalah plugin WordPress, jadi langkah pertama adalah memastikan bahwa Elementor sudah terinstal dan aktif di situs web. Buka dashboard WordPress, pilih “Plugins” dan klik “Add New.” Cari Elementor, instal, dan aktifkan plugin tersebut.
2. Pilih atau Buat Header Template
Setelah Elementor aktif, langkah berikutnya adalah memilih atau membuat header template. Elementor menyediakan berbagai template header yang bisa digunakan. Pilih template yang sesuai dengan kebutuhan atau buat template baru jika diperlukan.
3. Siapkan Struktur Menu di WordPress
Sebelum menambahkan menu di Elementor, pastikan sudah membuat struktur menu di WordPress. Buka “Appearance” > “Menus” di dashboard WordPress dan buat menu yang akan ditampilkan di header.
Langkah-Langkah Menambahkan Menu di Header
Setelah persiapan selesai, saatnya menambahkan menu di header menggunakan Elementor. Ikuti langkah-langkah berikut untuk hasil terbaik.
1. Buka Header Template di Elementor
Untuk memulai, buka header template yang sudah dipilih atau dibuat sebelumnya di Elementor. Klik “Edit with Elementor” untuk masuk ke mode pengeditan Elementor.
2. Tambahkan Widget Nav Menu
Selanjutnya, tambahkan widget Nav Menu ke header template. Cari widget Nav Menu di panel Elementor dan seret ke area header. Widget ini akan menampilkan menu yang sudah dibuat di WordPress.
3. Pilih Menu yang Akan Ditampilkan
Setelah menambahkan widget Nav Menu, pilih menu yang akan ditampilkan. Di panel pengaturan widget, pilih menu yang sudah dibuat di WordPress. Sesuaikan tampilan menu sesuai keinginan menggunakan pengaturan yang tersedia.
4. Sesuaikan Tampilan Menu
Langkah terakhir adalah menyesuaikan tampilan menu agar sesuai dengan desain situs web. Elementor menyediakan berbagai opsi kustomisasi, seperti mengubah warna, ukuran, font, dan lainnya. Sesuaikan tampilan menu hingga sesuai dengan keinginan.
Menambahkan menu di header menggunakan Elementor sangat mudah dan cepat. Dengan mengikuti langkah-langkah di atas, bisa membuat menu yang menarik dan fungsional di situs web. Menu header yang baik akan membantu pengunjung navigasi situs web dengan lebih mudah, meningkatkan pengalaman pengguna, dan pada akhirnya membantu mencapai tujuan bisnis.
Jika ingin meningkatkan produktivitas dalam mengelola situs web, coba gunakan Advan Workpro. Produk ini menawarkan berbagai fitur yang dapat membantu bekerja lebih efisien. Untuk informasi lebih lanjut, kunjungi Advan Workpro.
Selamat mencoba dan semoga sukses dalam mendesain situs web dengan Elementor!***
Editor : Adita Febriyanti