Page Header Image (WordPress Theme)
Cara menyembunyikan atau mengganti gambar header per halaman saat tema memakai mode header image.
Section Page Header Image dipakai saat tema berjalan dalam mode header image (bukan header text). Di mode ini, area header di bagian atas halaman memakai gambar sebagai latar/hero. Metabox ini memungkinkan Anda mengganti (atau menyembunyikan) gambar header khusus untuk satu halaman.
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.
Kapan section ini muncul
Section Page Header Image tidak selalu terlihat. Syarat:
- Pengaturan global: mode header gambar aktif
- Post type didukung: post, page, product, download
- Bukan halaman Cart atau Checkout
Jika Anda hanya memakai header teks, gunakan Page Header Text sebagai gantinya.
Cara membuka
- Edit konten yang didukung.
- Buka section Page Header Image di metabox.
Opsi yang tersedia
| Label di metabox | Jenis | Fungsi |
|---|---|---|
| Hide header image on this {post_type} | Checkbox | Sembunyikan gambar header di halaman ini |
| Custom Header Image | Gambar | Gambar header kustom (JPEG/PNG) |
Custom Header Image hanya aktif jika Hide header image tidak dicentang.
Deskripsi tema: gambar dimuat ukuran penuh. Optimalkan dan crop gambar sebelum upload.
Perilaku di frontend
- Jika Hide header image dicentang: halaman ini tidak menampilkan gambar header meskipun gambar global ada
- Jika Custom Header Image diisi: gambar ini menggantikan gambar header default untuk halaman tersebut
- Filter tema menerapkan gambar saat mode halaman = page, homepage, blog index, atau Shop
Langkah setup
- Pastikan mode header image aktif di Theme Settings (bukan header teks).
- Edit halaman target.
- Untuk gambar unik: upload di Custom Header Image.
- Untuk menyembunyikan gambar di satu halaman: centang Hide header image on this page.
- Update dan uji di berbagai lebar layar.