Lewati ke konten
TokoPressID Documentation
Esc
navigateopen⌘Jpreview
Di halaman ini

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&section=larismanis_section_image_sizes

Opsi ukuran gambar

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

  1. Buka section Image Sizes.
  2. Masukkan nilai px baru pada field width/height yang ingin diubah.
  3. Klik Save Changes.
  4. Instal dan jalankan plugin Force Regenerate Thumbnails untuk memproses ulang media library.
  5. 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

Terakhir diperbarui 23 Juli 2026