Menu dan Navigasi SaeBlog
Mengatur Primary Menu, Footer Menu, AdSense Requirements Menu, mobile menu, pencarian, dan bottom navigation.
SaeBlog menggunakan menu native WordPress. Mulai basis v1.5.1, child menu yang dibuat dari Tampilan → Menu langsung kompatibel tanpa custom walker.
Lokasi menu
| Lokasi | Fungsi |
|---|---|
| Primary Menu | Navigasi utama desktop dan menu mobile. |
| Footer Menu | Tautan utama pada footer. |
| AdSense Requirements Menu | About, Contact, Privacy Policy, Disclaimer, Terms, Sitemap, Components Manual, dan link penting lainnya. |
Submenu dan menu bertingkat — v1.5.1
Tambahkan item sebagai child pada Tampilan → Menu. SaeBlog otomatis menambahkan kompatibilitas class dropdown yang dibutuhkan theme.
| Perangkat | Perilaku |
|---|---|
| Desktop | Dropdown tampil pada hover atau keyboard focus. Lebar menu 210–300px dan dapat memiliki submenu tingkat berikutnya ke arah kanan. |
| Mobile | Child menu tampil sebagai accordion. Chevron berputar ketika item dibuka dan submenu tidak menumpuk di luar layar. |
Tampilan desktop — v1.5.2
Navbar desktop memakai tampilan putih bersih dengan tinggi referensi sekitar 72px. Active underline/dot lama dihapus, jarak menu dirapikan, chevron submenu tidak bertabrakan dengan indikator aktif, dan dropdown menggunakan card putih dengan hover warna primary.
Sinkronisasi warna — v1.5.3
Pada mode terang, background navbar putih sementara brand, state aktif/hover, border dan icon button mengikuti sistem warna theme. Pada dark mode, seluruh lebar header, menu dan icon menggunakan background gelap serta warna teks putih yang konsisten. Perubahan warna di Customizer tidak lagi menghasilkan bagian header yang berbeda warna.
Navigasi mobile
Mobile Bottom Navigation menyediakan Home, Search, Topics, Popular, dan Menu. Jika opsi Mobile Bottom Navigation dimatikan, bottom dock disembunyikan dan tombol hamburger tampil di navbar mobile. Pada Free, shortcut Popular tidak membuka section Paling Populer karena section tersebut merupakan fitur Premium.