Lewati ke konten
TokoPressID Documentation
Esc
navigateopen⌘Jpreview
Di halaman ini

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

  1. Buka Appearance → Widgets (atau klik Setup Sidebar Widgets dari Theme Settings).
  2. Tambahkan blok/widget ke area sidebar tema.
  3. 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

  1. Set Sidebar Layout = Right Sidebar.
  2. Sidebar Width = 4/12 Grid untuk proporsi seimbang.
  3. Tambahkan widget Recent Posts dan Categories di Appearance → Widgets.
  4. Sesuaikan Heading Color di tab Style.
  5. 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

Terakhir diperbarui 23 Juli 2026