Featured Image Caption Tanpa Plugin

Untuk sementara, rehat sejenak dari persoalan terkait pentol korek dan obat pereda nyeri. Bukan karena tidak memperhatikan lagi, namun akhirnya yang sudah bisa tertebak.

Sebab itu, catatan kali ini mau berbagai sesuatu terkait salah satu platform blog, yakni WordPress, khususnya bagi pengguna yang menggunakan domain dan hosting sendiri.

Karenanya, berikut adalah cara menampilkan keterangan gambar utama/unggulan (featured image caption) pada tulisan (single post) WordPress tanpa mempergunakan plugin tambahan.

Mengenal Featured Image Caption

Salah satu fitur WordPress adalah penggunaan gambar utama atau featured image yang biasanya ditampilkan pada bagian awal sebuah tulisan tunggal (single post) maupun halaman (page). Namun gambar utama tersebut pada umumnya tidak disertai dengan keterangan atau caption.

Image caption atau keterangan gambar atau adalah teks yang muncul bersama gambar, biasanya di bawahnya, untuk memberikan konteks, menjelaskan isi gambar, atau menyampaikan informasi tambahan lainnya.

Secara asali (default) WordPress menyertakan fitur untuk memberikan keterangan gambar. Hanya saja, fitur tersebut dapat ditemukan ketika menyisipkan gambar ke dalam konten tulisan. Sementara ini belum tersedia secara langsung fitur untuk menampilkannya beserta gambar utama.

Persiapan

Untuk menampilkan featured image caption atau keterangan gambar utama dapat dilakukan dengan mempergunakan plugin atau tidak. Sebagaimana sudah disebutkan di atas, kali ini adalah tanpa mempergunakan plugin tambahan.

Untuk itu, sebaiknya mempergunakan tema turunan atau child theme. Agar fungsi tetap ada dan berjalan ketika tema yang digunakan diperbarui. (Terkait: Cara membuat child theme WordPress).

Salin kode yang disertakan berikut dan tempelkan ke berkas functions.php yang ada dalam tema turunan. Jangan lupa menyimpan perubahan atau penambahan kode yang telah dilakukan pada berkas tersebut.

/* FEATURED IMAGE CAPTION */

function display_featured_image_caption_after_image ($html, $post_id, $post_thumbnail_id, $size, $attr) {
    if (is_single($post_id) && has_post_thumbnail($post_id)) {
        $caption = get_the_post_thumbnail_caption($post_id);
        if (!empty($caption)) {
            $html .= '<div class="featured-image-caption">' . esc_html($caption) . '</div>';
        }
    }
    return $html;
}
add_filter('post_thumbnail_html', 'display_featured_image_caption_after_image', 10, 5);

Penyesuaian Tampilan Caption

Jika ingin melakukan penyesuaian bagaimana keterangan gambar utama tersebut ditampilkan maka dapat mengatur melalui CSS dengan class featured-image-caption.

Untuk melakukannya, silakan buka customizer melalui menu dasbor Tampilan » Sesuaikan. Kemudian silakan buka CSS Tambahan. Berikut contoh CSS khusus yang dipergunakan:

.featured-image-caption {
	font-size:15px;
	color:#455A64;
	text-align:center;
	line-height:1.4em;
	padding: 5px 10px;
}

Penulisan Keterangan (Caption)

Pengisian atau penulisan keterangan (caption) dilakukan pada bidang isian keterangan gambar yang telah disertakan oleh WordPress. Baik saat mengunggah gambar maupun untuk gambar yang telah tersedia di pustaka media.

Kelebihan dan Kekurangan

Menampilkan featured image caption dengan cara ini tentu memiliki kelebihan dan kekurangan. Berikut yang dapat disampaikan:

Kelebihan:
Tidak memerlukan plugin tambahan, dapat sendiri dilakukan dengan mudah, mempergunakan fitur WordPress yang pada dasarnya sudah tersedia, dan lain-lain.

Kekurangan:
Tidak dapat membuat caption atau keterangan gambar yang berbeda jika mempergunakan sebuah gambar yang sama pada beberapa tulisan.

Demikian lebih kurangnya salah satu cara yang dapat dipergunakan jika ingin menampilkan keterangan atau caption untuk gambar utama/unggulan atau featured image tanpa mempergunakan plugin tambahan.