Mengatur Header Text Title dan Description (WordPress Theme)
Cara mengatur Header Text (Title & Description) global di Theme Settings, tab Style, dan kustomisasi per halaman lewat metabox Page Header Text.
Header Text (Title & Description) adalah area judul di bawah menu. Biasanya berisi judul besar dan deskripsi singkat yang membantu pengunjung memahami konteks halaman (misalnya judul halaman, kategori blog, atau halaman toko). Secara default tema mengikuti Site Title dan Tagline WordPress, tetapi Anda bisa mengatur default global atau membuatnya berbeda per halaman.
Untuk kebutuhan landing page, area ini juga bisa disembunyikan per halaman lewat metabox Page Layout, atau Anda bisa mengganti judul/deskripsinya lewat metabox Page Header Text.
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 global
- TokoPressID → Theme Settings → Theme Settings: Sections.
- Klik Header Text (Title & Description).
Opsi Settings (global)
| Label | Fungsi |
|---|---|
| HIDE Header Text (Title & Description) Globally In All Pages | Mematikan area header teks di seluruh situs |
| Header Image | Upload gambar latar header (jika fitur core header aktif) |
| SHOW Header Image to replace header text | Gambar menggantikan teks judul/deskripsi |
| Default Header Title Text | Judul default (placeholder: nama situs) |
| Default Header Description Text | Deskripsi default (placeholder: tagline situs) |
Jika SHOW Header Image to replace header text aktif, teks default tidak ditampilkan; yang dominan adalah gambar.
Opsi Style
Tab Style (hanya jika header text tidak disembunyikan global):
| Label | Fungsi |
|---|---|
| Text Alignment | Kiri, tengah, kanan |
| Background Color / [Dark] … | Warna fallback jika tidak ada gambar latar |
| Title Text Color, Description Text Color | Warna judul dan deskripsi (+ [Dark]) |
| Title Font Size, Description Font Size | Ukuran font |
| Top and Bottom Padding Space | Ruang vertikal area header |
Beberapa tema turunan mungkin menampilkan Header Avatar Image jika filter tema mengaktifkannya.
Kustomisasi per halaman: metabox Page Header Text
Untuk judul, deskripsi, atau gambar header yang berbeda per halaman:
- Buka editor post atau page yang ingin disesuaikan.
- Cari metabox Page Header Text (biasanya di sidebar editor).
- Isi judul/deskripsi khusus atau gambar header untuk halaman itu saja.
- Update/publish halaman.
Metabox ini meng-override teks global Default Header Title Text dan Default Header Description Text untuk halaman bersangkutan.
Detail lengkap metabox: Page Header Text.
Hubungan dengan Template Settings
Di Theme Settings: Templates, opsi seperti Use page title for header title atau Use featured image for header background image mengatur perilaku header pada tipe konten tertentu (blog, single post, single page). Kombinasikan dengan pengaturan global di tutorial ini untuk hasil yang konsisten.
Langkah contoh
- Isi Default Header Title Text dan Default Header Description Text untuk halaman umum.
- Upload Header Image atau centang SHOW Header Image to replace header text untuk tampilan visual.
- Atur Text Alignment = center di tab Style.
- Untuk halaman About, buka editor page dan isi metabox Page Header Text dengan judul khusus.
- Save Changes di Theme Settings, lalu preview halaman.
Troubleshooting
- Judul halaman dobel: jika di Template Use page title for header title aktif, judul bisa disembunyikan dari area konten; sesuaikan di Template - Single Page atau Single Post.
- Style kosong: header disembunyikan global (HIDE Header Text …).
- Gambar tidak tampil: pastikan SHOW Header Image to replace header text sesuai kebutuhan; cek ukuran file gambar.