Cara Menambahkan Gambar Unggulan atau Thumbnail Postingan di WordPress

Cara menambahkan gambar unggulan atau thumbnail postingan di WordPress sangat penting bagi blogger, developer, atau kreator konten mana pun. Gambar unggulan membuat postingan Anda menarik secara visual dan memainkan peran penting dalam menarik pembaca, meningkatkan SEO , dan meningkatkan pratinjau media sosial. Baik Anda menjalankan blog, situs portofolio, atau toko online, gambar unggulan yang ditempatkan dengan baik dapat meningkatkan dampak konten Anda secara signifikan.

Dalam artikel ini, Anda akan mempelajari cara mengaktifkan dan menambahkan gambar unggulan di WordPress menggunakan pengaturan kode dan tema. Kami juga akan memandu Anda menambahkan gambar melalui Editor Klasik dan Elementor agar Anda dapat memilih metode terbaik untuk alur kerja Anda.

Mengapa Menggunakan Gambar Unggulan dalam Postingan?

Gambar unggulan sangat penting untuk membuat postingan WordPress Anda lebih menarik dan profesional. Gambar unggulan berfungsi sebagai isyarat visual yang membantu menarik perhatian pembaca, meningkatkan estetika keseluruhan blog atau situs web Anda, dan menciptakan konsistensi di seluruh konten Anda. Selain meningkatkan daya tarik visual, platform media sosial sering kali menggunakan gambar unggulan saat konten Anda dibagikan, memberikan postingan Anda kehadiran yang lebih kuat dan meningkatkan rasio klik-tayang.

Karena dampaknya, mengelola berkas media Anda, terutama saat situs Anda berkembang, sama pentingnya dengan menambahkannya. Pustaka media yang berantakan dapat memperlambat alur kerja Anda dan menyulitkan pencarian atau penggunaan kembali gambar secara efisien.

Itulah mengapa alat seperti WP Media Folder sangat direkomendasikan. Dengan fitur-fitur seperti folder tak terbatas, filter pencarian lanjutan, dan integrasi yang lancar dengan platform cloud, WP Media Folder membantu Anda tetap tertata dan memudahkan pengelolaan gambar unggulan dan media lainnya.

Cara Mengaktifkan Gambar Unggulan di Tema WordPress Anda

Tidak semua tema WordPress secara otomatis menampilkan atau bahkan mengaktifkan fitur gambar unggulan. Jika Anda tidak melihat opsi ini saat membuat postingan, kemungkinan tema Anda belum mendukung fitur ini. Jangan khawatir, Anda dapat mengaktifkannya dengan dua cara, menggunakan kode khusus (tanpa menyentuh berkas tema secara langsung) atau melalui pengaturan default tema yang Anda gunakan.

Menggunakan Kode Kustom

Jika Anda familiar dengan WordPress dan ingin mengaktifkan fitur gambar unggulan secara manual tanpa perlu mengedit file functions.php secara langsung, Anda dapat menggunakan plugin WordPress seperti WP Code. Plugin ini menyederhanakan penambahan kode tanpa risiko kerusakan situs Anda akibat kesalahan ketik.

Untuk melakukannya, mulailah dengan memasang plugin WPCode dari menu Plugin > Tambah Baru. Kemudian, cari "WPCode" dan klik Instal, lalu Aktifkan .

Setelah plugin aktif, buka menu Cuplikan Kode dan pilih + Tambahkan Cuplikan.

Pilih "Tambahkan Kode Kustom Anda (Cuplikan Baru)" .

Kemudian, masukkan kode berikut di kolom "Pratinjau Kode", pilih Cuplikan PHP di Jenis Kode, dan klik Simpan Cuplikan.

Saat Anda membuka editor posting, penambahan gambar unggulan akan muncul di bilah sisi.

Jika Anda ingin menampilkan gambar unggulan dalam tampilan postingan, tambahkan kode ini ke berkas tema yang sesuai di dalam loop, seperti single.php atau content.php.

<?php the_post_thumbnail(); ?> 

Anda juga dapat menambahkan ini untuk menyesuaikan ukuran gambar.

set_ukuran_thumbnail_posting( 300, 200 ); 

Atau buat ukuran khusus seperti.

add_image_size( 'ukuran-khusus', 590, 180 ); 

Terakhir, panggil dengan kode berikut.

<?php the_post_thumbnail( 'custom-size' ); ?> 

Menggunakan Pengaturan Tema

Jika Anda tidak ingin repot dengan kode, banyak tema WordPress modern sudah menyediakan pengaturan untuk mengaktifkan dan mengatur gambar unggulan langsung dari Customizer. Untuk melakukannya, buka Tampilan > Kustomisasi. Lalu pilih Jenis Postingan

Kemudian, di bawah Struktur Postingan > Elemen Postingan, Anda akan menemukan menu Gambar Unggulan. Untuk mengaktifkannya, cukup klik ikon mata seperti yang ditunjukkan pada gambar berikut. Anda juga dapat menyesuaikan rasio, efek hover, dan ukuran.

Tambahkan Gambar Unggulan di WordPress melalui Gutengberg (Editor Blok)

Menambahkan gambar unggulan di WordPress menggunakan Gutenberg (Block Editor) mudah dan praktis, terutama karena antarmukanya yang modern dan intuitif. Dengan Gutenberg, Anda dapat mengatur gambar unggulan langsung dari bilah sisi editor tanpa perlu memasang plugin tambahan. Fitur ini cocok untuk pengguna pemula maupun berpengalaman yang ingin menyesuaikan tampilan visual postingan mereka dengan cepat.

Setelah itu, pilih gambar yang akan dijadikan gambar unggulan, masukkan Teks ALT, dan klik Tetapkan Gambar Unggulan.

Tambahkan Gambar Unggulan di WordPress melalui Elementor

Jika Anda menggunakan Elementor untuk membuat halaman atau postingan, Anda tetap dapat menambahkan gambar unggulan dengan mudah. Meskipun prosesnya sedikit berbeda dari editor WordPress bawaan, Elementor menyediakan opsi untuk menampilkan gambar unggulan secara dinamis dalam tata letak desain Anda. Pertama, buka postingan dan klik Edit dengan Elementor.

Setelah itu, klik ikon Pengaturan di bagian tengah atas. Di sebelah kiri terdapat menu Gambar Unggulan, klik Pilih Gambar.

Kemudian, tampilan media akan muncul. Pilih gambar, masukkan Teks ALT, lalu klik Pilih .

Kesimpulan

Menambahkan gambar unggulan dapat memberikan nilai visual yang penting untuk menarik perhatian pembaca, memperkuat identitas konten, dan meningkatkan tampilan saat dibagikan di media sosial. Selain mempercantik halaman, fitur ini juga mendukung SEO dan membuat situs web WordPress Anda terlihat lebih profesional.

Namun, menjaga perpustakaan media tetap teratur dan efisien juga penting seiring bertambahnya jumlah gambar yang diunggah. Anda dapat menggunakan WP Media Folder , solusi manajemen media WordPress dengan fitur-fitur unggulan seperti folder tak terbatas, pencarian lanjutan, dan integrasi cloud. Cobalah sekarang untuk mengelola gambar unggulan Anda dengan lebih cepat, efisien, dan bebas stres!