性价比最高的香港ASP、PHP主机提供商
做网站,就上凡科建站

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

Loading
0
Comodo SLL证书促销 - 免费ssl证书申请_ssl证书购买_ev ssl证书_https证书购买 - GDCA_数安时代

默认情况下,通过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/

支付宝扫码打赏 微信打赏

如果文章对你有帮助,欢迎点击上方按钮打赏作者

MetInfo | 最适合企业网站建设的cms系统

关于 倡萌

一个疯狂的 WordPress 爱好者,喜欢折腾 WordPress 主题,分享 WordPress 资源。如果你也喜欢 WordPress,欢迎和我一起交流!

精彩推荐

WordPress多语言插件:qTranslate (开发篇)

WordPress多语言插件:qTranslate (开发篇)

WordPress图片灯箱效果插件:Auto Highslide(自动链接到原图)

WordPress图片灯箱效果插件:Auto Highslide(自动链接到原图)

6 条评论

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

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

  2. :cry: 不知道为什么,我的wordpress4.01下无效啊。

  3. 没想到什么实际用途

  4. 这个功能不错 尤其是想要弄自适应主题的时候 上次我还是用JS操作的 有这个办法就好了

发表评论