WordPress去除img标签高度宽度让图片自适应

WordPress去除img标签高度宽度让图片自适应,第1张

概述在移动设备端,因为屏幕都比较小,如果要让图片自适应屏幕,我们应当把width和height属性去除,不然图片可能会比屏幕大,有此需求的朋友可以参考下本文。

下面是内存溢出 jb51.cc 通过网络收集整理的代码片段。内存溢出小编现在分享给大家,也给大家做个参考。

在移动设备端,因为屏幕都比较小,如果要让图片自适应屏幕,我们应当把 wIDth 和 height 属性去除,不然图片可能会比屏幕大,有此需求的朋友可以参考下本文,要求如下,在桌面设备上,图片使用的是以下的 HTML 代码:

<img src="abc.png" alt="abc" wIDth="580" height="267" />

在移动设备端,因为屏幕都比较小,如果要让图片自适应屏幕,我们应当把 wIDth 和 height 属性去除,不然图片可能会比屏幕大:

<img src="abc.png" alt="abc" />

方法一:

将下面代码复制到当前主题的 functions.PHP 文件中:

add_filter( 'post_thumbnail_HTML','remove_wIDth_attribute',10 );

add_filter( 'image_send_to_editor',10 );

function remove_wIDth_attribute( $HTML ) {

$HTML = preg_replace( '/(wIDth|height)="d*"s/',"",$HTML );

return $HTML;

}

方法二:

// 自适应图片删除wIDth和height,by Ludou

function ludou_remove_wIDth_height_attribute($content){

preg_match_all("/<[img|img].*?src=['|"](.*?(?:[.gif|.jpg|.png.bmp]))['|"].*?[/]?>/",$content,$images);

if(!empty($images)) {

foreach($images[0] as $index => $value){

$new_img = preg_replace('/(wIDth|height)="d*"s/',$images[0][$index]);

$content = str_replace($images[0][$index],$new_img,$content);

}

}

return $content;

}

// 判断是否是移动设备浏览

if(wp_is_mobile()) {

// 删除文章内容中img的wIDth和height属性

add_filter('the_content','ludou_remove_wIDth_height_attribute',99);

}

就这样试一下是不是达到想要的结果了。

以上是内存溢出(jb51.cc)为你收集整理的全部代码内容,希望文章能够帮你解决所遇到的程序开发问题。如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

总结

以上是内存溢出为你收集整理的WordPress去除img标签高度宽度让图片自适应全部内容,希望文章能够帮你解决WordPress去除img标签高度宽度让图片自适应所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/1011734.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-22
下一篇 2022-05-22

发表评论

登录后才能评论

评论列表(0条)

保存