外贸独立站的底层设计密码WordPress 成品站模板
当前位置:首页>WordPress建站>基础教程>移除WordPress文章图片的宽度和高度属性

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

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

<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 文件即可:

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/

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

给TA打赏
共{{data.count}}人
人已打赏
欢迎关注WordPress大学公众号 WPDAXUE
基础教程

WordPress一键创建子主题的插件:Orbisius Child Theme Creator

2013-6-7 9:31:41

基础教程

让WordPress的搜索结果包括自定义文章类型的内容

2013-6-16 7:50:28

7 条回复 A文章作者 M管理员
  1. 已发布的文章怎么弄啊

  2. 吴臭臭

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

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

    • 倡萌

      😎 你这个好像也不对吧,kite 和 attr 是什么?

  3. 😥 不知道为什么,我的wordpress4.01下无效啊。

  4. 没想到什么实际用途

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

    • max-width就行啊

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索