Cara Menghilangkan Width dan Height Pada the_post_thumbnail() Trida Studio - Pengembang Aplikasi Web & Android Profesional

Cara Menghilangkan Width dan Height Pada the_post_thumbnail()

07 December 2022
Agus Triyanto
78 Kali dilihat

Sebagai seorang wordpress developer tentu tidak asing dengan sebuah fungsi the_post_thumbnail. Dimana funsi tersebut digunakan untuk menampilkan gambar unggulan atau featured image pada sebuah postingan.

Fungsi the_post_thumbnail secara default menambahkan attribute width dan height sesuai dengan dimensi gambar yang digunakan. Nah bagaimana Cara Menghilangkan Width dan Height Pada the_post_thumbnail?

Jika teman-teman membuka pedoman yang disesiakan oleh wordpress, di sana teman-teman akan menjumpai sebuah filter sebagai berikut.

apply_filters( 'post_thumbnail_html', string $html, int $post_id, int $post_thumbnail_id, string|int[] $size, string|array $attr )

Parameter

$html (string)

  • HTML thumbnail postingan

$post_id (int)

  • ID postingan

$post_thumbnail_id (int)

  • ID thumbnail postingan

$size (string / int)

  • Ukuran gambar yang diinginkan.

$attr (string / array)

  • Query string atau array dari attributes thumbnail.

Nah untuk implementasinya silahkan teman-teman buka file functions.php, kemudian tambahkan baris kode sebagai berikut:

function nama_fungsi( $html, $post_id, $post_image_id ) {
  $html = preg_replace( '/(width|height)=\"\d*\"\s/', "", $html );
  return $html;
}
add_filter( 'post_thumbnail_html', 'nama_fungsi', 10, 3 );

Atau teman-teman bisa copy paste baris kode di atas ke dalam file functions.php pada tema yang teman-teman gunakan atau kembangkan. Semoga bermanfaat!

Bagi teman-teman yang ingin menyimak tutorial ini melalui video, teman-teman bisa mengikuti video di bawah ini. Tapi jika teman-teman ingin mendapat lebih banyak tutorial dari kami, teman-teman bisa mengunjungi channel youtube kami klik di sini!

https://www.youtube.com/watch?v=MFDYsGKiUiM
       
       

Tulis Komentar

Verified by MonsterInsights