Cara Membuat Parent Menu Jadi Tidak Bisa diklik di WordPress

Admin Tutorial
Latest posts by Admin Tutorial (see all)

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.

parent menu not clickable wordpress

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

parent menu not clickable wordpress

Setelah ini kamu bisa checklist bagian CSS Classes dan sekarang kamu bisa kembali ke Menus.

parent menu not clickable wordpress

Pada langkah ini kamu bisa isi bagian CSS Classes di subbagian portofolio dengan text “Unclickable”.

parent menu not clickable wordpress

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

Apakah artikel ini membantu, Sob?

Berikan rating buat artikel ini!

Rata-rata rating 5 / 5. Dari total vote 2

Pertamax, Sob! Jadilah pertama yang memberi vote artikel ini!

We are sorry that this post was not useful for you!

Let us improve this post!

Tell us how we can improve this post?

Related Posts
Tutorial Mengatasi CSS yang Tidak Terbaca di WP Admin

Hai, Sob! Pernahkah kamu mengalami permasalahan dengan dashboard administrator tampil tanpa CSS? Seperti semua link tidak tertata seperti seharusnnya, contohnya Read more

Tutorial Reset User dan Password Wordpress Admin

Hai, Sob!, Pernahkah kamu mengalami lupa password WordPress atau email ? Sudah melakukan "forgot password" malah tidak mendapatkan balasan email Read more

Tutorial Wordpress – Mengatasi Warning: Cannot modify header information

Halo, Sob! Pernahkah kamu mengalami pesan peringatan seperti ini saat instalasi pertama WordPress maupun upgrade WordPress kamu? Warning: Cannot modify Read more

Tutorial Install Wordpress Secara Manual Tanpa Melalui Softaculous

Meng-Install WordPress pada Hosting Indonesia memang bisa lebih cepat selesai jika dikerjakan lewat Softaculous. Tapi bagaimana jika installer WordPress yang tersedia di Read more