Hello, AMPs

Ingin menambahkan item menu tidak dapat diklik ke menu Anda?

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.

Cara Menambahkan Favicon di WordPress

Favicon biasa juga disebut dengan ikon situs, gambar kecil yang muncul disebelah judul situs Anda saat mengakses dibrowser. Ikon ini membantu pengguna Anda untuk mudah mengenal Anda.

Memang tidak semua blogger menerapkan hali ini, menurut kami ini sangat perlu, seperti halnya manusia jika Anda hanya mengenali namanya tetapi tidak mengetahui wujudnya, tentu Anda kurang percaya. Dengan adanya favicon ini bisa membuat orang lebih percaya kepada Anda. (more…)

Cara Membuat Menu Navigasi Tetap Di Seluler

Tutorial Cara Membuat Menu Navigasi Tetap ini dibuat khusus bagi pengguna tema divi dan ini berlaku untuk pengguna seluler.

Jika secara default untuk tampilan desktop divi theme sudah menyediakan opsi ini, tetapi bagaimana jika untuk pengunjung yang menggunakan handphone? tentunya opsi ini tidak berlaku

Disini Anda akan mendapatkan bagaimana cara membuat menu tidak bergerak saat pengunjung mengscrool kebawah khususnya penggunan seluler (more…)