Cara Mengubah Ukuran Gambar Unggulan di WordPress
Gambar unggulan (juga dikenal sebagai thumbnail postingan) adalah bagian penting dari situs web WordPress. Gambar-gambar ini memberikan daya tarik visual pada postingan, halaman, dan daftar arsip Anda, sehingga membantu menarik perhatian pengguna. Terkadang, Anda mungkin perlu menyesuaikan ukuran gambar unggulan ini agar sesuai dengan desain dan tata letak situs web Anda dengan lebih baik. Panduan ini akan memandu Anda tentang cara mengubah ukuran gambar unggulan di WordPress, mencakup berbagai metode mulai dari menyesuaikan pengaturan hingga mengedit file tema.
Metode 1: Mengubah Ukuran Gambar Unggulan Menggunakan Pengaturan WordPress
Beberapa tema memungkinkan Anda untuk menyesuaikan ukuran gambar unggulan secara langsung dari WordPress Customizer atau Pengaturan Tema. Metode ini sederhana dan tidak memerlukan kode apa pun.
Langkah 1: Periksa Pengaturan Gambar di Customizer
- Masuk ke dasbor WordPress Anda.
- Buka Penampilan > Kustomisasi.
- Cari pengaturan yang terkait dengan Gambar Unggulan, Gambar Mini Posting, atau Pengaturan Blog. Pengaturan ini bervariasi tergantung pada tema yang Anda gunakan.
- Jika tersedia, sesuaikan lebar dan tinggi untuk gambar unggulan.
- Klik Publikasikan untuk menyimpan perubahan Anda.
Langkah 2: Periksa Pengaturan Gambar di Opsi Tema
Beberapa tema premium memiliki pengaturannya sendiri untuk ukuran gambar dalam Opsi Tema atau Panel Tema:
- Buka Opsi Tema di dasbor WordPress Anda.
- Cari opsi yang terkait dengan Pengaturan Gambar atau Gambar Kecil Posting.
- Sesuaikan ukuran gambar unggulan sesuai dengan preferensi Anda.
- Simpan perubahan dan periksa tampilan gambar unggulan Anda di bagian depan.
Jika tema Anda tidak memiliki opsi bawaan untuk mengubah ukuran gambar unggulan, Anda dapat melanjutkan dengan metode lain di bawah ini.
Metode 2: Mengubah Ukuran Gambar Unggulan Menggunakan Pengaturan Gambar di Media
WordPress memungkinkan Anda untuk mengatur ukuran gambar default untuk berbagai jenis gambar, termasuk gambar mini, sedang, dan besar.
Langkah 1: Sesuaikan Pengaturan Media
- Buka Pengaturan > Media di dasbor WordPress Anda.
- Di sini, Anda dapat menyesuaikan ukuran default:
- Ukuran gambar mini: Ukuran ini sering digunakan untuk gambar unggulan.
- Ukuran sedang: Cocok untuk gambar yang digunakan dalam postingan.
- Ukuran besar: Untuk gambar unggulan ukuran penuh.
- Ubah lebar dan tinggi ukuran gambar mini atau ukuran lain yang sesuai dengan gambar unggulan Anda.
- Klik Simpan Perubahan.
Langkah 2: Buat ulang gambar mini
Setelah menyesuaikan pengaturan media, Anda perlu membuat ulang gambar mini untuk menerapkan pengaturan ukuran baru ke gambar yang ada.
- Instal dan aktifkan plugin seperti Regenerate Thumbnails.
- Buka Alat > Regen. Gambar mini.
- Klik Regenerasi Gambar Kecil untuk Semua Lampiran.
Ini akan mengubah ukuran gambar unggulan yang ada agar sesuai dengan dimensi baru yang Anda tetapkan.
Metode 3: Mengubah Ukuran Gambar Unggulan Menggunakan Kode
Jika Anda merasa nyaman dengan menambahkan kode, Anda dapat secara manual menentukan ukuran gambar unggulan dalam file functions.php tema Anda.
Langkah 1: Tentukan Ukuran Gambar Khusus di functions.php
- Buka Penampilan > Editor Tema.
- Pilih file functions.php dari tema aktif Anda.
- Tambahkan kode berikut ini untuk menentukan ukuran gambar kustom yang baru:add_theme_support(‘post-thumbnail’); add_image_size(‘custom-featured-image’, 800, 400, true);
- Ganti ‘custom-featured-image’ dengan nama pilihan Anda.
- Sesuaikan 800 (lebar) dan 400 (tinggi) ke dimensi yang diinginkan.
- Parameter true memastikan bahwa gambar dikrop ke ukuran yang ditentukan.
Langkah 2: Gunakan Ukuran Gambar Khusus di Tema Anda
Untuk menggunakan ukuran gambar yang baru untuk gambar unggulan, perbarui file templat tema (misalnya, single.php, archive.php, atau content.php) di mana gambar unggulan dipanggil.
- Cari bagian templat yang memanggil gambar mini postingan, seperti:the_post_thumbnail(‘thumbnail’);
- Ganti ‘thumbnail’ dengan ukuran gambar kustom yang telah Anda tentukan:the_post_thumbnail(‘custom-featured-image’);
Langkah 3: Buat ulang gambar mini
Setelah menambahkan kode, buat ulang gambar mini menggunakan plugin seperti Regenerate Thumbnail untuk menerapkan perubahan pada gambar yang ada.
Metode 4: Ubah Ukuran Gambar Unggulan Menggunakan Pembangun Halaman
Jika Anda menggunakan pembangun laman seperti Elementor, Divi, atau WPBakery, Anda sering kali dapat menyesuaikan ukuran gambar unggulan secara langsung melalui antarmuka pembangun laman.
Langkah 1: Buka Halaman/Post di Pembangun Halaman
- Edit halaman atau postingan menggunakan pembangun halaman Anda.
- Pilih widget gambar atau widget postingan tempat gambar unggulan ditampilkan.
Langkah 2: Sesuaikan Pengaturan Ukuran Gambar
- Cari opsi Ukuran Gambar atau pengaturan Ukuran Gambar Kecil dalam widget.
- Pilih ukuran yang telah ditentukan sebelumnya (misalnya, Gambar Kecil, Sedang, Besar) atau tentukan dimensi khusus.
- Simpan perubahan dan pratinjau halaman untuk memastikan gambar ditampilkan seperti yang diharapkan.
Metode ini sangat berguna jika Anda memiliki persyaratan yang berbeda untuk halaman atau postingan yang berbeda dan menginginkan kontrol lebih besar atas setiap contoh gambar unggulan.
Metode 5: Gunakan Plugin untuk Ukuran Gambar Unggulan Khusus
Jika Anda tidak nyaman dengan pengeditan kode, ada plugin yang dapat membantu Anda membuat ukuran gambar kustom tanpa menyentuh file functions.php.
Plugin yang direkomendasikan:
- Ukuran Gambar Sederhana: Plugin ini memungkinkan Anda untuk membuat ukuran gambar kustom dan mengelola ukuran yang ada langsung dari admin WordPress.
- Ukuran Gambar Khusus: Menambahkan kemampuan untuk menentukan ukuran gambar kustom dan menggunakannya dalam tema Anda tanpa coding.
Cara Menggunakan Plugin:
- Instal dan aktifkan plugin pilihan Anda.
- Buka halaman pengaturan plugin (sering ditemukan di bawah Pengaturan atau Media).
- Tentukan ukuran gambar unggulan khusus Anda dengan menentukan lebar dan tinggi.
- Simpan pengaturan Anda dan buat ulang gambar mini menggunakan opsi bawaan plugin.
Tips Memilih Ukuran Gambar Unggulan yang Tepat
Saat menyesuaikan ukuran gambar unggulan Anda, pertimbangkan hal-hal berikut ini:
- Persyaratan Tema: Periksa dokumentasi tema Anda untuk mengetahui ukuran gambar unggulan yang direkomendasikan.
- Kecepatan Halaman: Gambar yang lebih besar dapat memperlambat situs web Anda, jadi gunakan ukuran terkecil yang mempertahankan kualitas yang baik.
- Desain Responsif: Pastikan gambar Anda dioptimalkan untuk perangkat seluler dengan menggunakan ukuran gambar yang fleksibel atau pengaturan yang menyesuaikan dengan ukuran layar.
- Kualitas Gambar: Gunakan tool seperti TinyPNG atau ShortPixel untuk mengompres gambar tanpa kehilangan kualitas sebelum mengunggahnya ke WordPress.
Ringkasan
Mengubah ukuran gambar unggulan di WordPress dapat dilakukan dengan beberapa cara, mulai dari menggunakan Customizer dan pengaturan media hingga mengedit file functions.php atau menggunakan plugin. Pilihlah metode yang paling sesuai dengan tingkat kenyamanan dan fleksibilitas yang Anda butuhkan. Dengan mengatur ukuran gambar unggulan yang tepat, Anda dapat meningkatkan desain situs web Anda, menjaga konsistensi di seluruh posting, dan meningkatkan pengalaman pengguna sambil menjaga waktu pemuatan halaman.