只需几段代码，WordPress轻松接入熊掌号

2017-11-02 7595

昨天，小编发了一篇关于熊掌号的文章，介绍了本站成功申请并接入百度熊掌号。很多看了那篇文章的小伙伴多少都有点疑虑，代码要怎么加？才能符合百度熊掌号的要求。

今天小编就把具体操作方法给大家参考下。

改造前要确认自己的站点是否符合要求，网站必须有H5移动页面或者进行过MIP改造。

本站暂没进行MIP改造，所以这里以H5页面为例子介绍相关方法。

一、首先找到自己网站主题目录，在找到header.php文件，将以下代码粘贴到文件头部位置（即</head>标签之前）。

<?php
global $wp;
$current_url = home_url(add_query_arg(array(),$wp->request));
if($current_url)echo '<link rel="canonical" href="'.$current_url.'" />'."\n";
?>
<?php if( is_single() || is_page() ): ?>
<script type="application/ld+json">
    {
        "@context": "https://ziyuan.baidu.com/contexts/cambrian.jsonld",
        "@id": "<?php echo curPageURL();?>",
        "appid": "你的熊掌号ID",
        "title": "<?php echo wp_title('', false); ?>",
        "images": [
            "<?php echo post_thumbnail_src();?>"
            ],
        "description": "<?php if ($post->post_excerpt) 
				{$printDescription = $post->post_excerpt;} 
							else{
			$printDescription = preg_replace('/\s+/','',mb_strimwidth(strip_tags($post->post_content),0,145,''));
								}
						echo $printDescription;?>",
        "pubDate": "<?php echo get_the_time('Y-m-d\TG:i:s'); ?>"
    }
</script>		
<?php endif; ?>
<script src="//msite.baidu.com/sdk/c.js?appid=你的熊掌号ID"></script>

注意：由于上面代码中使用了curPageURL()函数获取当前网页地址，所以您还需要在function.php里定义此函数。代码如下（如果您的网站没有开启SSL，第10行里的端口443请修改成80）：

// 说明：获取完整URL
function curPageURL()
{
    $pageURL = 'http';
    if ($_SERVER["HTTPS"] == "on")
    {
        $pageURL .= "s";
    }
    $pageURL .= "://";
    if ($_SERVER["SERVER_PORT"] != "443"  )
    {
        $pageURL .= $_SERVER["SERVER_NAME"] . ":" . $_SERVER["SERVER_PORT"] . $_SERVER["REQUEST_URI"];
    }
    else
    {
        $pageURL .= $_SERVER["SERVER_NAME"] . $_SERVER["REQUEST_URI"];
    }
    return $pageURL;
}

另外需要注意，不同主题缩略图获取函数可能存在差异，如果网页报错建议在function.php增加如下缩略图函数：

//输出缩略图地址
function post_thumbnail_src(){
    global $post;
    if( $values = get_post_custom_values("thumb") ) {   //输出自定义域图片地址
        $values = get_post_custom_values("thumb");
        $post_thumbnail_src = $values [0];
    } elseif( has_post_thumbnail() ){    //如果有特色缩略图，则输出缩略图地址
        $thumbnail_src = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID),'full');
        $post_thumbnail_src = $thumbnail_src [0];
    } else {
        $post_thumbnail_src = '';
        ob_start();
        ob_end_clean();
        $output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);
        if(!empty($matches[1][0])){
            $post_thumbnail_src = $matches[1][0];   //获取该图片 src
        }else{  
            //如果日志中没有图片，则显示默认图片
            $post_thumbnail_src = get_template_directory_uri().'/img/default_thumb.png';
        }
    }
    return $post_thumbnail_src;
}

二、保存header.php文件。

三、刷新网站，查看网站源码观察是否已经出现如下代码片段。

四、分别复制网址和源码到百度熊掌号检测页面，进行手动检测。提示校验成功既代表符合熊掌号的格式规范。

接下来发表文章后就可以尝试提交链接了，目前本站还在测试，部分提交内容也没有显示出来。后期小编会跟着熊掌号的进度来进一步讲解相关功能的使用。

海拔科技

自媒体人，喜欢网络，热爱研究。本站头条号：星河熊掌号：海拔科技

查看作者页面

32 条评论

B站

2018年8月19日上午8:28 回复

谢谢分享，折腾中
沈寒

2018年8月17日下午7:24 回复

我是知更鸟主题文章页正常页面空白
是判断问题吗？
沈寒

2018年8月17日上午2:07 回复

谢谢你本来以为很麻烦的照着你文章一步步做也就好了有小插曲就最近找找 ❗
Mill Wan

2018年6月29日下午5:47 回复

你好，当前页面那个我能否改成 @id”: ”
我已经加好了，但是就是不知道你这个页面改造怎么弄的，你的pc端和移动端，我看着挺好的，我也是这个主题，弄不好

海拔科技

2018年6月30日下午4:59 回复

@Mill Wan 页面改造的话就是按照本文的说明改造模板文件就行了，代码也贴出来了。

qq昵称

2018年4月8日下午5:05 回复

加了之后网站空白，调试了好几次都慌了，好在有备份。。。博主可以贴改造文件的代码位置吗？

海拔科技

2018年4月10日上午8:38 回复

@qq昵称空白是因为不同主题的自定义函数不一样，请仔细阅读内容，一般空白就是因为头部那个获取图片或者获取当前网址的地方有问题。

qq昵称

2018年4月10日下午12:35 回复

@海拔科技昨天校验成功，今天登录熊掌号发现没统计，又校验了一次结果失败，提示：canonical校验不通过，canonical校验不存在。

海拔科技

2018年4月10日下午2:39 回复

@qq昵称检查先源码canonical部分，看看对应的值是不是当前页面的url

qq昵称

2018年4月10日下午6:37 回复

@海拔科技 url都一样的。

徐果萍

2017年11月17日上午10:56 回复

我手工提交的文章链接，后台数据反馈过来“落地页体验较差”，一篇文章都没有收录，是怎么回事啊？
qqq

2017年11月16日下午3:20 回复

您好，我按照以上步骤添加后前台无内容是怎么回事？

海拔科技

2017年11月16日下午4:51 回复

@qqq 后台无内容？能详细说明一下么？

qqq

2017年11月16日下午5:28 回复

@海拔科技是添加后，刷新页面，首页页面空白。我的是word press程序

海拔科技

2017年11月16日下午6:59 回复

@qqq 代码有问题，你可以开启wp-config.php的debug看下错误信息。是哪里的问题

异次元

2017年11月15日下午4:03 回复

@id值和页面地址不一致
在熊掌号检测时出现上述错误，能说说吗？

海拔科技

2017年11月15日下午4:15 回复

@异次元你把你源码里的ID值和URL贴出来我看一下

异次元

2017年11月16日上午8:19 回复

@海拔科技我搞定了，是因为我选了自定义固定链接，导致抓取到的ID url和页面url不一致。把你的那个抓取代码改成别的就可以了。

海拔科技

2017年11月16日上午8:27 回复

@异次元那不应该的啊，我也是用的自定义固定连接。我感觉应该是端口问题，我那个代码里是部署在ssl站的，如果您的网站没有开启ssl，需要把443改成80

异次元

2017年11月16日上午8:33 回复

@海拔科技

// 说明：获取无参数URL
function curPageURL() 
{
  $pageURL = 'http';
  if ($_SERVER["HTTPS"] == "on") 
  {
    $pageURL .= "s";
  }
  $pageURL .= "://";
  $this_page = $_SERVER["REQUEST_URI"];
    // 只取 ? 前面的内容
  if (strpos($this_page, "?") !== false)
  {
    $this_pages = explode("?", $this_page);
    $this_page = reset($this_pages);
  } 
  if ($_SERVER["SERVER_PORT"] != "80") 
  {
    $pageURL .= $_SERVER["SERVER_NAME"] . ":" . $_SERVER["SERVER_PORT"] . $this_page;
  } 
  else
  {
    $pageURL .= $_SERVER["SERVER_NAME"] . $this_page;
  }
  return $pageURL;
}

我改成了这样，百度来的。

海拔科技

2017年11月16日上午8:37 回复

@异次元能用就好，不过我感觉还是 if ($_SERVER[“SERVER_PORT”] != “443” )
这段代码的问题。因为我的站是https当时就写了443，发出来的时候忘记写个提示了。http的站需要改成80 😳

小飞飞

2017年11月9日下午2:28 回复

博主，我用的是知更鸟主题，但是接入熊掌号不能出现文章结尾处，还请赐教！！！

海拔科技

2017年11月9日下午2:39 回复

@小飞飞不能出现文章结尾处?我不太理解这句话的意思
海拔科技

2017年11月9日下午2:51 回复

@小飞飞我知道了，最后那个图是需要等1-2天后登陆熊掌号查看的，不是实时显示的。

小飞飞

2017年11月9日下午2:54 回复

@海拔科技能加你QQ吗，我截图你看
小飞飞

2017年11月9日下午2:55 回复

@海拔科技我的qq1947740996

111111

2017年11月6日上午8:31 回复

是什么意思？会造成前台打不开，不加这段代码可以吗？

海拔科技

2017年11月6日上午8:43 回复

@111111 接入熊掌号必须加这段代码，按教程操作不要漏掉任何步骤，前台不可能打不开啊，你可以开启WordPress根目录的config.php文件里的debug，看下是哪里的错误，是不是没有在function.php定义curPageURL?