Membuat sub-menu, atau menu multi-level, di WordPress sebenarnya cukup mudah! WordPress memiliki panduan untuk membuat menu multi-level yang dijelaskan dengan sangat baik dalam dokumentasinya, kira-kira setengah dari panduan umum untuk membuat menu.
Jadi mengapa kita memiliki postingan tentang sesuatu yang sudah dibahas oleh WordPress? Nah… jika Anda membuat sub-menu di WordPress, Anda mungkin menemukan masalah:WordPress, secara default, hanya menginginkan tautan yang dapat diklik di menunya. Namun, kadang-kadang, Anda menginginkan item menu tingkat atas yang ada hanya untuk memberi pengunjung situs web Anda akses ke sub-halaman di bawahnya. Ini tugas yang relatif mudah dilakukan, tetapi bagaimana untuk melakukannya pasti tidak dijelaskan!
Kami akan menunjukkan cara mewujudkannya, lalu kami akan melihat beberapa penyesuaian lebih lanjut untuk meningkatkan kegunaan menu setelah melakukannya.
Cara menambahkan label submenu yang tidak tertaut di WordPress
- Di admin WordPress, buka Tampilan> Menu
- Di bilah sisi kiri laman tersebut, klik “Tautan Khusus”
- Setel URL menjadi:
# - Atur nilai 'teks tautan' menjadi nama yang ingin Anda tampilkan di menu
- Sekarang tambahkan halaman sebenarnya (subhalaman) yang ingin Anda tampilkan di bawah tajuk ini dan seret dan lepas ke tempatnya, tempatkan di bawah item menu yang baru saja Anda tambahkan. Mereka akan muncul menjorok ketika mereka adalah item submenu.
Itu dia! Itu versi dasarnya. Menu akan ada di sana dengan opsi submenu dan saat Anda mengkliknya, Anda tidak akan dibawa ke halaman lain.
Cara membuatnya terlihat dan berperilaku kurang seperti tautan
Dan sekarang untuk tambahan yang agak lebih maju (tapi tidak terlalu).
Masalah yang tersisa, dari sudut pandang kegunaan, adalah bahwa ketika pengunjung situs web melayang di atas tautan, itu masih "merasa" seperti Anda harus dapat mengekliknya. Ada kursor untuk tautan, berfungsi seperti tautan, hanya menunjuk ke suatu tempat yang tidak mengarah ke mana pun. Ini mungkin baik-baik saja, tetapi jika ini membuat Anda gila (halo, ini saya!), ada cara untuk menyiasatinya.
Anda harus menambahkan beberapa CSS ke situs Anda. Buka Penampilan> Penyesuai dan buka bagian CSS Khusus dan tempel ini di sana, lalu simpan perubahan Anda:
a[href="#"] {
pointer-events: none;
cursor: default;
}
CSS ini mengatakan:semua tautan yang memiliki "#" sebagai URL target tidak lagi dapat diklik (pointer-events: none; ) dan menyetel kursor agar tidak menjadi tangan (cursor: default; ).
Anda sekarang memiliki tajuk di menu Anda yang tidak ke mana-mana, dapat memiliki sub-elemen di bawahnya, dan tidak merugikan saya dari sudut pandang kegunaan.
Apakah host web Anda membantu Anda dengan WordPress?
Tidak? Mungkin sudah waktunya untuk perubahan. Lihat Hosting WordPress Kanada kami yang berkinerja tinggi!
Baca selengkapnya