Mengatur Global Fonts di Theme Settings (WordPress Theme)
Cara memilih Primary dan Secondary Font Family, font weight, serta ukuran body dan heading H1–H6 di section Global Fonts Theme Settings.
Section Global Fonts mengatur tipografi website secara global: font untuk body dan heading, ketebalan (weight), serta ukuran teks body dan heading H1 sampai H6. Untuk beberapa opsi, tersedia varian Mobile/Tablet agar ukuran teks tetap nyaman dibaca di layar kecil (≤ 768px).
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
Cara membuka
TokoPressID → Theme Settings → General → Global Fonts
URL: wp-admin/admin.php?page=theme-settings§ion=larismanis_section_fonts
Opsi font family dan weight
| Opsi | Keterangan |
|---|---|
| Primary Font Family | Used for body text |
| Primary Font Weight | 100–900 atau Default; hanya berlaku jika font mendukung |
| Secondary Font Family | Used for heading text |
| Secondary Font Weight | 100–900 atau Default |
Peringatan pada weight: The selected weight will only be applied if supported by the font family. Unsupported weights may cause display issues.
Opsi ukuran body
| Opsi | Keterangan |
|---|---|
| Body Font Size | Pilihan rem (12px–24px) atau Default |
| Body Font Size (Mobile/Tablet) | Used for <= 768px screen width (tidak tersedia di varian mobile-only theme) |
Opsi ukuran heading
Untuk setiap Heading H1 sampai Heading H6 Font Size:
- Slider ukuran (0.5–4 rem)
- Varian (Mobile/Tablet) jika tersedia
Heading dikelompokkan di bawah subheading Body Text dan Heading Text.
Langkah konfigurasi
- Buka Global Fonts.
- Pilih Primary Font Family untuk paragraf dan UI umum.
- Pilih Secondary Font Family untuk judul halaman dan heading.
- Atur Body Font Size dan ukuran Heading H1 Font Size (serta H2–H6 sesuai kebutuhan).
- Sesuaikan varian mobile jika layout terasa terlalu besar di ponsel.
- Klik Save Changes.
Tips
- Mulai dari Default, lalu ubah satu per satu agar mudah mengidentifikasi dampaknya.
- Kombinasikan font serif untuk heading dan sans-serif untuk body (atau sebaliknya) untuk kontras yang jelas.
- Jika font custom tidak dimuat, periksa apakah font tersedia di pustaka font tema atau perlu plugin font tambahan.
Verifikasi
- Paragraf di halaman blog memakai Primary Font Family
- Judul halaman memakai Secondary Font Family
- Ukuran H1 di mobile mengikuti Heading H1 Font Size (Mobile/Tablet) jika diatur