Template Wordpress

Cara Menambahkan Gambar Unggulan atau Memposting Thumbnail di WordPress

Gambar unggulan juga dikenal sebagai thumbnail posting adalah fitur WordPress terkenal yang didukung oleh sebagian besar tema.

Mereka adalah gambar utama untuk posting blog Anda, dan sering kali muncul di sebelah judul halaman beranda dan media sosial Anda. Semua tema WordPress yang populer dilengkapi dengan dukungan bawaan untuk gambar unggulan.

Di artikel ini, kami akan menunjukkan cara mudah menambahkan gambar unggulan atau thumbnail posting di WordPress.

Panduan Pemula untuk Gambar Unggulan di WordPress

Gambar yang ditampilkan adalah fitur tema WordPress. Hampir semua tema WordPress hadir dengan dukungan bawaan untuk gambar unggulan dan menampilkannya dengan indah di berbagai area Anda Situs WordPress.

Sebagai manusia, kami menemukan elemen visual lebih menarik daripada teks biasa. Gambar unggulan membantu Anda membuat halaman blog Anda terlihat lebih menarik.

Mereka juga membantu Anda membangun keterlibatan pengguna dan meningkatkan tampilan halaman. Mesin pencari dan situs web media sosial juga dapat menggunakan gambar-gambar ini dan menampilkannya dalam hasil pencarian dan umpan berita media sosial.

Sebagian besar gambar unggulan digunakan untuk posting blog, tetapi Anda juga dapat mengatur gambar unggulan untuk halaman dan jenis posting kustom.

catatan: Gambar unggulan tidak sama dengan gambar sampul. Lihat perbedaan antara gambar sampul vs gambar unggulan di WordPress.

Karena itu, mari kita lihat cara menambahkan gambar unggulan di WordPress dengan mudah.

Menambahkan Gambar Mini Posting atau Gambar Unggulan di WordPress

Untuk menambahkan gambar unggulan dalam posting WordPress, cukup edit atau buat posting blog baru.

Dalam editor konten, Anda akan menemukan tab gambar unggulan di kolom kanan.

Anda perlu mengklik area ‘Set Featured Image’, dan ini akan memunculkan popup pengunggah media WordPress.

Dari sini, Anda dapat mengunggah gambar dari komputer Anda atau menggunakan gambar yang ada dari perpustakaan media Anda. Setelah Anda memilih gambar, cukup klik tombol Set Featured Image.

WordPress sekarang akan menampilkan pratinjau gambar unggulan di kolom kanan. Namun, gambar unggulan sebenarnya akan terlihat berbeda tergantung pada tema WordPress Anda.

Anda sekarang dapat menyimpan atau mempublikasikan posting Anda dan mempratinjaunya untuk melihat bagaimana gambar unggulan akan muncul di situs web langsung Anda.

Bergantung pada pengaturan yang ditentukan oleh pengembang tema Anda, gambar unggulan Anda akan secara otomatis muncul dengan posting Anda.

Bagaimana Menemukan dan Secara Efektif Menggunakan Gambar Unggulan?

Sekarang, pertanyaan besar berikutnya yang kebanyakan pemula temui adalah di mana menemukan gambar untuk digunakan sebagai gambar unggulan?

Anda tidak bisa hanya menggunakan pencarian gambar Google dan menggunakan gambar apa pun dari internet. Gambar-gambar tersebut dilindungi oleh undang-undang hak cipta dan menggunakannya tanpa izin yang sesuai dapat menyebabkan masalah hukum.

Untungnya, ada beberapa sumber daya yang tersedia yang dapat Anda gunakan temukan gambar gratis untuk posting blog Anda.

Favorit utama kami adalah:

Shutterstock – Mereka memiliki beberapa gambar gratis, tetapi nilai sebenarnya berasal dari paket berbayar mereka yang memberi Anda akses ke banyak foto, ilustrasi, gambar, video berkualitas tinggi, dan banyak lagi. Inilah yang kami gunakan untuk situs WPBeginner.

Unsplash – Sumber daya online populer yang menerbitkan gambar beresolusi tinggi yang dapat Anda gunakan di situs web Anda dan proyek lainnya.

Ruang Negatif – Koleksi gambar bebas hak cipta yang terorganisir dengan baik.

Stok Lama Baru – Koleksi foto vintage dari arsip publik.

Catatan: Semua sumber ini menyediakan gambar beresolusi tinggi, yang berarti ukurannya besar dalam ukuran dan dimensi. Anda harus melakukannya mengoptimalkan gambar untuk web sebelum menggunakannya sebagai gambar unggulan.

Gambar unggulan ditangani oleh tema WordPress Anda. Untuk mengubah cara tema Anda menampilkan gambar unggulan, Anda memerlukan beberapa keterampilan dasar pengkodean CSS atau WordPress.

Jika Anda merasa nyaman dengan pengkodean, lanjutkan membaca untuk mendapatkan lebih banyak tip.

Panduan Pengembang Tema untuk Gambar Unggulan dan Gambar Mini Posting di WordPress

Gambar unggulan adalah fitur populer yang didukung oleh hampir semua tema WordPress. Dalam situasi yang jarang terjadi, Anda mungkin menemukan tema yang tidak mendukung gambar unggulan, atau Anda mungkin tidak menyukai cara mereka menangani gambar fitur.

Dalam hal ini, Anda dapat menambahkan dukungan gambar unggulan ke tema Anda atau mengubah tampilannya.

Jika Anda merasa nyaman mengedit file tema WordPress dan mengetahui sedikit tentang CSS khusus, Anda dapat melakukannya sendiri.

Jika tema Anda tidak mendukung gambar unggulan, Anda tidak akan melihat opsi untuk menambahkan gambar unggulan di editor konten.

Untuk menambahkan dukungan gambar unggulan dalam tema WordPress, Anda perlu menambahkan baris kode ini di tema Anda functions.php mengajukan:

add_theme_support (‘post-thumbnail’);

Kode ini akan mengaktifkan dukungan gambar unggulan untuk posting dan halaman. Anda sekarang dapat pergi ke posting atau halaman editor blok, dan Anda akan melihat opsi gambar unggulan diaktifkan.

Namun, saat Anda menyetel gambar unggulan, gambar tersebut tidak akan otomatis ditampilkan di tema WordPress Anda. Untuk menampilkan gambar unggulan dalam tema Anda, Anda perlu mengedit template Anda dan menambahkan baris kode ini di mana Anda ingin menampilkan gambar unggulan:

File yang Anda tambahkan kode di atas akan bervariasi berdasarkan tema Anda. Anda akan ingin menambahkan kode di dalam loop posting Anda.

Terkait: Lihat Lembar contekan hierarki tema WordPress untuk lebih memahami cara kerja tema.

Kode di atas adalah fungsi dasar yang Anda butuhkan untuk menambahkan dukungan gambar unggulan dan menampilkan gambar unggulan dalam tema Anda. Untuk mengatur ukuran gambar untuk gambar unggulan yang Anda unggah, Anda perlu menambahkan baris kode ini ke file functions.php Anda.

set_post_thumbnail_size (50, 50);

Parameter untuk set_post_thumbnail_size dalam urutan ini: lebar, tinggi.

Anda juga dapat menyetel ukuran gambar tambahan untuk digunakan dengan fungsi_post_thumbnail (). Sebagai contoh:

// Ukuran gambar untuk posting tunggal add_image_size (‘single-post-thumbnail’, 590, 180);

Dalam contoh ini kami telah menambahkan ukuran gambar baru yang disebut thumbnail-posting tunggal dengan tinggi 590px dan tinggi 180px.

Untuk menggunakan ukuran gambar ini dalam tema kita, kita masih perlu menambahkannya ke file tema yang sesuai.

Lihat panduan kami tentang menambahkan ukuran gambar tambahan di WordPress untuk lebih jelasnya.

Jika Anda sebelumnya telah mengunggah gambar unggulan, tetapi gambar tersebut masih muncul dalam ukuran lain, maka Anda perlu melakukannya membuat ulang thumbnail dan ukuran gambar untuk posting lama.

Di bawah ini adalah contoh fungsi gambar unggulan dengan ukuran gambar tertentu.

Ini adalah versi lengkap dari fungsionalitas penuh. Ada banyak hal lain yang dapat Anda lakukan dengan gambar unggulan.

FAQ Tentang Gambar Unggulan di WordPress

Sebagai pemula, Anda mungkin menemukan pertanyaan atau masalah saat menggunakan gambar unggulan di blog Anda. Berikut adalah beberapa pertanyaan umum tentang gambar unggulan.

1. Mengapa gambar unggulan muncul dua kali di postingan saya?

Terkadang pemula menambahkan gambar unggulan dan kemudian menambahkan gambar yang sama di dalam bagian konten editor posting.

Yang harus Anda lakukan adalah menghapus gambar dari area konten dan hanya menggunakan metabox gambar unggulan untuk menambahkan gambar unggulan. Untuk informasi lebih lanjut tentang topik ini, lihat artikel kami di cara memperbaiki gambar unggulan yang muncul dua kali di WordPress.

2. Apa perbedaan antara gambar sampul dan gambar unggulan?

Gambar sampul digunakan di area konten posting atau halaman Anda. Mereka biasanya digunakan untuk memisahkan bagian yang berbeda dari halaman atau posting yang panjang.

Gambar unggulan adalah gambar perwakilan dari sebuah artikel. Itu muncul sebelum atau di samping konten tetapi tidak di dalam artikel yang sebenarnya.

Untuk lebih lanjut tentang topik ini, lihat panduan kami di perbedaan antara gambar sampul dan gambar unggulan di WordPress.

3. Bagaimana cara menampilkan gambar unggulan di samping posting blog terbaru?

Editor blok WordPress hadir dengan blok ‘Posting Terbaru’ yang memungkinkan Anda menampilkan posting terbaru dengan thumbnail posting.

Anda juga dapat menampilkan posting terbaru dengan thumbnail di widget sidebar menggunakan Widget Posting Terbaru Diperpanjang plugin. Untuk lebih jelasnya, lihat artikel kami di cara menampilkan postingan terbaru di WordPress.

4. Bagaimana cara mengingatkan penulis untuk menambahkan gambar unggulan di WordPress?

Gambar unggulan ditampilkan secara mencolok di beranda, halaman blog, dan halaman arsip lainnya.

Jika Anda atau penulis lain di blog Anda lupa mengaturnya dan menerbitkan postingan, maka itu akan muncul tanpa gambar unggulan. Ini akan terlihat buruk dan tidak konsisten, yang tidak baik untuk pengalaman pengguna.

Anda dapat menginstal dan mengaktifkan Membutuhkan Gambar Unggulan plugin, yang akan menampilkan pemberitahuan ketika ada yang mencoba mempublikasikan posting tanpa gambar unggulan.

Untuk lebih jelasnya, lihat artikel kami di bagaimana membutuhkan gambar unggulan di WordPress.

Kami harap artikel ini membantu Anda mempelajari cara menambahkan gambar unggulan atau thumbnail posting di WordPress. Anda mungkin juga ingin melihat kami panduan pemula untuk SEO gambar yang menunjukkan cara mengoptimalkan gambar WordPress Anda untuk mesin pencari.

Jika Anda menyukai artikel ini, silakan berlangganan kami Saluran Youtube untuk tutorial video WordPress. Anda juga dapat menemukan kami di Indonesia dan Facebook.

.

Sumber Artikel

WP Tips

Recent Posts

Statistik Kunci untuk Diketahui untuk 2023

Tanda tangan email berfungsi sebagai cara ampuh bagi individu dan bisnis untuk meninggalkan kesan abadi…

1 tahun ago

Cara Memperbaiki ‘ERR_SSL_VERSION_OR_CIPHER_MISMATCH’ di WordPress

Apakah kesalahan 'ERR_SSL_VERSION_OR_CIPHER_MISMATCH' menghentikan Anda mengakses situs web WordPress? Kesalahan ini hanya terlihat saat mengunjungi…

1 tahun ago

5 Cara Meningkatkan Bisnis Anda Dengan AI

Jika Anda adalah individu yang banyak akal dan berpikiran maju yang bekerja di bidang pemasaran,…

1 tahun ago

Tingkatkan Dasbor Anda dengan Laporan MonsterInsights Baru

Siap menguasai Google Analytics 4 dengan sedikit bantuan dari MonsterInsights? GA4 adalah alat analitik yang…

1 tahun ago

Cara Menerjemahkan Plugin WordPress dalam Bahasa Anda

Apakah Anda mencari cara untuk menerjemahkan plugin WordPress ke dalam bahasa Anda? Dengan menerjemahkan plugin…

1 tahun ago

Peretasan Pengalihan WordPress: Pencegahan dan Perbaikan Terbaik

Mencari solusi untuk hack redirect WordPress? ????‍???? Peretasan pengalihan WordPress sayangnya merupakan kejadian umum dan…

1 tahun ago