解决WordPress4.4.1不支持图片暗箱问题,Begin主题适用

前几天更新WordPress最新4.41版本之后,发现文章之前的图片暗箱弹出功能没了,而且之前设置好是缩略图尺寸也没了,直接就是最大尺寸。

看了下当前页面图片的源代码,发现变了:

解决WordPress4.4.1不支持图片暗箱问题,Begin主题适用

①、很明显多了一个srcset属性

②、Begin主题专用的图片暗箱标识:rel="example_group" 消失了。

所以,图片暗箱失效的原因就是这个暗箱属性 rel="example_group" 没了导致的。而我之前设置好的图片尺寸失效则是因为新增了 srcset 这个标签导致的。

简单了解了下,最新版 WordPress 加入srcset是为了更好的做到图片自适应,srcset这个属性细节,感兴趣的朋友可以自行了解下。

废话不多说,下面分享解决方法。

因为我之前有现成的缩略图代码,所以只要在缩略图代码里面多加入2条替换规则即可解决。

缩略图代码我就不分享了,感兴趣或有需求的朋友可以参考之前的文章:

WordPress集成PHP缩略图,并开启Nginx缓存的方法

下面是本文相关代码:

如上代码,添加到主题的 functions.php 当中保存即可,若不在意或本身就是用完整尺寸图片,请如注释所述,去掉后面2条规则即可。

另外,上述代码只适用于需要 rel="example_group" 属性的暗箱功能,比如Begin主题。其他暗箱若发现不能功能,可以参考这个方法修复。

上述方法只是直接解决问题,但未研究如何从WordPress本身根治,比如暗箱标识是否是因为多了一个srcset属性导致的,如果是,完全可以修改暗箱代码兼容之。

还有,升级4.41之后,就算你禁止了任意尺寸的图片裁剪,WordPress依然会裁剪1份,也是为了srcset这个新玩意:解决WordPress4.4.1不支持图片暗箱问题,Begin主题适用

具体如何彻底取消,有时间我再摸索下,已经摸索出来的朋友也欢迎分享或留言告知。

好了,言简意赅,就这么多了,是否意犹未尽呢?自己体会。


2015-01-15 补充内容:

早上搜索了下WordPress去掉srcset,发现WP大学 已经发过教程了,我就当一下搬运工,贴一下去除代码,方便有需要的朋友:

不想改代码,也可以安装 Disable Responsive Images  插件解决。

那么,前文分享的代码可以修改如下(已集成WP大学分享的代码):

另外,我在搜索上述问题的时候,发现小松博客也分享了一个关于响应式图片相关问题,解决的是评论图片问题,我博客的评论由于很少贴图,所以暂时没发现这个问题。

若遇到此类问题可以前往参考解决:wordpress去掉评论响应式图片srcset属性

发表评论

gravatar

:?::razz::sad::evil::!::smile::oops::grin::eek::shock::???::cool::lol::mad::twisted::roll::wink::idea::arrow::neutral::cry::mrgreen:

刷新评论

目前评论:8   其中:访客  8   博主  0

  1. 好文章 4 来自天朝的朋友 谷歌浏览器 Windows 10 广东省广州市 电信

    感谢分享

  2. yyyyyyyhb 1 来自天朝的朋友 谷歌浏览器 Windows 10 山东省 移动

    我没禁用图片也没有被裁剪啊

  3. aunsen 4 来自天朝的朋友 火狐浏览器 Windows 10 陕西省安康市紫阳县 联通

    我还在等鸟哥的更新 :mrgreen:

  4. 香港虚拟主机 2 来自天朝的朋友 谷歌浏览器 Windows 7 重庆市 电信

    WordPress4.4.1不支持图片暗箱问题,还会出现这样的问题,真的是稀奇

  5. Koolight 4 来自天朝的朋友 Safari浏览器  Android 4.4.2 PE-CL00 Build/HuaweiPE-CL00 湖北省武汉市 电信

    感谢大神分享!

  6. 源码迷 1 来自天朝的朋友 QQ浏览器  Android 6.0.1 MI NOTE LTE Build/MMB29M 安徽省安庆市 联通

    想问下是不是禁止图片自适应后就能阻止wordpress自己产生截图?我发现每次我上传一张图片后在FTP里都会看到自动产生额外的两张其他大小的缩略图。。

  7. 源码迷 1 来自天朝的朋友 QQ浏览器 Windows 7 安徽省安庆市 联通

    还有,为什么我的网站暗箱只能在IE浏览器中有效,Chrome内核的有暗的效果但是不显示图片! :!:

  8. 云落 1 来自天朝的朋友 Safari浏览器  Android 4.4.4 MI 2S Build/KTU84P 湖南省益阳市 电信

    觉得用a标签嵌套最简单

加载中,请稍候...