手把手教你wordpress知更鸟主题接入百度熊掌号

百度推出熊掌号有一段时间了，飞鸟是最近两天申请的，今天收到审核通过信息，因此飞鸟君开始了折腾模式，废话不多说，这个接入教程有点小复杂，飞鸟君今天也入坑了，因此今天我们就讲如何成功接入百度熊掌号。

第一步，先申请百度熊掌号（这里不过多废话）

第二步，按照官方的开发文档，飞鸟君的站点未实现MIP，因此就是一个自适应H5页面，改造现在开始

添加canonical标签

  <link rel="canonical" href="http(s)://xxx"/>

添加JSON_LD数据

<script type="application/ld+json">
    {
        "@context": "https://ziyuan.baidu.com/contexts/cambrian.jsonld",
        "@id": "https://ziyuan.baidu.com/college/articleinfo?id=1464",
        "appid": "1546061448743797",
        "title": "百度移动搜索落地页体验白皮书——广告篇2.0",
        "images": [
            "https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo/bd_logo1_31bdc765.png",
            "https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo_top_ca79a146.png",
            "https://m.baidu.com/static/index/plus/plus_logo.png"
            ],
        "description": "优质合理的广告作为信息的补充，广受用户喜欢。2017年初百度用户体验部针对用户进行了满意度调研，发现很多恶意低质的广告严重破坏着用户的搜索体验。",
        "pubDate": "2017-06-15T08:00:01"
    }
</script>

这些自变量都需要改成自己的站点信息，以下是飞鸟的具体改造代码（可复制）

<!--百度熊掌号添加JSON_LD数据-->
<?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>

紧接着就是加百度熊掌ID

<script src="//msite.baidu.com/sdk/c.js?appid=你自己的熊掌号ID"></script>

可以从百度后台查看，将这一创数字换成你自己的ID数字，如下

以上步骤操作完毕后，请在百度熊掌号后台进行验证，按照1-2-3-4-5的顺序操作完，这里需要提醒的是随机找一篇文章的地址，然后将该好的那个页面的网页源代码全服复制到步骤3，并查看网页源代码如下

最后 前台页面展示效果就是这样的，如下：

恭喜你此刻成功验证了，这里的操作过程可能有点复杂，因为涉及到要修改content.php，header.php,funchtion.php三个文件,因此明天着重再介绍这三个文件的具体修改方法，这里不展开了，欢迎订阅飞鸟君。