午夜伦伦-午夜毛片不卡高清免费-午夜毛片福利-午夜毛片在线观看-国产精品一二三区-国产精品一国产精品

百度移動落地頁檢測“圖片不可全屏查看”解決方法（親測可用）發布者：本站     時間：2020-05-12 15:05:54

現在移動流量越來越大了，做網站時也不能少了移動網站的制作。對于移動網站，如果想從百度上獲取流量，

有些做網站的站長使用百度移動落地頁檢測時，會遇到這樣的問題，檢測后，百度站長平臺會提示“您的頁面可能存在圖片不可全屏查看，全屏查看后不可縮放/左右滑動的問題，影響落地……”這樣的問題。

原因分析

出現這種問題的原因，是由于自己的手機網站沒有圖片燈箱展示功能，也不能實現手動滑動切換的功能，這樣訪問我們網站的用戶體驗就很差。

解析方法

解決百度移動落地頁檢測“圖片不可全屏查看”的方法也是比較簡單的，就是讓自己的網站擁有燈箱展示功能，實現手動滑動切換的功能。

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

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

   		
   
   			
   			
   
   				<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. 在自己網站模板函數文件functions.php里添加以下的函數代碼。（它的作用是當我們在網站后臺發布圖片之后，程序會自動給圖片添加date-fancybox屬性，這樣才能實現燈箱展播效果。）

   		
   
   			
   			
   
   				/*
   代碼來源：學做網站論壇 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;
   }
   */