Mengonfigurasi Menu Navigasi
Menu Navigasi pada template Jobzeek merupakan bagian dari menu utama yang dapat disesuaikan dengan mudah. Umumnya, Menu Navigasi terdiri dari tautan penting untuk menavigasi ke halaman tertentu di situs web.
Daftar Isi
Menambahkan Item Menu ke Menu Navigasi
Anda dapat menambah, menghapus, atau menambahkan item menu di Menu Navigasi dengan mengikuti langkah-langkah berikut:
Cari bagian yang berjudul MENU NAVIGASI UTAMA.
Klik tombol edit (ikon pensil) di Gadget Menu Navigasi Utama (Gadget HTML/JavaScript).
Akan muncul pop-up konfigurasi Widget.
Pada kolom Judul isi sesuai keinginan (Opsional).
Pada kolom Konten isi dengan script dibawah ini:
<ul>
<li><a href="LINK_TUJUAN">NAMA_ITEM_MENU</a></li>
</ul>Informasi
Di bagian yang ditandai dengan warna kuning:
LINK_TUJUAN: ganti dengan link url tujuan.
NAMA_ITEM_MENU: ganti dengan nama menu sesuai keinginan.
Setelah semuanya dikonfigurasi, klik tombol SIMPAN di bagian bawah.
Menambahkan Submenu ke Menu Navigasi
Fitur ini berguna untuk mengaktifkan Sub-Menu Multi Level pada Menu Navigasi. Berikut beberapa langkah untuk menyiapkannya:
Cari bagian yang berjudul MENU NAVIGASI UTAMA.
Klik tombol edit (ikon pensil) di Gadget Menu Navigasi Utama (Gadget HTML/JavaScript).
Akan muncul pop-up konfigurasi Widget.
Pada kolom Judul isi sesuai keinginan (Opsional).
Pada kolom Konten isi dengan script dibawah ini:
<li class="has_sub">
<a href="javascript:;"> NAMA_ITEM_MENU <div class="arrow_icon">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><use xlink:href="#iconChevronDown"></use></svg>
</div>
</a>
<ul>
<li><a href="LINK_TUJUAN">NAMA_ITEM_SUBMENU1</a></li>
<li><a href="LINK_TUJUAN">NAMA_ITEM_SUBMENU2</a></li>
<li><a href="LINK_TUJUAN">NAMA_ITEM_SUBMENU3</a></li>
</ul>
</li>Setelah semuanya dikonfigurasi, klik tombol SIMPAN di bagian bawah.
Menambahkan Ikon ke Item Menu
Untuk membuat item menu di Menu Navigasi terlihat lebih menarik, Anda dapat menambahkan ikon ke item tersebut.
Anda harus mengunjungi situs web Iconer. Di sana Anda dapat memilih berbagai jenis ikon SVG, yang nantinya akan diambil dan disimpan di Menu Navigasi.
Pilih salah satu, nanti kode SVG nya akan tersalin otomatis.
Salin kodenya di bagian Item Menu. Misalnya seperti gambar di bawah ini:
<li><a href="LINK_TUJUAN"><svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><path d="m7 10 5 5 5-5"></path><path d="M12 15V3"></path></svg> Judul Menu</a></li>Informasi
Anda juga dapat menambahkan ikon svg selain menggunakan Ikon Desain Material. Namun, harap diperhatikan bahwa ikon harus berukuran 1:1.
Secara default, ukuran ikon SVG adalah 1:1 (24px * 24px).
Jika Anda ingin melaporkan beberapa bug, Anda dapat menulisnya di bagian komentar halaman Laporkan Bug dan jika Anda ingin meminta fitur baru atau ingin memberikan umpan balik, silakan tulis di bagian komentar di halaman Request dan Feedback.