WordPress文章插入图片自动移除img的width、height、class属性

我们在编写文章时时常会使用添加媒体来增加一些图片来配合描述文章,但大家可能有人还没有发现,在你插入图片时默认带了width、height、class这些属性会造成一些体验上的问题出现,当然这只针对某些类型网站,比如歪主题正在做的主题,就出现了这个问题,需要去除这些无用并影响我使用的属性,这个小插曲其实不算问题,但影响到我就要去除

例如:

WordPress文章插入图片附件的时候默认类似于以下的代码:

<img class="alignnone size-full wp-image-123" src="https://www.waizhuti.com/uploads/2017/08/loppted.png" alt="Fanly MIP" width="390" height="260" />

其中图片img标签中就会有class、src、alt、width、height这些属性,其中src是图片的路径,alt是图片的描述有利于优化,所以class以及width、height对于一个优秀的WordPress主题来说是非常的多余和没有必要的,甚至会造成数据库的冗余等等。

解决方法

依然是通过在当前主题的functions.php中添加如下代码:

//https://www.waizhuti.com/1054.html
//add_filter( 'the_content', 'fanly_remove_images_attribute', 99 );
add_filter( 'post_thumbnail_html', 'fanly_remove_images_attribute', 10 );
add_filter( 'image_send_to_editor', 'fanly_remove_images_attribute', 10 );
function fanly_remove_images_attribute( $html ) {
	//$html = preg_replace( '/(width|height)="\d*"\s/', "", $html );
	$html = preg_replace( '/width="(\d*)"\s+height="(\d*)"\s+class=\"[^\"]*\"/', "", $html );
	$html = preg_replace( '/  /', "", $html );
	return $html;
}

最终效果

通过添加以上解决方法中的代码到WordPress主题中,在WordPress文章中插入图片的时候代码就非常的简洁了,最终效果代码如下:

<img src="https://www.waizhuti.com/uploads/2017/08/loppted.png" alt="" />

这样就非常的简洁了,

注意:如果你使用了又拍云缓存图片,那这个可以同时解决启用又拍云后,内容中图片地址仍然显示的网站媒体库地址的问题。

赞(0)
分享到: 更多 (0)
广告位招租了啦!!!快来联系
此处应有广告

评论 抢沙发

评论前必须登录!

 



很高兴本文可以为您带来灵感和帮助!

支付宝扫一扫打赏

微信扫一扫打赏

QQ扫一扫打赏