Menu Anchor adalah widget yang menyederhanakan navigasi pada website dan dapat meningkatkan pengalaman pengguna. Menu anchor melakukannya dengan tautan yang langsung mengarahkan pengunjung ke bagian tertentu dalam website. Mari kita bahas bagaimana cara kerjanya.
Bagaimana pengaturan Menu Anchor?
Tampilan block abu-abu menu anchor hanya tampil pada tampilan editor, block ini tidak akan ditampilkan pada tampilan pengunjung, jadi tidak perlu khawatir menu anchor akan merusak tampilan website.
Ketika memilih widget menu anchor hanya terdapat satu pengaturan, yaitu ID Menu Anchor. ID unik inilah yang digunakan sebagai tujuan link untuk suatu section tertentu, sebaiknya ID diisi sesuai dengan isi section untuk memudahkan ketika menghubungkan link. Misalnya ID menu anchor pada section ini akan diisi dengan “donate”.
Bagaimana cara penggunaan Anchor?
Menghubungkan anchor dan button
Gambar dibawah merupakan pengaturan button untuk menghubungkan dengan anchor.
Pada bagian Link, isi dengan simbol hashtag “#” dan tambahkan ID anchor setelahnya. Simpan perubahan dan button akan otomatis mengarah ke anchor ketika di klik.
Menghubungkan anchor dan menu
Selanjutnya kita bahas bagaimana menghubungkan anchor dan menu
Pada pengaturan URL menu tambahkan ID anchor, pada pembahasan ini masukkan “#donate” karena kita akan mengarahkan menu pada anchor dalam section donate sama seperti pada button.
Setelah URL menu diisi maka ketika menu di klik akan langsung mengarah ke section donate.