Cara mengganti alt dan title pada gambar di theme muvipro

Ok sob, kali ini saya akan memberikan sebuah tutorial muvipro bagaimana cara merubah alt dan title gambar secara otomatis di semua gambar pada theme muvipro.

Seperti yang di ketahui ketika menggunakan fitur one click post menggunakan TMDB ID maka secara otomatis gambar akan terupload dan alt dan title pada gambar akan mengikuti nama gambar yang di upload dan tentu saja akan secara acak membuat alt dan title gambar tersebut.

Silahkan lihat gambar sebelum di optimasi:

muvipro alt image sebelum optimasi
muvipro alt image sebelum optimasi

Ada 2 cara mengoptimasi alt dan title pada gambar tersebut, yaitu manual edit per satu gambarnya via Media. Cara yang kedua yaitu memasukkan fungsi filter di theme maupun di child_theme nya, saya akan membahas cara yang kedua.

Ok langsung saja kita masuk ke caranya. Silahkan anda install child theme terlebih dahulu.
Tambah kode:

if ( ! function_exists( 'gmr_add_img_title' ) ) :
function gmr_add_img_title( $attr, $attachment = null ) {
$attr['title'] = 'Nonton film ' . the_title_attribute( 'echo=0' ) . ' terbaru';
$attr['alt'] = 'Nonton film ' . the_title_attribute( 'echo=0' ) . ' terbaru';
return $attr;
}
endif;
add_filter( 'wp_get_attachment_image_attributes','gmr_add_img_title', 5, 2 );

Di functions.php pada child theme anda, kalau tidak ada functions.php buat file tersebut dan masukkan di folder child theme nya… Contoh pada file fungsi child theme saya:

<?php

if ( ! function_exists( 'gmr_add_img_title' ) ) :
function gmr_add_img_title( $attr, $attachment = null ) {
$attr['title'] = 'Nonton film ' . the_title_attribute( 'echo=0' ) . ' terbaru';
$attr['alt'] = 'Nonton film ' . the_title_attribute( 'echo=0' ) . ' terbaru';
return $attr;
}
endif;
add_filter( 'wp_get_attachment_image_attributes','gmr_add_img_title', 5, 2 );

Kode diatas tidak bekerja pada parent theme muvipro nya, kalau mau langsung edit di parent nya silahkan langsung saja masukkan kode:

if ( ! function_exists( 'gmr_new_add_img_title' ) ) :
function gmr_new_add_img_title( $attr, $attachment = null ) {
$attr['title'] = 'Nonton film ' . the_title_attribute( 'echo=0' ) . ' terbaru';
$attr['alt'] = 'Nonton film ' . the_title_attribute( 'echo=0' ) . ' terbaru';
return $attr;
}
endif;
add_filter( 'wp_get_attachment_image_attributes','gmr_new_add_img_title', 10, 2 );

Ingat ya bro, bedakan antara child theme dan parent
Lihat kode diatas kata Nonton film dan terbaru, bisa anda ubah dan sesuaikan dengan SEO image yang anda ingin kan…

Hasil optimasi kode diatas:

muvipro alt image sesudah optimasi
muvipro alt image sesudah optimasi

Ok semoga bermanfaat kalau ada yang ingin ditanyakan silahkan kontak atau bisa langsung diskusi di grup facebook, terima kasih banyak.