Mengatur Image Sizes di Theme Settings (WordPress Theme)
Cara mengubah ukuran Featured Image, Medium Thumbnail, dan Header Image di section Image Sizes Theme Settings, plus regenerasi thumbnail.
Di section Image Sizes, Anda bisa mengubah ukuran thumbnail yang dipakai tema untuk beberapa kebutuhan umum: Featured Image, Medium Thumbnail, dan (jika aktif) Header Image. Setelah ukurannya diubah, gambar yang sudah pernah diupload sebelumnya perlu diregenerate supaya ukuran baru benar-benar terpakai.
Peringatan di UI: Do not forget to regenerate existing thumbnail images using Force Regenerate Thumbnails plugin after you change the image sizes below.
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
- Plugin Force Regenerate Thumbnails (atau setara) untuk regenerasi setelah perubahan ukuran
Cara membuka
TokoPressID → Theme Settings → General → Image Sizes
URL: admin.php?page=theme-settings§ion=larismanis_section_image_sizes
Opsi ukuran gambar
Featured Image
| Opsi | Default |
|---|---|
| Featured Image Width (px) | 728 |
| Featured Image Height (px) | 410 |
Medium Thumbnail
| Opsi | Default |
|---|---|
| Medium Thumbnail Width (px) | 348 |
| Medium Thumbnail Height (px) | 196 |
Header Image (jika custom header core aktif)
| Opsi | Default |
|---|---|
| Header Image Width (px) | 1024 |
| Header Image Height (px) | 192 |
Section Header Image hanya muncul jika fitur custom header core diaktifkan di tema.
Langkah konfigurasi
- Buka section Image Sizes.
- Masukkan nilai px baru pada field width/height yang ingin diubah.
- Klik Save Changes.
- Instal dan jalankan plugin Force Regenerate Thumbnails untuk memproses ulang media library.
- Periksa tampilan blog, archive, dan kartu produk di frontend.
Tips ukuran
- Pertahankan rasio aspek yang konsisten antara width dan height agar crop tidak terdistorsi.
- Untuk toko WooCommerce, ukuran produk di WooCommerce (WooCommerce → Settings → Products → Product images) terpisah dari pengaturan ini; keduanya dapat saling melengkapi.
- Naikkan ukuran featured image jika layout blog full-width dan gambar terlihat blur.
Verifikasi
- File thumbnail baru di
wp-content/uploads/sesuai dimensi yang diatur - Kartu tutorial dan loop blog memakai proporsi gambar baru
- Tidak ada gambar pecah setelah regenerasi selesai
Troubleshooting
| Gejala | Solusi |
|---|---|
| Ukuran tidak berubah setelah simpan | Jalankan regenerasi thumbnail; kosongkan cache plugin/CDN |
| Header image tidak ada di form | Normal jika custom header core nonaktif di varian tema |
| Upload lambat setelah ukuran besar | Pertimbangkan kompresi gambar sebelum upload |