下载鸥 > 网站下载 > 开发教程 > WordPress

WordPress 5.5过滤器关闭图片延迟加载功能

847 2021-02-02 12:38:34

收藏

WordPress 5.5除了不断优化修改区块编辑器之外,还增加了几个新功能,其中的图片延迟加载功能,经本人测试,除了在火狐下有效果,在Chromium内核的浏览器中无效,难道是开发人员也和我一样只用火狐?还是我操作的姿势不对?既然无效,可以通过add_filter过滤器禁用这个功能。


禁用 WordPress 5.5 图片延迟加载功能禁用 WordPress 5.5 图片延迟加载功能

全局禁用图片延迟加载

将下面代码添加到当前主题函数模板functions.php中即可。

add_filter('wp_lazy_loading_enabled','__return_false');

只禁用特定标签的图片延迟加载
add_filter(
'wp_lazy_loading_enabled',
function($default,$tag_name,$context){
if('img'===$tag_name&&'the_content'===$context){
returnfalse;
}
return$default;
},
10,
3
);

其中:

$default:布尔默认值 true

$tag_name:要延迟加载的元素的标记名称。

$context:指定图像上下文的可选参数。


禁止特色图片延迟加载
add_filter(
'wp_img_tag_add_loading_attr',
function($value,$image,$context){
if('the_content'===$context){
$image_url=wp_get_attachment_image_url(67,'medium');
if(false!==strpos($image,'src="'.$image_url.'"')){
returnfalse;
}
}
return$value;
},
10,
3
);


如果使用wp_get_attachment_image,只需将图像的属性值设置为 :loading false

echowp_get_attachment_image(
67,
'medium',
false,
array('loading'=>false),
)

本文地址:https://xzo.com.cn/develop/wp/434.html

有帮助,很赞!

信息来源:精准像素
导出教程 下载word版教程
发表评论 共有条评论
关于WordPress


WordPress是世界级的博客程序,有过百万的模板插件支持,其外型大多十分美观,功能十分强大,可作为博客用户的首选。但如果是企业网站建设,则不建议选用WordPress:数据量是个大问题。

推荐WordPress开发教程
WordPress怎样搬家/更换域名?搬家后乱码/跳转/404怎么办?
WordPress怎样搬家/更换域名?搬家后乱码/跳转/404怎么办?

对于建站时间稍长的站长来说,换域名、换服务器、搬家都是必要的操作。如果使...

10 1668
WordPress博客程序可以转为帝国CMS吗?
WordPress博客程序可以转为帝国CMS吗?

WordPress作为顶级博客程序,海量插件一直是为人所津津乐道的。大多数WordPre...

15 1830
WordPress信息时间改为多少时间前发表
WordPress信息时间改为多少时间前发表

相对日期,文章或者评论发表日期以“发表于1小时前”,这种形式显示,相对日期会...

9 336
怎样通过宝塔面板来优化WordPress缓存加速?
怎样通过宝塔面板来优化WordPress缓存加速?

如果你的服务器环境是用的宝塔面板,那么我们就可以通过宝塔面板来优化WordPr...

12 312
使用WordPress搭建个人博客要如何选择服务器呢?
使用WordPress搭建个人博客要如何选择服务器呢?

打造互联网个体品牌的用户个体越来越多,WordPress是一个相当不错的方案。但...

1 643
wordpress的模板配置方法
wordpress的模板配置方法

wordpress是全世界最流行的博客程序,国内用wordpress建站的站长占比也很高,当...

0 362
WordPress怎样获取文章第一张缩略图
WordPress怎样获取文章第一张缩略图

WordPress有缩略图字段,但如果没有录入缩略图,能否自动获取文章内的第一张图...

0 320
分享一段WordPress面包屑导航源码
分享一段WordPress面包屑导航源码

WordPress博客程序非常好用,但他的一个缺点是不带面包屑导航。而面包屑导航...

1 341
随机WordPress开发教程
WordPress不通过插件实现面包屑功能
WordPress不通过插件实现面包屑功能

你如果在开发自己的wordpress主题,想加入面包屑导航,而又不想使用插件的话,下...

1 784
WordPress引用加载PHP模板方法
WordPress引用加载PHP模板方法

WordPressr如何引用加载PHP模板?原理其实跟其他CMS都一样,不过WordPress有他...

3 612
新手利用WordPress建站详细步骤分享
新手利用WordPress建站详细步骤分享

WordPress是目前使用比较多的建站程序,用户可以在支持PHP和MySQL数据库的服...

1 635
WordPress常用快捷键大全
WordPress常用快捷键大全

适用于Windows的WordPress键盘快捷键。...

7 615
WordPress怎样手动更新程序?
WordPress怎样手动更新程序?

到这里,就完成手动更新WordPress核心了,剩下的就需要登录网站后台,清空一下缓...

7 560
WordPress火车头发布规则
WordPress火车头发布规则

火车头采集规则都收费,这篇火车头WordPress发布规则写法教程送给大家。由于w...

0 670
Wordpress外链转内链修改方法
Wordpress外链转内链修改方法

给网站添加外链go跳转效果既美观又可避免权重流失,一个简单的SEO优化确实是...

10 734
使用WordPress搭建个人博客要如何选择服务器呢?
使用WordPress搭建个人博客要如何选择服务器呢?

打造互联网个体品牌的用户个体越来越多,WordPress是一个相当不错的方案。但...

1 643
客服QQ:341553759
点击咨询 常见问题 >
官方交流群:90432500
点击加入