Menu dan Widget Area (WordPress Theme)
Cara mengatur Top Bar Menu, Header Navigation Menu, Footer Menu, serta area widget Sidebar, Footer, Shop Page, dan halaman produk di tema TokoPressID.
Tema TokoPressID menyediakan beberapa lokasi menu (menu location) dan area widget (widget area) untuk header, footer, blog, dan halaman WooCommerce. Menu diatur dari Appearance → Menus; widget dari Appearance → Widgets (atau Appearance → Editor di WordPress versi terbaru).
Tutorial ini memetakan lokasi menu dan area widget yang didaftarkan tema, dan kapan masing-masing tampil di website.
Tutorial ini berlaku untuk semua tema WordPress by TokoPressID, termasuk LarisManis, Adora, Salvia, LarisGram, LarisDigital, dan tema TokoPressID lainnya dengan struktur Theme Settings yang sama.
Prasyarat
- Tema aktif dengan lisensi valid
- Untuk widget toko: plugin WooCommerce aktif
Menu location
Tema mendaftarkan tiga lokasi menu navigasi:
| Lokasi (label UI) | Slug | Penggunaan |
|---|---|---|
| Top Bar Menu | site-topbar-menu |
Menu baris atas (jika Top Bar diaktifkan di Theme Settings) |
| Header Navigation Menu | site-navigation-menu |
Menu utama di header |
| Footer Menu | site-footer-menu |
Menu di area footer |
Cara mengatur menu
- Buka Appearance → Menus.
- Buat menu baru atau pilih menu yang ada.
- Centang lokasi yang diinginkan (Top Bar Menu, Header Navigation Menu, atau Footer Menu).
- Tambahkan item halaman, kategori, atau tautan kustom.
- Klik Save Menu.
Tampilan menu (warna, posisi, mobile drawer) diatur di Theme Settings → Sections. Lihat Mengatur Header Navigation dan Mini Cart dan Mengatur Top Bar.
Widget area
Widget umum (semua layout)
| Widget area (label UI) | ID | Keterangan |
|---|---|---|
| Sidebar | sidebar-1 |
Sidebar blog; tampil jika layout halaman mendukung sidebar |
| Footer #1 s/d Footer #4 | footer-1 … footer-4 |
Kolom widget footer (jumlah tergantung varian tema) |
Deskripsi widget: This widget area will be displayed on Blog Page / Footer Widgets when it is available on current layout.
Widget WooCommerce (jika WooCommerce aktif)
| Widget area (label UI) | ID | Keterangan |
|---|---|---|
| Shop Page | sidebar-shop |
Sidebar halaman Shop |
| Single Product | sidebar-product |
Sidebar halaman produk |
Widget area WooCommerce tidak didaftarkan pada varian mobile-only theme.
Menambahkan widget
- Buka Appearance → Widgets.
- Pilih widget area target (misalnya Footer #1).
- Klik + atau seret widget (misalnya Text, Custom HTML, Navigation Menu).
- Isi judul dan konten widget.
- Simpan.
Tampilan footer widget (kolom, warna) diatur di Theme Settings → Sections → Footer Widgets. Lihat Mengatur Footer Widgets dan Footer.
Kapan widget area tampil?
Widget area hanya muncul jika:
- Ada widget yang ditambahkan ke area tersebut, dan
- Layout halaman saat ini mengizinkan sidebar/footer widget (pengaturan di Theme Settings atau Theme Metabox Page Layout)
Jika area kosong atau layout menyembunyikan sidebar, widget tidak ditampilkan.
Verifikasi
- Menu Header Navigation Menu tampil di header frontend
- Widget di Footer #1 muncul di footer situs
- (WooCommerce) Widget di area Shop Page tampil di halaman Shop (
/shop/) jika sidebar shop diaktifkan di Theme Settings