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

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

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

改造前要确认自己的站点是否符合要求,网站必须有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文件。

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

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

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

海拔科技

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

相关推荐

WordPress熊掌号/原创提交插件Fanly_Submit更新至V3.0

今天(11月3日)Fanly_Submit插件作者将插件更新至3.0版本,本版本兼容了最新的熊掌号提交接口,安装插件后可以在发布文章的同时一键提交内容至熊掌号和原创保护接口。 Fanly Submit V3.0 版本(2017/11/03) 正 …

初次接触,海拔科技成功接入百度熊掌号

百度熊掌号已经上线一段时间了,昨天随着百度站长平台的改版,小编便迫不及待的了解了下熊掌号的相关知识,同时也申请了入驻。 今天一大早,手机滴滴滴来了条新消息:【百度】恭喜!您在搜索资源平台•熊掌号提交 …