Cara Menambahkan Class Pada (<li>) Tag WP Nav Menu

Last Updated on November 22 2021 by dhimaskirana

Haloo gaes, pada tutorial kali ini kita akan menambahkan class list tag (<li>) pada WP Nav Menu.

Oke aku beri penjelasan supaya jangan asal copy saja tanpa dipahami kebutuhan coding kalian.

Untuk memodifikasi class pada list tag kita akan menggunakan filter nav_menu_css_class. Class modifikasi akan kita push ke array $classes menggunakan metode square bracket ( $classes[] )

Berbeda class pada lokasi menu yang berbeda

Pada baris 7 aku memberikan kondisional jika lokasi menu “menu-footer” maka menggunakan class “list-inline-item”. Selain itu menggunakan class “nav-item”

Jadi sesuaikan dengan kebutuhan kalian. Jika hanya menggunakan 1 menu saja, hilang kondisional if tersebut.

Class pada menu yang aktif

Nah ini pada baris 14 adalah kondisional jika ada class “current-menu-item” artinya menu yang dibuka sedang aktif. Nah biasanya pada menu yang aktif kita akan tambahkan class “active” sesuai dengan styling css yang kita buat.

Nah sekian tutorialnya, jika kalian ada pertanyaan atau masukan tulis pada kolom komentar. terima kasih. selamat mencoba. 🙂

Kebijakan Komentar

**Komentar akan ditampilkan setelah disetujui oleh admin.

**DILARANG MENGGUNAKAN FITUR KOMENTAR UNTUK PROMOSI. SEKALI PROMOSI AKAN LANGSUNG DIHAPUS.

**Mohon berkomentar yang bermutu dan relevan dengan isi tulisan.

Leave a Reply

Your email address will not be published. Required fields are marked *

%d bloggers like this: