Pada artikel ini, kami akan memberi tahu Anda caranya buat menu tarik-turun di WordPress langkah demi langkah, dengan tangkapan layar! Anda dapat melakukan semuanya dengan fungsionalitas inti WordPress, tanpa memerlukan plugin pihak ketiga. Fitur navigasi yang buruk dapat merusak kegunaan dan aksesibilitas situs web yang dirancang dengan indah. Sangatlah penting bagi pengguna Anda untuk dapat mengakses apa yang mereka perlukan di situs Anda, dengan mudah dan cepat.
Apalagi jika Anda telah mengumpulkan banyak halaman dan postingan, menu navigasi yang terencana akan memudahkan pengguna menjelajahi semua yang Anda tawarkan. Fitur sederhana ini juga dapat membantu mengurangi rasio pentalan Anda, sehingga mempertahankan pengunjung lebih lama. Jadi mari kita lihat cara membuat menu dropdown di WordPress, tapi pertama-tama kami akan menjelaskan apa itu menu dropdown untuk memperjelas keraguan. Mari kita mulai!
Mungkin Anda mungkin tertarik: Cara Menambahkan Formulir Berlangganan di WordPress
Apa itu menu tarik-turun?
Menu default yang digunakan pada web adalah menu standar. Ini adalah desain sederhana di mana setiap item menu ditampilkan bersebelahan secara horizontal (terkadang vertikal). Tata letaknya tidak berisi elemen bertumpuk, sehingga memberikan tampilan nyata apa yang Anda lihat adalah apa yang Anda dapatkan.
Menu tarik-turun adalah variasi dari menu web standar. Ini menggunakan tata letak yang sama, hanya beberapa item menu yang memiliki item bersarang yang "muncul" ketika pengguna mengarahkan kursor ke item induk.
Desainnya menawarkan cara mudah untuk menyediakan lebih banyak tautan untuk diakses pengguna, sehingga memudahkan navigasi situs Anda.
Cara Membuat Menu Dropdown di WordPress: Langkah demi Langkah
Ada beberapa jenis menu navigasi, seperti yang mungkin Anda lihat saat mengunjungi berbagai situs web. Mari kita lihat beberapa opsi paling populer. Jenis yang paling umum adalah menu header:
Namun, menu sidebar juga sangat menonjol:
Anda juga akan melihat banyak menu hamburger di situs seluler, yang meluas saat ikon hamburger diklik:
Salah satu contoh terakhir, yang juga akan kita buat nanti di postingan ini, adalah menu dropdown. Sama seperti menu hamburger, gaya ini menghemat ruang layar, karena sebagian besar konten disembunyikan hingga diperlukan:
Harap dicatat bahwa tema tertentu tidak mendukung menu dropdown. Jadi, hal pertama yang ingin Anda lakukan adalah mengonfirmasi bahwa tema Anda menawarkan opsi ini. Anda biasanya dapat mengetahuinya dengan melihat dokumentasi tema.
Dalam tutorial berikut, kami akan menunjukkan cara menggunakan fungsi asli untuk membuat menu dropdown di WordPress. Keuntungan dari metode ini adalah Anda akan mempertahankan menu yang Anda buat meskipun Anda mengubah tema atau menambahkan plugin baru ke situs Anda di masa mendatang.
Langkah 1: Buat item menu
Untuk memulai, masuk ke Tampilan > Menu di dasbor WordPress Anda. Opsi yang tersedia di sana sebagian ditentukan oleh tema Anda saat ini. Klik pada tabnya Sunting menu, tempat Anda dapat memilih untuk membuat menu baru:
Masukkan nama di kolom input di bawah bagian struktur Menu lalu klik Buat menu:
Setelah Anda membuat setidaknya satu menu, Anda akan melihat tab baru berjudul Kelola lokasi, tepat di sebelah Sunting menu.
Sekarang Anda dapat mulai menambahkan item ke menu Anda. Anda dapat menyertakan halaman, postingan, dan URL khusus. Untuk menambahkan halaman, misalnya, centang kotak di samping konten yang ingin Anda tambahkan di bagian tersebut Halaman ke kanan, lalu pilih menambahkan ke menu:
Proses yang sama berlaku untuk publikasi. Jika Anda ingin menambahkan tautan ke menu Anda, perluas bagian tersebut Tautan khusus dan masukkan URL serta beberapa teks khusus:
Anda dapat mengikuti langkah serupa untuk menambahkan kategori ke menu Anda dengan memperluas bagian tersebut kategori. Item menu apa pun yang dibuat dengan cara ini akan membuka halaman yang berisi semua konten untuk kategori tertentu.
Langkah 2: Tetapkan struktur menu Anda
Pada tahap ini, menu Anda belum terorganisir. Semuanya hanya akan ditampilkan sesuai urutan penambahannya. Fitur dropdown juga belum ada. Jadi langkah selanjutnya adalah menyelesaikan kedua masalah tersebut.
Untuk melakukannya, Anda cukup menarik dan melepas item menu ke mana pun item tersebut pergi. Anda bahkan dapat membuat sub-item dengan cara ini. Misalnya, kami telah mencantumkan tiga postingan blog tertentu untuk muncul di item menu yang lebih luas:
Setelah Anda selesai menyesuaikan struktur menu, pastikan untuk menyimpan perubahan Anda. Perhatikan juga bahwa bergantung pada tema Anda, Anda mungkin perlu menetapkan menu baru ke suatu lokasi. Opsi yang relevan dapat ditemukan di bagian ini Pengaturan Menu:
Anda kemudian dapat memeriksa situs Anda di frontend untuk melihat menu beraksi. Sub-item apa pun akan ditampilkan sebagai menu tarik-turun:
Ingatlah bahwa menu navigasi harus memudahkan navigasi situs web Anda. Oleh karena itu, Anda sebaiknya membatasi jumlah item yang Anda tambahkan ke menu, agar tidak membingungkan atau berantakan.
Mungkin Anda ingin tahu: Cara Membuat Forum di WordPress | Memasang Forum Pers Sederhana
Langkah 3: Tambahkan CSS ke menu Anda
Anda juga dapat menambahkan gaya khusus ke menu tarik-turun dengan menggunakan kelas CSS. Untuk melakukan ini, mulailah dengan mengklik pilihan tampilan di bagian atas dasbor Anda:
Pilih kotak centang berlabel Kelas CSS:
Ini akan memungkinkan Anda untuk menambahkan CSS khusus ke menu Anda. Ini juga akan membatasi gaya khusus apa pun pada elemen yang menerapkan kelas spesifiknya.
Langkah 4: Pratinjau menu Anda
Pada titik ini, menu Anda hampir siap untuk digunakan. Namun, sebelum Anda menyelesaikannya, Anda mungkin ingin memeriksanya di Penyesuai WordPress. Ini memungkinkan Anda membuat perubahan dan melihat efeknya secara real time. Klik Mengelola dengan pratinjau langsung untuk masuk ke editor langsung:
Anda dapat membuat perubahan lebih lanjut di sini sesuai kebutuhan, seperti menambah, menghapus, atau menyusun ulang item menu:
Anda tidak memerlukan tab baru untuk melihat perubahannya, karena Penyesuai menunjukkan pratinjau langsung situs web Anda.
Langkah 5: Publikasikan menu Anda
Jika sudah siap, Anda dapat mengaktifkan menu baru Anda dengan satu klik. Cukup pilih tombol Publikasikan:
Ini akan membuat menu aktif di situs Anda dan memungkinkan pengunjung untuk mulai menggunakannya. Perlu diperhatikan juga bahwa jika Anda telah membuat beberapa menu dan ingin menempatkannya di beberapa lokasi, Anda juga dapat menggunakan Penyesuai Untuk itu:
Dengan Penyesuai, Anda dapat menetapkan menu ke semua lokasi berbeda yang didukung oleh tema Anda.
Plugin Menu Tarik-turun
Tentu saja, jika Anda lebih suka menggunakannya plugin untuk membuat menu dropdown Anda, ada beberapa opsi yang tersedia. Berikut beberapa plugin terbaik yang bisa Anda gunakan saat membuat menu dropdown di WordPress, baik gratis maupun premium:
- Menu Mega Maks: sebuah plugin gratis yang menambahkan banyak opsi ke editor menu yang ada.
- menu pahlawan: alat yang sangat dapat disesuaikan dengan fokus pada daya tanggap.
- UberMenu: solusi yang memberi Anda kendali maksimal atas gaya dan fungsionalitas menu Anda.
Semua alat ini dapat melakukan pekerjaan itu. Jadi mana yang Anda pilih akan bergantung pada preferensi pribadi Anda dan fitur spesifik yang Anda cari.
3 Tips Cepat Menggunakan Menu Dropdown
Sekarang setelah Anda mengetahui cara mengatur menu dropdown WordPress dengan benar, kami ingin memberi Anda 3 tips singkat yang perlu diingat:
- Saat Anda menggunakan opsi menu dropdown WordPress default, Anda dapat mengatur di mana Anda menempatkan submenu. Misalnya, jika menu Anda berjudul "makanan» dan kamu menginginkan itu «sarapan» muncul sebelum «harga“Cukup seret dan letakkan sarapan di atasnya.
- Saat membuat menu, beri judul yang sesuai! Misalnya, jika Anda memiliki menu berjudul “Tentang”, Anda tidak ingin “Kontak” dan “FAQ” ada di menu tarik-turun. Oleh karena itu, kami menyarankan agar "kontak«,«Pertanyaan yang sering diajukan"Y"tentang» sebagai opsi menu independen.
- Sebagai aturan umum, Anda tidak boleh menaruh semua telur dalam satu keranjang. Dalam hal ini, jangan membuat menu dan menempatkan semua submenu di dalamnya.
Selama Anda mengingat 3 tips tersebut kapan buat menu tarik-turun WordPress Anda, Anda akan siap berangkat!
Menu mega: alternatif menu dropdown
Menu tarik-turun WordPress default sudah bagus, tetapi jika Anda mencari menu dengan sedikit lebih sempurna, izinkan kami memperkenalkan Anda ke menu mega.
Menu besar Itu adalah bentuk lain dari menu dropdown, hanya saja mereka menggunakan tautan lanjutan, gambar, bidang pencarian, peta, dan lainnya. Mereka sangat mudah dibuat saat Anda menggunakan plugin menu mega khusus, terutama opsi seperti UberMenu y Menu Mega Pro.
Melihat: Cara Menambahkan Cookies ke WordPress Tanpa Plugin (Dengan dan Tanpa Plugin)
Final Pensamientos
Jika Anda mengikuti petunjuk langkah demi langkah yang kami berikan, Anda akan dapat melakukannya membuat menu dropdown di WordPress hanya dalam beberapa menit. WordPress memungkinkan Anda untuk menyesuaikan hampir semua hal di situs web Anda, jadi tidak ada alasan mengapa Anda tidak membuat submenu yang mudah digunakan. Terutama karena mereka membantu pelanggan menavigasi situs web Anda.
Penting untuk membuat website yang mudah diakses dan menarik untuk dilihat. Teknik sederhana yang membantu kedua area tersebut adalah dengan membuat menu navigasi drop-down. Jenis menu ini menarik dan mudah digunakan, serta menghemat ruang layar. Untuk memelihara situs web yang ramah pengguna, Anda juga memerlukan akses ke sumber daya yang tepat dan Anda memerlukan hosting yang andal.
Nama saya Javier Chirinos dan saya sangat tertarik dengan teknologi. Sepanjang ingatan saya, saya menyukai komputer dan video game dan hobi itu berakhir dengan pekerjaan.
Saya telah mempublikasikan tentang teknologi dan gadget di Internet selama lebih dari 15 tahun, khususnya di mundobytes.com
Saya juga ahli dalam komunikasi dan pemasaran online dan memiliki pengetahuan tentang pengembangan WordPress.