Menampilkan Font Preview di Post dan Halaman (LarisFont)

Cara mengaktifkan Show Font Preview Editor for Post/Page, memilih posisi before/after content, dan upload font di metabox post WordPress.

Font Preview tidak terbatas pada produk WooCommerce. Anda bisa menampilkannya di single post dan halaman WordPress—cocok untuk blog review font, studi kasus tipografi, atau landing page showcase tanpa produk digital.

Langkah-langkah

1. Aktifkan integrasi post/page

Buka LarisFont → Font Tester/Preview → Settings.
Di section Font Preview Integration, centang salah satu atau keduanya:
- Show Font Preview Editor for Post
- Show Font Preview Editor for Page
Simpan pengaturan.

Setelah dicentang, opsi posisi post/page muncul di Font Preview Position, dan metabox Font Tester/Preview tersedia di editor post/halaman.

2. Pilih posisi konten

Pada Font Preview Position, pilih salah satu:

Opsi	Efek
Post - Before Content in Single Post	Preview di atas konten tutorial
Post - After Content in Single Post	Preview di bawah konten tutorial
Page - Before Content in Single Page	Preview di atas konten halaman
Page - After Content in Single Page	Preview di bawah konten halaman

Simpan pengaturan.

Catatan: Opsi post hanya muncul jika Show Font Preview Editor for Post aktif (begitu pula untuk page).

3. Upload font di post/halaman

Edit post atau halaman target.
Buka metabox LarisFont by TokoPressID → section Font Tester/Preview.
Centang Enable font preview for this product (labelnya sama untuk post/page).
Klik Add Font, upload WOFF Font File (recommended) dan/atau OTF/TTF Font File (fallback).
Publish atau Update.

4. Verifikasi

Buka single post/halaman di frontend. Preview harus muncul sebelum atau sesudah konten sesuai posisi yang dipilih.

Use case umum

Skenario	Pengaturan disarankan
Tutorial blog review font	Post - After Content: pembaca baca dulu, lalu coba font
Landing page showcase	Page - Before Content: preview langsung di atas fold
Halaman dengan page builder	Posisi shortcode + `[larisfont_preview id="456"]` lebih fleksibel

Post vs produk WooCommerce

Metabox dan field upload identik dengan produk. Perbedaan utama:

Post type post atau page, bukan product
Posisi diatur lewat Post/Page - Before/After Content, bukan hook WooCommerce
Shortcode [larisfont_preview id="ID_POST"] tetap bisa dipakai di halaman lain untuk menampilkan font dari post tersebut

Troubleshooting

Masalah	Solusi
Metabox tidak muncul di editor post	Centang Show Font Preview Editor for Post (atau Page); simpan settings dan reload editor
Opsi posisi post tidak ada di dropdown	Aktifkan integrasi post/page terlebih dahulu
Preview tidak tampil di frontend	Centang Enable font preview for this product di post; upload file font
Preview muncul di semua post	Normal jika posisi global post-before/after. Hanya post dengan preview per-item aktif yang menampilkan widget; post tanpa centang metabox tidak akan render preview.
Page builder override `the_content`	Gunakan shortcode di blok HTML page builder