Mengatur Sidebar Layout dan Style (WordPress Theme)
Cara mengatur Sidebar Layout default, lebar sidebar dan konten, widget sidebar, serta warna teks widget di Theme Settings Sections.
Di section Sidebar, yang Anda atur bukan isi widgetnya, melainkan layout-nya: sidebar di kiri/kanan, atau tanpa sidebar sama sekali. Isi widget (kategori, banner, dan lain-lain) tetap diatur dari Appearance → Widgets pada area Sidebar. Di sini Anda juga bisa mengatur proporsi lebar konten vs sidebar.
Catatan: Sidebar Layout bisa ditimpa per template (Blog Page, Single Post, Single Page) lewat panel Templates, dan untuk halaman toko lewat panel WooCommerce.
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.
Cara membuka pengaturan
TokoPressID → Theme Settings → Theme Settings: Sections → Sidebar
Opsi Settings
| Label | Fungsi |
|---|---|
| Sidebar Layout | Right Sidebar (umum), Left Sidebar, atau No Sidebar |
| Sidebar Width | Lebar sidebar saat layout kiri/kanan: Default, 3/12 hingga 6/12 Grid |
| Content Width | Lebar konten saat No Sidebar: Default, 6/12 hingga 12/12 Grid |
| Setup Sidebar Widgets | Link ke panel widget / Appearance → Widgets |
Sidebar Width hanya berlaku jika layout bukan No Sidebar. Content Width hanya berlaku jika layout No Sidebar.
Opsi Style
| Label | Fungsi |
|---|---|
| Text Color / [Dark] … | Warna teks widget |
| Heading Color / [Dark] … | Warna judul widget |
| Link Color / (Hover) | Warna link di sidebar |
| Font Size | Ukuran font widget |
Menambahkan widget
- Buka Appearance → Widgets (atau klik Setup Sidebar Widgets dari Theme Settings).
- Tambahkan blok/widget ke area sidebar tema.
- Simpan; widget mengikuti layout dan style dari pengaturan ini.
Override per template
| Lokasi override | Field |
|---|---|
| Template - Blog Page | Sidebar Layout, Sidebar Width, Content Width |
| Template - Single Post | sama |
| Template - Single Page | sama |
| Nilai Default Layout From Sidebar Settings | Mengikuti pengaturan global di tutorial ini |
Langkah contoh: blog dengan sidebar kanan
- Set Sidebar Layout = Right Sidebar.
- Sidebar Width = 4/12 Grid untuk proporsi seimbang.
- Tambahkan widget Recent Posts dan Categories di Appearance → Widgets.
- Sesuaikan Heading Color di tab Style.
- Save Changes, buka halaman blog.
Troubleshooting
| Masalah | Solusi |
|---|---|
| Sidebar kosong | Tambahkan widget di Appearance → Widgets |
| Layout tidak berubah di satu post | Cek override di Template - Single Post |
| Section Sidebar tidak ada | Varian tema mobile-only; gunakan template per halaman |