您现在的位置是:主页 > 网站建设 >

移除WordPress文章图片的宽度和高度属性实用方法

2020-07-06 13:55网站建设 人已围观 文章来源:未知

简介我们在使用WordPress有时需要移除文章图片的宽度和高度,这样可以方便我们使用CSS定义。所以现在网上介绍比较多的就是通过WordPress自身的媒体上传功能插入到文章的图片移除宽度和高...

移除WordPress文章图片的宽度和高度属性实用方法
 
   我们在使用WordPress有时需要移除文章图片的宽度和高度,这样可以方便我们使用CSS定义。所以现在网上介绍比较多的就是通过WordPress自身的媒体上传功能插入到文章的图片移除宽度和高度属性。
 
   具体做法就是把下面代码添加到主题的 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;
}
 
   但是这个代码只有在编辑文章通过插入媒体库的图片,而且不能添加图片标题和说明才会生效。但是原先文章中的图片宽度和高度该怎么删除呢?这就需要把下面JS代码添加到页脚footer.php文件里或者添加到当前主题的主JS中。
 
<script>
$(document).ready(function() {
    $(".single-content img").removeAttr("width height");
});
</script>
 
   single-content img 的意思就是文章内容中的图片,以上代码的意思也就是说只移除文章内容中的图片宽高度属性。记得将 .single-content 改为自己站点文章内容的 class 属性。
 
   最后还是提醒一下,修改前请备份好源文件,以免修改过程中出现错误。而且最好是现在本地测试,测试完后在上传到服务器里。以上就是移除WordPress文章图片的宽度和高度属性实用方法全部内容,希望能对您有用!

Tags: 文章图片  WordPress  属性  方法 

站点信息

  • 文章统计463篇文章
  • 标签管理标签云
  • 微信公众号:扫描二维码,关注我们