WordPress'te "wp-caption" adlı bir olay var, belki bilirsiniz. Yani açıklamalı görsel olarak geçen bu özellik, açıklamalı görsellere otomatik olarak width değeri ekliyor. Dolayısı ile açıklama eklediğimiz görselleri, Responsive yapmamızı biraz daha zorlaştırıyor bu durum. Ben bu konuda çok araştırma yaptım.

AYRICA: WordPress’te Tüm Güncelleme Uyarılarını Kapatalım

Sonunda bir yol buldum ve paylaşmak istiyorum. Aşağıdaki kodları, temanızın functions.php dosyası içerisine eklemeniz yeterli olacaktır. Bu şekilde açıklamalı görsellere otomatik width değeri eklenmeyecek olup, wp-caption özelliğini bu şekilde daha kolay bir şekilde Responsive yapabilirsiniz.

WordPress'te Açıklamalı Görsellerdeki Width Değerini Kaldıralım

function wpse14305_img_caption( $empty_string, $attributes, $content ){
extract(shortcode_atts(array(
'id' => '',
'align' => '',
'width' => '',
'caption' => ''
), $attributes));
if ( empty($caption) )
return $content;
if ( $id ) $id = 'id="' . esc_attr($id) . '" ';
return '<div ' . $id . 'class="wp-caption ' . esc_attr($align) . '">' . do_shortcode( $content ) . '<p class="wp-caption-text">' . $caption . '</p></div>';
}
add_filter( 'img_caption_shortcode', 'wpse14305_img_caption', 10, 3 );