大家都知道,百度近期出台了《百度移动搜索落地页体验白皮书4.0》,其中对页面的各类排版、内容、广告等方面都有很高的要求,之前虾皮路在用百度移动落地页检测工具的时候,发现提示“您的页面可能存在图片不可全…
大家都知道,百度近期出台了《百度移动搜索落地页体验白皮书4.0》,其中对页面的各类排版、内容、广告等方面都有很高的要求,之前it168资讯在用百度移动落地页检测工具的时候,发现提示“您的页面可能存在图片不可全屏查看,全屏查看后不可缩放/左右滑动的问题,影响落地……”后来捣鼓了一下才解决。下面it168资讯就分享一下“您的页面可能存在图片不可全屏查看”百度移动落地页检测问题解决办法。

这里it168资讯以WordPress程序的代码解决办法为例,毕竟少安装一个插件对网站的加载速度好一点。
为什么会出现这个问题
一般情况下,出现这种问题的原因,主要是由于自己的手机或者移动端浏览网站的时候没有图片灯箱展示功能,也不能实现手动滑动切换的功能,这样访问我们用手机访问网站的用户体验就很差。
解决办法
那么接下来我们就添加图片灯箱展示功能。
1、打开自己站点模板的foot文件,在里面放入代码:
然后在自己的模板文件functions.php里面加入如下代码:
/*
代码来源:https://shopee6.flxzz.com/
fancybox图片灯箱效果
*/
add_filter('the_content', 'fancybox1');
/*add_filter('the_content', 'fancybox2');*/
function fancybox1($content){
global $post;
$pattern = "/
]*).(bmp|gif|jpeg|jpg|png|swf)('|\")(.*?)>/i";
$replacement = '
';
$content = preg_replace($pattern, $replacement, $content);
return $content;
}
将以上代码保存后,然后刷新自己的网站缓存即可。
效果体验
这个时候我们无论打开PC端还是网页端,都可以显示图片灯箱效果了,比如
PC端演示效果:
移动手机端显示效果:
原创文章,作者:admin,如若转载,请注明出处:https://www.it168.online/webtech/792/