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.

Pengaturan Module Fullwidth Header Supaya Membuka Tab Baru Saat Diklik

Kita semua tahu bahwa membangun situs web yang menarik dan berbicara kepada audiens tertentu adalah suatu proses. Setiap tindakan yang mereka lakukan di situs web Anda sangat penting karena itu adalah bagian dari kenyamanan mereka maka dari itu temukan Pengaturan Module Fullwidth Header disini.

Untuk menjadikan situs web Anda menjadi menarik tentunya diperlukan  banyak hal seperti, desain yang bagus serta konten yang dipikirkan dengan matang dan pasti cukup banyak CTA yang akan mendorong pengunjung Anda untuk mengambil tindakan apa yang mereka inginkan di web Anda. (more…)

Cara Membuat Menu Navigasi Tetap (Fixed Navbar) di Divi Khusus Mobile

Kali ini Kami akan membahas tutorial singkat Cara Membuat Menu Navigasi Tetap (Fixed Navbar) di Divi Khusus Mobile

Anda kemungkinan sudah mengetahui jika Divi memiliki pengaturan untuk membuat menu navigasi tetap untuk desktop seperti ditutorial ini. Dan tentunya Anda juga tau jika Divi tidak memiliki opsi untuk membuat menu navigasi tetap di mobile atau seluler. (more…)

Cara Membuat Tombol Call To Action di Menu Divi

Salah satu bagian terpenting dari situs web yang sukses berdasarkan konversi adalah adanyatombol Call To Action atau Ajakan Bertindak yang terdapat di area menu.

Menu berfungsi seperti peta untuk situs web Anda agar memudahkan pengguna mencari informasi yang mereka inginkan. Sangat penting untuk menyorot elemen terpenting yang ingin dilihat pengguna, misalnya ialah ajakan untuk bertindak dengan nomor telepon (jika Anda mengharapkan pengguna untuk menghubungi Anda secara langsung) atau tautan ke halaman produk, layanan, atau halaman pendaftaran Anda. (more…)