Cara Membuat Parent Menu Jadi Tidak Bisa diklik di WordPress
- Panduan Lengkap VM - Juli 29, 2024
- Panduan Pembayaran Via Bank Mandiri - Juli 2, 2024
- PHP X-Ray di cPanel untuk Optimasi Kecepatan Web - April 18, 2023
Ada tips baru nih Sob buat kamu yang pengen bikin WordPressnya semakin terlihat profesional dan menarik untuk dilihat saat user membuka WordPress kamu, untuk membuat semakin menarik kamu bisa membuat parent menu yang tidak bisa diklik kalau user mengunjunginya, contohnya ….
Langsung aja ikuti tutorial ini Sob, karena cuma ada dua cara kilat untuk membuat item menu yang tidak terhubung atau tertaut, kamu juga akan dapat bonus tips buat meningkatkan pengalaman user nih
STEP 1. Login Situs WordPress,
Dilangkah ini kamu tentunya bisa login dulu ke akun WordPress kamu, setelah itu kamu bisa klik Appearance lalu klik Menus.
STEP 2. Add to Menu Button
Selanjutnya kamu bisa klik add to menu button dan kamu bisa meng-custom item baru di menu WordPress kamu. Disini item menu tidak ditautkan dengan apapun jadi gausah khawatir ya Sob, karena user kamu tidak akan terbawa ke halaman baru saat meng-klik menu tersebut.
Note !
Untuk tautan URLnya jangan sampai kosong Sob, dan pastikan kamu pakai tanda pound, nah dengan ini kamu telah menjalankan cara standartnya.
Kalau kamu ingin menautkan URL, kamu bisa gunakan dengan seperti ini Sob ” # ” saat ingin memasukkan teks yang ingin kamu beri tautan, setelah itu tinggal isi deh teksnya.
STEP 3. Hapus Pointer di Hover
Pada langkah ini item menu tidak akan terhubung dengan apapun, namun kursor kamu akan menampilkan tampilan “penunjuk” saat kamu ataupun user mengarahkan keatas. Selain itu cara kedua yang dapat kamu gunakan untuk menjelaskan bahwa item menu tersebut tidak bisa diklik, kamu bisa ikuti tutorial ini.
Buka halaman Menus kembali, dan klik Screen Options seperti dibawah
Setelah ini kamu bisa checklist bagian CSS Classes dan sekarang kamu bisa kembali ke Menus.
Pada langkah ini kamu bisa isi bagian CSS Classes di subbagian portofolio dengan text “Unclickable”.
Dengan kamu menambahkan CSS Classes kamu sekarang bisa memilih item menu mana yang akan dibuat tidak dapat diklik dengan menggunakan CSS Sob.
CSS ini nantinya akan membuat kursor kamu seperti mengarahkan kursor ke item menu yang tidak ditautkan. .unclickable > a:hover { cursor: default; }
Item Menu Unlinked
Sebagian besar pengguna WordPress akan membuat item menu induk tidak dapat di klik pada menu. Kamu bisa membuat beberapa item menu yang tidak bisa diklik, menu itu juga gak harus jadi menu yang teratas ya Sob.
Nah, ternyata gampang kan, Yuk simak terus Tips Hosting di halaman tutorial Jagoan Hosting Indonesia ya, jika ada bagian dari tutorial yang tidak ditemukan, kamu bisa menghubungi teman-teman di Jagoan Hosting supaya bisa dibantu lebih lanjut melalui Live Chat