百度移動(dòng)落地頁檢測(cè)“圖片不可全屏查看”解決方法（親測(cè)可用）發(fā)布者：本站     時(shí)間：2020-05-12 15:05:54

現(xiàn)在移動(dòng)流量越來越大了，做網(wǎng)站時(shí)也不能少了移動(dòng)網(wǎng)站的制作。對(duì)于移動(dòng)網(wǎng)站，如果想從百度上獲取流量，

有些做網(wǎng)站的站長使用百度移動(dòng)落地頁檢測(cè)時(shí)，會(huì)遇到這樣的問題，檢測(cè)后，百度站長平臺(tái)會(huì)提示“您的頁面可能存在圖片不可全屏查看，全屏查看后不可縮放/左右滑動(dòng)的問題，影響落地……”這樣的問題。

原因分析

出現(xiàn)這種問題的原因，是由于自己的手機(jī)網(wǎng)站沒有圖片燈箱展示功能，也不能實(shí)現(xiàn)手動(dòng)滑動(dòng)切換的功能，這樣訪問我們網(wǎng)站的用戶體驗(yàn)就很差。

解析方法

解決百度移動(dòng)落地頁檢測(cè)“圖片不可全屏查看”的方法也是比較簡單的，就是讓自己的網(wǎng)站擁有燈箱展示功能，實(shí)現(xiàn)手動(dòng)滑動(dòng)切換的功能。

下面學(xué)做網(wǎng)站論壇就以Wordpress程序網(wǎng)站為例介紹一下解決方法。（其它程序網(wǎng)站方法類似）

1. 在自己的網(wǎng)站頭部模板header.php代碼里添加以下的代碼，來引入Fancybox燈箱展播插件；（主要包含了 jquery.fancybox.min.css 和 jquery.fancybox.min.js 兩個(gè)文件）

   		
   
   			
   			
   
   				<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
   <link rel="stylesheet"  />
   <script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.2.5/jquery.fancybox.min.js"></script>
   			
   
   		
   

2. 在自己網(wǎng)站模板函數(shù)文件functions.php里添加以下的函數(shù)代碼。（它的作用是當(dāng)我們?cè)诰W(wǎng)站后臺(tái)發(fā)布圖片之后，程序會(huì)自動(dòng)給圖片添加date-fancybox屬性，這樣才能實(shí)現(xiàn)燈箱展播效果。）

   		
   
   			
   			
   
   				/*
   代碼來源：學(xué)做網(wǎng)站論壇 https://www.xuewangzhan.net/
   fancybox圖片燈箱效果
   */
   add_filter('the_content', 'fancybox1');
   /*add_filter('the_content', 'fancybox2');*/
   function fancybox1($content){
       global $post;
       $pattern = "/<img(.*?)src=('|")([^>]*).(bmp|gif|jpeg|jpg|png|swf)('|")(.*?)>/i";
       $replacement = '<a$1href=$2$3.$4$5 data-fancybox="images"><img$1src=$2$3.$4$5$6></a>';
       $content = preg_replace($pattern, $replacement, $content);
       return $content;
   }
   /*function fancybox2($content){
       global $post;
       $pattern = "/<a(.*?)href=('|")([^>]*).(bmp|gif|jpeg|jpg|png|swf)('|")(.*?)>(.*?)<\/a>/i";
       $replacement = '<a$1href=$2$3.$4$5 data-fancybox="images"$6>$7</a>';
       $content = preg_replace($pattern, $replacement, $content);
       return $content;
   }
   */