网站如何接入熊掌号，百度熊掌号页面改造（干货教程）

百度为了保护原创，增加小网站站长的原创热情，特意推出百度熊掌号。小网站站长再也不用怕自己的原创内容被大网站转载却成了别人网站的原创内容了。可以说百度熊掌号的出现对SEO优化是一个大大的福音。

那么我们自己做网站时怎么进行百度熊掌号页面改造呢？下面学做网站论坛以WordPress建网站为例，分享一下网站百度熊掌号页面改造的步骤干货教程。

方法/步骤

1. 将以下的代码放到自己的WordPress网站模板函数文件functions.php最下面；

   
   //百度熊掌号
   
   //代码来源：学做网站论坛https://www.xuewangzhan.net/
   
   //获取文章/页面摘要
   
   function fanly_excerpt($len=220){
   
   if ( is_single() || is_page() ){
   
   global $post;
   
   if ($post->post_excerpt) {
   
   $excerpt = $post->post_excerpt;
   
   } else {
   
   if(preg_match('/<p>(.*)<\/p>/iU',trim(strip_tags($post->post_content,"<p>")),$result)){
   
   $post_content = $result['1'];
   
   } else {
   
   $post_content_r = explode("\n",trim(strip_tags($post->post_content)));
   
   $post_content = $post_content_r['0'];
   
   }
   
   $excerpt = preg_replace('#^(?:[\x00-\x7F]|[\xC0-\xFF][\x80-\xBF]+){0,0}'.'((?:[\x00-\x7F]|[\xC0-\xFF][\x80-\xBF]+){0,'.$len.'}).*#s','$1',$post_content);
   
   }
   
   return str_replace(array("\r\n", "\r", "\n"), "", $excerpt);
   
   }
   
   }
   
    
   
   //获取文章中的图
   
   function fanly_post_imgs(){
   
   global $post;
   
   $src = '';
   
   $content = $post->post_content;
   
   preg_match_all('/<img .*?src=["|\'](.+?)["|\'].*?>/', $content, $strResult, PREG_PATTERN_ORDER);
   
   $n = count($strResult[1]);
   
   if($n >= 3){
   
   $src = $strResult[1][0].'","'.$strResult[1][1].'","'.$strResult[1][2];
   
   }elseif($n >= 1){
   
   $src = $strResult[1][0];
   
   }
   
   return $src;
   
   }
   
   

2. 再下面的百度熊掌号API数据调用代码放到自己Wordpress网站头部模板header.php中的</head>标签上方；

   
    <?php if(is_single()){?>
   
     <script src="//msite.baidu.com/sdk/c.js?appid=1547032500400006"></script>
   
   <?php
   
   echo '<script type="application/ld+json">
   
          {
   
                     "@context": "https://ziyuan.baidu.com/contexts/cambrian.jsonld",
   
                     "@id": "'.get_the_permalink().'",
   
                     "appid": "1547032500400006",
   
                     "title": "'.get_the_title().'",
   
                     "images": ["'.fanly_post_imgs().'"],
   
                     "description": "'.fanly_excerpt().'",
   
                     "pubDate": "'.get_the_modified_time('Y-m-d\TH:i:s').'"
   
          }
   
       </script>';
   
   ?>
   
   <?php }?>
   
   

3. 注意上面代码里面的appid号要改成自己的百度熊掌号appid；
4. 在自己Wordpress网站头部模板header.php中的<title>标签上方放上以下的canonical标签代码；

   
   <link rel="canonical" href="<?php the_permalink(); ?>"/>
   
   

5. 如果想在自己的网页上显示百度熊掌号关注按钮，可以使用以下的代码放在需要显示按钮的位置。
   吸顶显示

   
   <script>cambrian.render('head')</script>
   
   

   段落间显示

   
   <script>cambrian.render('body')</script>
   
   

   文章末尾显示

   
   <script>cambrian.render('tail')</script>
   
   

通过添加以下的代码，就可以在自己做网站时，成功接入接入熊掌号，自动将网站更新的内容推送给百度熊掌号了。