Cara Mengatur Theme Settings Sections di WordPress (WordPress Theme)

Panduan panel Theme Settings: Sections pada tema TokoPressID: struktur bagian situs, tab Settings dan Style, serta daftar tutorial untuk Top Bar hingga Back To Top.

Panel Theme Settings: Sections dipakai untuk mengatur “bagian-bagian besar” yang terlihat di hampir semua halaman: Top Bar, header/navigation, header text, breadcrumb, sidebar, comments, footer, sampai tombol Back To Top. Karena sifatnya global, perubahan di panel ini biasanya langsung terasa di banyak halaman sekaligus.

Sebagian section juga bisa diatur per halaman melalui metabox (misalnya untuk menyembunyikan breadcrumb di landing page, atau mengganti judul header di halaman tertentu). Di tiap section, biasanya ada dua tab: Settings (apa yang tampil) dan Style (warna, font, dan spacing). Beberapa section juga bisa diganti total dengan template Elementor.

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 WordPress TokoPressID (misalnya LarisManis) aktif dan lisensi valid
• Akses Administrator atau peran dengan kemampuan manage_options
• (Opsional) Plugin Elementor jika ingin memakai mode custom section dari Elementor

Cara membuka panel

1. Login ke WordPress Admin.
2. Buka TokoPressID → Theme Settings.
3. Di sidebar kiri, pilih panel Theme Settings: Sections.
4. Klik nama bagian yang ingin diatur (misalnya Top Bar atau Header Navigation (Logo & Menu)).

Struktur panel

Urutan bagian di panel mengikuti alur halaman dari atas ke bawah:

Banyak bagian menampilkan pemberitahuan hijau bahwa bagian tersebut dapat dinonaktifkan per halaman lewat metabox Page Layout saat mengedit post atau page.

Pola Settings vs Style

• Tab Settings: visibility global (checkbox HIDE … Globally), tipe default vs Elementor, konten (teks, menu), layout.
• Tab Style: warna untuk skema Light dan [Dark], ukuran font, alignment, padding. Opsi Style sering disembunyikan jika bagian dimatikan atau mode Elementor aktif.

Jika Color Scheme di Theme Settings: General diset ke dark-only atau light-only, field [Dark] mungkin tidak muncul sesuai skema aktif.

Langkah mulai cepat

1. Atur Header Navigation dan logo (lihat Header Navigation dan Mini Cart).
2. Sesuaikan Top Bar jika perlu info promo atau link cepat (lihat Top Bar).
3. Tentukan Sidebar default sebelum mengatur widget di Appearance → Widgets (lihat Sidebar).
4. Review Footer Widgets dan Footer (Text & Menu) (lihat Footer Widgets dan Footer).
5. Simpan perubahan dan cek di frontend.

Troubleshooting