奥多码,点击查看详情 APP分发吧,点击查看详情

WordPress教程:解决4.4.1版本不支持图片暗箱问题,Begin主题适用

       
广告2021-06-03到期2021-07-03广告2021-06-03到期2021-07-03
       
广告2021-06-03到期2021-07-03广告2021-06-03到期2021-07-03

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

原来,升级后,页面代码变了:

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

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

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

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

废话不多说,下面直接搬运代码:

WordPress去掉srcset的代码:

  1. /**
  2. * 禁用 WordPress 4.4+ 的响应式图片功能
  3. */
  4. add_filter( max_srcset_image_width’, create_function( , ‘return 1;’ ) );

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

图片暗箱问题的解决代码:

  1. /**
  2. *修复WordPress4.41图片暗箱失效问题以及去掉srcset属性(响应式图片)
  3. */
  4. add_filter(‘max_srcset_image_width’,create_function(,‘return1;’));
  5. add_filter(‘the_content’,‘fix_fancybox’);
  6. functionfix_fancybox($content){
  7. global$post;
  8. #修复图片暗箱属性
  9. $content=preg_replace(“/<a(.*?)rel=(‘|”)(.*?)(‘|”)/i”,‘<a$1rel=“example_group”‘,$content);
  10. return$content;
  11. }

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

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

本文由【好易之】整理自网络!
原创文章,作者:【好易之】如转载请注明出处:https://www.zhengjiaxi.com/zxwd/jswd/69934.html
如有侵权,请邮件联系 aoduoye@qq.com 删除。
本站发布的文章及附件仅限用于学习和研究目的;不得将上述内容用于商业或非法用途,否则后果请用户自负。
本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。
如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。如有侵权请邮件与我们联系处理。
(1)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
好易之的头像好易之站长
上一篇 2020-05-27 00:41
下一篇 2020-05-27 00:41

相关推荐

发表回复

登录后才能评论

联系我们

400-800-8888

在线咨询:点击这里给我发消息

 

工作时间:周一至周五,9:30-18:30,节假日休息

关注公众号
请查看头部文章来源地址!本站所有内容均为互联网收集整理和网友上传。仅限于学习研究,切勿用于商业用途。否则由此引发的法律纠纷及连带责任本站概不承担。
阿里云