Custom Header Footer Script Metabox (WordPress Theme)

Cara menambahkan script atau CSS khusus di wp_head dan wp_footer untuk satu halaman lewat metabox Custom Header/Footer Script.

Section Custom Header/Footer Script memungkinkan Anda menambahkan HTML/CSS/JavaScript hanya untuk satu post, page, product, atau download. Cocok untuk kebutuhan yang sifatnya per halaman, tanpa mengotak-atik tema secara global.

Fitur global Custom Header/Footer Script (seluruh situs) diatur di LarisTurbo → For Integrations. Metabox ini untuk override per 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.

Prasyarat

Modul Custom Header/Footer Script aktif (global atau per halaman)
Akses editor dengan kemampuan menyisipkan script (biasanya administrator)
Pahami risiko keamanan: hanya tempel kode dari sumber tepercaya

Cara membuka

Edit konten.
Buka section Custom Header/Footer Script.

Opsi di metabox

Label di metabox	Jenis	Fungsi
Add custom header/footer script for this {post_type}	Checkbox	Aktifkan script per halaman
Custom Header Script	Textarea	Kode di `wp_head`
Custom Footer Script	Textarea	Kode di `wp_footer`

Placeholder contoh:

Header: <style> /* some style for this page only */ </style>
Footer: <script> /* some script for this page only */ </script>

Field script muncul setelah checkbox dicentang.

Lokasi output

Field	Hook WordPress
Custom Header Script	`wp_head`
Custom Footer Script	`wp_footer`

Kode global dari LarisTurbo Settings tetap dimuat; metabox menambahkan kode ekstra untuk halaman tersebut.

Kasus penggunaan

Pixel atau event tracking khusus satu landing page
CSS override untuk kampanye terbatas waktu
Widget chat pihak ketiga hanya di halaman kontak
A/B test script pada satu produk

Keamanan

Script tidak difilter penuh (sanitization unfiltered untuk textarea global; metabox memakai textarea standar dengan force_balance_tags saat output)
Hanya user tepercaya yang boleh mengedit
Salah sisipkan script dapat merusak layout atau membuka celah XSS jika akun admin dikompromikan

Langkah setup

Edit halaman target.
Centang Add custom header/footer script for this page.
Tempel kode di Custom Header Script dan/atau Custom Footer Script.
Update halaman.
Verifikasi di view-source bahwa kode muncul di <head> atau sebelum </body>.
Uji di frontend bahwa tidak ada error JavaScript.