WordPress百度熊掌号页面改造

一、粉丝关注改造

1.添加熊掌号ID声明

ID声明

<script src="//msite.baidu.com/sdk/c.js?appid=1573796107616275"></script>

很简单,把这段代码放到你的header.php页面的相应合适位置就好。

2.添加关注功能代码(强烈推荐)

也比较简单,有吸顶bar,文章段落间bar,底部bar三种,加在页面<body>标签后就可以了,wordpress中一般是footer.php中。如果你想要自定义一些样式熟悉也可以选择添加下面类型的代码:

<div style="padding-left: 17px; padding-right: 17px;">
    <script>cambrian.render('head')</script>
</div>

二、结构化改造

1.添加canonical标签

要求href的内容为MIP页或H5页对应的PC页地址;如果没有PC页,则填写当前页面地址。

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

看到这别慌,是不是不知道地址页怎么填了,因为wordpress都是发表文章自动生成地址,我们总不能发表一个改一个,其实只要把以下代码放入你的header.php页面就好了,可以自动获取文章地址。

<?php
global $wp;
$current_url = home_url(add_query_arg(array(),$wp->request));
if($current_url)echo '<link rel="canonical" href="'%20.$current_url.%20'" />' . "\n" ;
?>

2.添加JSON_LD数据(难点到了)

页面改造最重要的其实就是添加 JSON_LD 数据了,其实可以用下面的代码来实现:

//获取文章/页面摘要
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);
	}
}
 
//获取文章中的图 last update 2018/01/22
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;
}

 

百度熊掌号在 Json_LD 数据里面是支持单张缩略图和三张缩略图的样式,所以上述代码会优先获取文章中的三张图,否则依次获取自定义图片/特色缩略图/文章首图。

建议大家把以上两段代码添加到你需要接入熊掌号的 WordPress 站点主题的 functions.php 文件中,然后继续:

<?php
if(is_single()){
	echo '<script type="application/ld+json">{
	"@context": "https://ziyuan.baidu.com/contexts/cambrian.jsonld",
	"@id": "'.get_the_permalink().'",
 	"appid": "这里请填写熊掌号ID",
	"title": "'.get_the_title().'",
	"images": ["'.fanly_post_imgs().'"],
	"description": "'.fanly_excerpt().'",
	"pubDate": "'.get_the_time('Y-m-d\TH:i:s').'"
}</script>
';}
?>

 

将上述代码添加在你的 WordPress 主题的 header.php 文件合适的位置,以上代码还做了一个 if 判断,只让该段代码在文章中输出。

3. 在线校验

在完成上述改造后,可以使用百度的在线校验工具对网页进行检查,点击 在线校验工具,然后输入你要检查的URL以及并把该页面的源代码拷贝过来,就可以进行检查了。

这一步确实百度写的不清楚,给出的演示网址很迷惑,刚开始以为百度会直接访问上面所填写的网址进行检查,所以始终不理解在线校验工具中“请填写对应URL的页面代码”这一栏填什么,后来才明白原来百度不会直接访问网址,而是需要把页面的HTML内容拷贝到这一栏。

《WordPress百度熊掌号页面改造》

 

三 插件提交wordpress文章到熊掌号

Fanly Submit

Fanly Submit插件的功能是只需设置百度熊掌号的appid和token,就可以实现自动自主将文章推送至官方号及原创保护文章推送,并且支持定时文章推送。

《WordPress百度熊掌号页面改造》

至于设置后如何查看是否成功设置,是否已经生效。我们可以在发布文章之后,查看熊掌号后台是否提交过数据来断定插件是否生效。插件使用非常简单,成功安装插件后后自动在文章“发布”栏生成“原创提交”勾选按钮,大家可以根据需要进行选择提交。并且提交之后可以在这里查看是否提交成功、剩余配额数量、错过了发布文章一小时内提交的提示。

《WordPress百度熊掌号页面改造》

有需要的朋友不妨开通百度熊掌号试试。查看我的网页可以看到我已经开通熊掌号

插件下载  链接: https://pan.baidu.com/s/1WtcoOciJwineaP8enf3GEQ 密码: zbqs

点赞

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

13 + 8 =