Cara Membuat Menu Dropdown di WordPress (Panduan Pemula)

Apakah Anda ingin membuat menu drop-down dan menambahkannya ke situs WordPress Anda?

Menu tarik-turun menampilkan daftar tautan saat Anda mengarahkan kursor ke item menu.

Kami menggunakan dropdown di WPBeginner, lanjutkan dan arahkan kursor ke menu navigasi di bagian atas.

Dalam panduan pemula ini, kami akan menunjukkan kepada Anda cara mudah membuat menu dropdown di WordPress dengan petunjuk langkah demi langkah.

Mengapa Menggunakan Menu Dropdown di WordPress?

WordPress hadir dengan sistem Manajemen Menu bawaan yang memungkinkan Anda menambahkan menu navigasi dengan mudah ke situs WordPress Anda.

Menu navigasi adalah tautan ke halaman utama situs Anda yang biasanya muncul di bagian atas sebagai baris horizontal tepat di sebelah logo situs Anda.

Jika Anda memulai blog atau membuat situs web hanya dengan beberapa halaman, Anda dapat menambahkannya secara berurutan.

Namun, jika Anda menjalankan toko online atau situs web besar, Anda mungkin ingin menambahkan lebih banyak tautan ke menu navigasi.

Menu tarik-turun membantu Anda memecahkan masalah ruang terbatas dengan menampilkan tautan menu hanya saat pengguna mengarahkan kursor ke item utama. Mereka juga memungkinkan Anda untuk mengatur struktur menu berdasarkan topik atau hierarki.

Akhirnya, mereka juga terlihat hebat.

Dengan itu, sekarang mari kita lihat bagaimana Anda dapat dengan mudah membuat menu dropdown WordPress dan menambahkannya ke situs web Anda.

Video tutorial

Daftar ke WPBeginner

Jika Anda tidak menyukai video ini atau membutuhkan petunjuk lebih lanjut, baca terus.

Dia lulus 1. Pilih tema dengan dukungan menu drop-down

WordPress hadir dengan sistem manajemen menu bawaan, tetapi menampilkan menu tersebut sepenuhnya bergantung pada tema WordPress Anda.

Hampir semua tema WordPress mendukung menu dropdown secara default. Namun, beberapa tema mungkin tidak memiliki dukungan menu lengkap.

Anda perlu memastikan bahwa Anda menggunakan tema WordPress yang mendukung menu drop-down.

Bagaimana Anda tahu jika tema yang Anda gunakan mendukung dropdown?

Anda hanya perlu mengunjungi situs web tema di mana Anda akan menemukan tautan ke demo tema. Dari sana Anda dapat melihat demo yang menunjukkan dropdown di menu navigasi.

Jika tidak, Anda perlu menemukan tema WordPress yang melakukan ini.

Lihat panduan kami tentang memilih tema WordPress yang sempurna untuk situs web Anda.

Berikut adalah beberapa tema hebat yang mendukung dropdown pabrik.

• Astra – adalah tema WordPress multiguna yang hadir dengan berbagai situs awal dan banyak fitur.

• StudioPress Themes – Dibangun di atas kerangka Genesis Theme, tema profesional ini sangat dioptimalkan untuk kinerja.

• OceanWP – Tema WordPress populer yang cocok untuk semua jenis situs web.

• Ultra – Didukung oleh Themify Builder, tema WordPress seret dan lepas ini hadir dengan templat yang indah dan opsi tema yang fleksibel.

• Divi – Tema Elegant Themes yang populer digunakan oleh pembuat situs Divi dan dilengkapi dengan banyak fungsi seret dan lepas, termasuk menu tarik-turun.

Dengan itu, sekarang mari kita lihat cara membuat daftar dropdown WordPress.

Dia lulus 1. Buat menu navigasi di WordPress

Jika Anda sudah menyiapkan menu navigasi di situs Anda, Anda dapat melanjutkan ke langkah berikutnya.

Kita akan membuat menu sederhana terlebih dahulu.

Untuk pergi Penampilan »Menu dan klik tautan “Buat Menu Baru” di bagian atas.

Selanjutnya, Anda harus memberikan nama untuk menu navigasi Anda. Nama ini tidak akan ditampilkan secara publik di situs web Anda. Tujuan dari nama menu adalah untuk membantu Anda mengidentifikasi menu di area admin WordPress.

Masukkan nama untuk menu Anda dan kemudian klik tombol “Buat Menu”.

WordPress akan membuat menu kosong baru untuk Anda.

Mari tambahkan tautan kunci ke menu navigasi. Item ini akan muncul di baris atas menu Anda.

Cukup pilih halaman yang ingin Anda tambahkan dari kolom kiri dan klik tombol “Tambahkan ke menu”. Anda juga dapat memilih posting blog, kategori, atau menambahkan tautan khusus.

Anda sekarang akan melihat halaman-halaman itu muncul di kolom kanan menu baru Anda.

Dia lulus 2. Tambahkan sub-item ke menu

Sub-elemen adalah elemen yang akan muncul di menu drop-down. Tergantung pada bagaimana Anda ingin mengatur menu Anda, Anda dapat menambahkannya ke item yang ada.

Untuk keperluan tutorial ini, kami akan menambahkan kategori di tautan blog.

Cukup pilih item yang ingin Anda tambahkan dari kolom kiri dan kemudian klik tombol “Tambahkan ke menu”. Postingan Anda sekarang akan muncul di kolom kanan.

Namun, tautan ini akan muncul sebagai entri biasa. Kita perlu menjadikannya sebagai sub menu utama.

Anda cukup menarik dan melepas item menu dan meletakkannya di bawah item utama. Pindahkan ke kanan sedikit dan itu akan menjadi item tambahan.

Ulangi proses untuk semua tautan yang ingin Anda tampilkan di menu tarik-turun.

Setelah selesai, jangan lupa untuk mengklik tombol “Simpan Menu” untuk menyimpan perubahan Anda.

Dia lulus 3. Posting menu drop-down Anda

Jika Anda mengedit menu yang sudah aktif di situs Anda, menu itu akan segera muncul di situs Anda.

Namun, jika ini adalah item menu baru, Anda sekarang harus memilih lokasi tema untuk menampilkan menu ini.

Tema WordPress dapat menampilkan menu di posisi yang berbeda. Setiap tema menentukan lokasi menunya sendiri dan Anda dapat memilih menu mana yang ingin Anda tampilkan di sana.

Anda akan menemukan opsi ini di kolom kanan di bawah “Pengaturan menu”. Pilih opsi di sebelah pengaturan “Tampilkan lokasi” dan klik tombol “Simpan menu”.

Anda sekarang dapat mengunjungi situs web mereka untuk melihat dropdown mereka beraksi.

Kiat untuk membuat menu tarik-turun interaktif

Menu navigasi penting karena ini adalah tempat pertama yang akan dicari pengguna Anda jika mereka ingin melihat informasi tertentu.

Menggunakannya dengan benar akan membantu pengguna Anda menyesuaikan diri di situs Anda. Ini juga akan membantu Anda mendapatkan lebih banyak tampilan halaman, konversi, dan penjualan di situs web Anda.

Berikut adalah beberapa tips tentang cara membuat menu navigasi Anda lebih interaktif dengan menu drop-down.

1. Anda dapat membuat menu tarik-turun multi-level

Menjadikan tautan sebagai subkomponen dari yang lain membuatnya muncul di menu tarik-turun. Anda juga dapat menambahkan sub-item di bawah yang lain untuk membuat menu drop-down multi-level.

Tema Anda akan secara otomatis menampilkannya sebagai submenu di menu tarik-turun.

2. Anda juga dapat membuat beberapa menu tarik-turun

Anda dapat membuat menu tarik-turun di bawah salah satu tautan teratas di menu Anda. Anda bahkan dapat menambahkan beberapa menu tarik-turun di menu navigasi utama Anda.

3. Buat menu dengan pratinjau langsung

Jika menu Anda terlalu rumit, Anda dapat beralih ke pratinjau visual. Untuk pergi Penampilan » Kustomisasi untuk mulai menyesuaikan tema langsung.

Dari sana, klik tab “Menu” dan kemudian pilih menu navigasi Anda. Anda sekarang akan melihat editor menu seret dan lepas di kolom kiri dengan pratinjau langsung situs Anda di panel kanan.

4. Buat Menu Besar Seperti Menu Drop-Down di WordPress

Menu tarik-turun hanya menampilkan satu menu tarik-turun dalam satu waktu. Bagaimana jika Anda ingin menampilkan seluruh struktur situs Anda sebagai satu menu besar yang hanya muncul saat pengguna menggulir menu utama?

Menu Mega muncul sebagai menu tarik-turun, tetapi dapat menampilkan banyak tautan, submenu, dan lainnya. Untuk instruksi terperinci, lihat panduan langkah demi langkah kami tentang cara membuat menu mega di WordPress.

Kami harap artikel ini membantu Anda mempelajari cara mudah membuat menu dropdown di WordPress. Anda juga dapat melihat panduan kami tentang cara membuat menu navigasi mengambang lengket di WordPress dan cara menambahkan ikon gambar ke menu navigasi di WordPress.

Jika Anda menyukai artikel ini, berlangganan saluran kami YouTube untuk menonton video tutorial WordPress. Anda juga dapat menemukan kami di Twitter dan Facebook.