移除WordPress文章图片的宽度和高度属性

默认情况下,通过WordPress自身的媒体上传功能插入到文章的图片,都会默认添加了高度和宽度属性:

1
<img title="使用 Chrome Workspace 进行网站调试 | 倡萌的自留地 cmhello.com" alt="使用 Chrome Workspace 进行网站调试" src="http://pic.cmhello.com/cmhello/Chrome-Workspace_9515/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;
}

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

倡萌

一个文科IT宅男,喜欢折腾WordPress和被它折腾 ^_^

6 条评论

  1. 这个只是在插入文章的时候去掉width和height,建议加上
    add_filter( 'the_content', 'kite_remove_image_size_attr', 10 );
    add_filter( 'the_excerpt', 'kite_remove_image_size_attr', 10 );

    可以去掉已经发布了的文章里面的宽度和高度。

发表评论