Page Container, Logo, Favicon, dan Browser Tab (WordPress Theme)
Cara mengatur Page Container Max Width, Navigation Logo Type, logo gambar/teks, Mobile Browser Tab Color, dan Site Icon di tema TokoPressID.
Bagian “dasar” branding biasanya dimulai dari tiga hal: lebar konten, logo, dan detail kecil seperti warna tab browser di mobile. Di tema TokoPressID, pengaturannya tersebar di beberapa section panel General. Untuk Site Icon / Favicon, pengaturannya ada di WordPress Customizer (bukan di Theme Settings).
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
- Lisensi tema aktif
- File logo (PNG/SVG) dan favicon (512×512 px disarankan) siap diunggah
Page Container
Lokasi: Theme Settings → General → Page Container
| Opsi | Keterangan |
|---|---|
| Page Container Max Width | Slider px; default mengikuti konstanta tema; maksimum 2560px |
Langkah:
- Buka section Page Container.
- Geser Page Container Max Width sesuai lebar desain (misalnya 1200px untuk layout standar).
- Klik Save Changes.
Site Logo
Lokasi: Theme Settings → General → Site Logo
| Opsi | Keterangan |
|---|---|
| Navigation Logo Type | Logo Text, Logo Image, atau Logo Image & Text |
| Logo Image | Upload gambar (muncul jika tipe image) |
| Logo Image Height | Slider 30–80 px |
| Logo Text | Teks logo; default mengikuti nama situs |
Langkah:
- Pilih Navigation Logo Type.
- Jika memakai gambar, unggah Logo Image dan atur Logo Image Height.
- Jika memakai teks, isi Logo Text (kosongkan untuk memakai nama situs WordPress).
- Klik Save Changes.
Header lanjutan (posisi menu, mini cart) di Mengatur Header Navigation dan Mini Cart.
Browser Tab Color
Lokasi: Theme Settings → General → Browser Tab Color
| Opsi | Keterangan |
|---|---|
| Mobile Browser Tab Color | Warna tab di Chrome, Firefox OS, Opera, Windows Phone |
| Hide Mobile Safari User Interface Components | Sembunyikan komponen UI Safari di iOS |
Site Icon / Favicon (Customizer saja)
Section Site Icon / Favicon disembunyikan di Theme Settings (hide_in_settings). Atur favicon di:
Appearance → Customize → Site Icon / Favicon
Kontrol WordPress: Site Icon / Favicon (digabung dalam satu kontrol di Customizer tema).
- Buka Appearance → Customize.
- Buka section Site Icon / Favicon.
- Unggah gambar Site Icon (minimal 512×512 px).
- Klik Publish.
Verifikasi
- Logo tampil di header sesuai tipe yang dipilih
- Konten halaman tidak melebihi Page Container Max Width
- Favicon muncul di tab browser
- (Mobile) Warna address bar mengikuti Mobile Browser Tab Color