Hello, AMPs

Ingin menambahkan item menu tidak dapat diklik ke menu Anda?

Dalam postingan kali ini, Anda akan mempelajari dua langkah cepat yang diperlukan untuk membuat item menu tidak dapat diklik. dan tip bonus untuk meningkatkan kenyamanan pengunjung website Anda.

Membuat item menu yang tidak dapat diklik

Pertama, masuk ke situs Anda dan arahkan ke halaman Menu.

Di halaman Menu, klik  bagian Tautan Kustom di sebelah kiri.

menu tidak bisa diklik 1

Opsi Tautan Kustom memungkinkan Anda menautkan ke URL apa pun yang Anda inginkan, tetapi sebagai gantinya ada trik khusus.

Di input URL, ganti “http: //” dengan tanda pound “#,” dan masukkan teks apa pun yang Anda inginkan untuk Teks Tautan .

menu tidak bisa diklik 2

Klik tombol  Add to Menu , dan kemudian Anda dapat mengatur item baru di menu Anda. Karena item menu tidak ditautkan di mana saja, pengunjung tidak akan dibawa ke halaman baru jika mereka mengkliknya.

Baca Juga : Tutorial Lengkap Tema Divi

Hapus pointer pada hover

Item menu tidak terhubung di mana pun, tetapi masih menunjukkan kursor “pointer” ketika Anda mengarahkan kursor ke sana. Ada satu langkah lagi yang dapat Anda ambil untuk memperjelas item menu ini tidak dapat diklik.

Di halaman Menu, klik   tab screen options di kanan atas.

menu tidak bisa diklik 3

Pastikan kotak CSS Classes dicentang, lalu tutup bagian Opsi Layar.

Selanjutnya, klik pada item menu yang tidak ingin ditautkan, dan tambahkan kelas bernama “unclickable.”

menu tidak bisa diklik 4

Selanjutnya, klik pada item menu yang tidak ditautkan, dan tambahkan kelas bernama “unclickable.”

Dengan CSS  Classes yang sudah ditambahkan, Anda sekarang dapat menargetkan item menu tertentu dengan CSS.

CSS berikut akan membuat kursor tetap sebagai ikon default ketika mengarahkan kursor ke item menu yang tidak terhubung.

.unclickable> a: hover {
  kursor: default;
}

Jika ingin belajar secara mendalam tentang CSS dan Pemograman lainnya, Anda bisa belajar ditempat kursus Dumet School.

Apakah Anda memiliki pertanyaan tentang tutorial ini atau tips untuk pembaca lain? Silahkan tinggalkan komentar di bawah ini.