移除WordPress文章圖片的寬度和高度屬性

默認情況下,通過WordPress自身的媒體上傳功能插入到文章的圖片,都會默認添加瞭高度和寬度屬性:

1
<img title="使用 Chrome Workspace 進行網站調試 | 的自留地 cmhello.com" alt="使用 Chrome Workspace 進行網站調試" src="/wp-content/images1/20180428/0019-cmhello_com.png" width="550" height="307" />

<img title="使用 Chrome Workspace 進行網站調試 | 的自留地 cmhello.com" alt="使用 Chrome Workspace 進行網站調試" src="/wp-content/images1/20180428/0019-cmhello_com.png" width="550" height="307" />

如果出於某些原因,你想去掉這個高度和寬度屬性,可以將下面的代碼添加到主題的 functions.php 文件即可:

1
2
3
4
5
6
7
add_filter( 'post_thumbnail_html', 'remove_width_attribute', 10 );
add_filter( 'image_send_to_editor', 'remove_width_attribute', 10 );
 
function remove_width_attribute( $html ) {
   $html = preg_replace( '/(width|height)="\d*"\s/', "", $html );
   return $html;
}

add_filter( ‘post_thumbnail_html’, ‘remove_width_attribute’, 10 );
add_filter( ‘image_send_to_editor’, ‘remove_width_attribute’, 10 ); function remove_width_attribute( $html ) {
$html = preg_replace( ‘/(width|height)="\d*"\s/’, "", $html );
return $html;
}

參考資料:http://css-tricks.com/snippets/wordpress/remove-width-and-height-attributes-from-inserted-images/

發佈留言