Cara Membuat Menu Dropdown di WordPress dengan Mudah

Cara Membuat Menu Dropdown di WordPress - Seotechman.com Menu dropdown di WordPress adalah fitur navigasi yang memungkinkan pengguna mengakses sub-menu dengan cara mengarahkan kursor ke menu utama. Fitur ini membantu mengatur tampilan website agar lebih rapi dan profesional, terutama jika Anda memiliki banyak halaman atau kategori.

Dalam artikel ini, Anda akan mempelajari cara membuat menu dropdown di WordPress, baik menggunakan fitur bawaan maupun dengan plugin pihak ketiga.

Mengapa Menu Dropdown Penting?

Menu dropdown memiliki banyak manfaat, di antaranya:

• Meningkatkan kemudahan navigasi – Pengunjung bisa menemukan halaman yang mereka cari dengan cepat.
• Membuat tampilan lebih rapi – Mengurangi jumlah menu utama yang tampil di header.
• Meningkatkan pengalaman pengguna (UX) – Mempermudah akses ke berbagai halaman dalam satu klik.

Cara Membuat Menu Dropdown di WordPress Tanpa Plugin

Anda dapat membuat menu dropdown di WordPress menggunakan fitur bawaan tanpa perlu menginstal plugin tambahan.

1. Masuk ke Dashboard WordPress

• Login ke akun WordPress Anda.
• Masuk ke menu Tampilan > Menu.

2. Buat atau Pilih Menu Navigasi

• Jika belum memiliki menu, klik Buat Menu Baru, beri nama, lalu klik Simpan Menu.
• Jika sudah ada menu, langsung lanjut ke langkah berikutnya.

3. Tambahkan Item Menu

• Pilih halaman, kategori, atau tautan khusus yang ingin dimasukkan ke dalam menu.
• Klik Tambahkan ke Menu.

4. Buat Menu Dropdown

• Geser item menu yang ingin dijadikan sub-menu ke bawah dan sedikit ke kanan di bawah menu utama.
• Item yang digeser ke dalam akan menjadi sub-menu (dropdown).
• Ulangi langkah ini jika ingin menambahkan lebih banyak sub-menu.

5. Simpan dan Uji Menu Dropdown

• Klik Simpan Menu untuk menyimpan perubahan.
• Kunjungi website Anda dan arahkan kursor ke menu utama untuk melihat apakah dropdown sudah berfungsi.

Cara Membuat Menu Dropdown di WordPress dengan Plugin

Jika Anda menginginkan tampilan yang lebih menarik dan fitur tambahan, menggunakan plugin adalah pilihan yang tepat. Berikut beberapa plugin yang direkomendasikan:

1. Max Mega Menu

Max Mega Menu adalah plugin gratis yang memungkinkan Anda membuat menu dropdown dengan desain lebih fleksibel.

Cara Menggunakan Max Mega Menu:

1. Instal dan aktifkan Max Mega Menu melalui Plugins > Tambah Baru.
2. Masuk ke Tampilan > Mega Menu dan aktifkan opsi Mega Menu.
3. Pilih menu utama yang akan diberi dropdown.
4. Sesuaikan tampilan menu dropdown sesuai kebutuhan.
5. Klik Simpan untuk menyimpan pengaturan.

2. WP Mega Menu

WP Mega Menu adalah plugin yang memungkinkan Anda membuat menu dropdown dengan ikon dan efek animasi.

Cara Menggunakan WP Mega Menu:

1. Instal dan aktifkan WP Mega Menu.
2. Pergi ke Tampilan > WP Mega Menu.
3. Buat menu dan atur desain dropdown sesuai keinginan.
4. Simpan perubahan dan uji menu di website Anda.

Menyesuaikan Tampilan Menu Dropdown dengan CSS

Jika ingin mempercantik tampilan menu dropdown secara manual, Anda bisa menambahkan kode CSS berikut ke dalam file style.css atau melalui Tampilan > Kustomisasi > CSS Tambahan.

css:

.menu-item {
  position: relative;
}

.menu-item ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  padding: 10px;
  border: 1px solid #ddd;
}

.menu-item:hover ul {
  display: block;
}

Jika tema WordPress Anda memiliki pengaturan menu khusus, Anda bisa menyesuaikan warna, font, dan efek hover melalui Tampilan > Kustomisasi.

Kesimpulan

Membuat menu dropdown di WordPress bisa dilakukan dengan fitur bawaan atau dengan bantuan plugin pihak ketiga seperti Max Mega Menu dan WP Mega Menu.

Jika Anda hanya memerlukan dropdown sederhana, fitur bawaan WordPress sudah cukup. Namun, jika menginginkan desain lebih menarik dengan berbagai efek tambahan, plugin memberikan fleksibilitas yang lebih baik.

Dengan mengikuti panduan ini, Anda dapat meningkatkan navigasi website dan memberikan pengalaman pengguna yang lebih baik. Selamat mencoba! 🚀

Virm Aditya

Berita teknologi informasi terkini

Bagikan Artikel ini