售前咨询
技术支持
渠道合作

WordPress教程:教你如何移除文章图片的宽度和高度属性

很多wordpress主题都没有设定图片自适应大小,在文章插入图片时,如果图片比较大没有手动调整大小的话,太大的图片就会出界。对此,定义主题样式的时候,有可能需要移除本身图片的宽度和高度属性来方便我们使用CSS定义。我们就可以通过修改CSS来解决,把比较大图片设定最大宽度值,让它显示在文章范围之内。
我们知道,默认情况下,通过WordPress自身的媒体上传功能插入到文章的图片,都会默认添加了高度和宽度属性:
<img title=”使用 Chrome Workspace 进行网站调试 | 倡萌的自留地 trustauth.cn” alt=”使用 ChromeWorkspace进行网站调试” src=”http://pic.trustauth.cn/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;
}

朋友们可以按照上面的方法自己试一下效果。

 

上一篇:

下一篇:

相关新闻

 

领取优惠
免费预约

申请试用SSL证书

提交成功!

咨询客服