wordpress百度熊掌号改造教程

百度熊掌号目前是百度力推的一个有利于站长网站与百度结合的产品,主机吧有幸也通过了百度审核。

不过通地审核还得把网站进行改造才可以正常展示。这边主机吧给大家做个教程,希望可以帮助大家。

主机吧博客是以wordpress内核建的,所以用wordpress程序的应该很好操作。

说是内页改造,其实就是在模板加几行百度熊掌号的代码而以。

首先我们添加熊掌号ID声明,进入熊掌号页面改造地址http://ziyuan.baidu.com/xzh/commit/guide?appid=1539565510611342

wordpress百度熊掌号改造教程插图

复制代码,然后进入wordpress后台,外观,编辑,找到header.php文件 在前加入代码即可

wordpress百度熊掌号改造教程插图1

查看是否增加生效 直接在首页右击,查看源码看是否显示增加的代码即可

wordpress百度熊掌号改造教程插图2

 

增加声明后,再增加粉丝关注功能代码,这个功能是百度强烈推荐的,所以必须增加,关注功能可以增加到网页顶部,文章底部和文章段落间,主机吧选择网页顶部的方式,这样比较容易被关注。

wordpress百度熊掌号改造教程插图3

 

还是跟之前一样,复制代码,然后进入wordpress后台,外观,编辑,找到header.php文件 在后加入代码即可

wordpress百度熊掌号改造教程插图4

完成后我们就可以实现手机访问显示关注功能了

wordpress百度熊掌号改造教程插图5

 

然后我们添加熊掌号canonical标签,方法很简单进入外观,编辑,找到header.php,然后在前加入以下代码

<?php if(is_single()){?>
<link rel="canonical" href="<?php echo get_permalink($post->ID);?>"/>
<?php } ?>

这个代码是特定在文章页显示的,我们进入文章内容页查看是代码是否生效

wordpress百度熊掌号改造教程插图6

 

增加完canonical标签后再增加 添加JSON_LD数据,先进外观,主题,找到functions.php增加以下代码

//获取文章/页面摘要
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 2017/11/23
function fanly_post_imgs(){
	global $post;
	$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];
	}else{
		if( $values = get_post_custom_values("thumb") ) {	//输出自定义域图片地址
			$values = get_post_custom_values("thumb");
			$src = $values [0];
		} elseif( has_post_thumbnail() ){	//如果有特色缩略图,则输出缩略图地址
			$thumbnail_src = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID),'full');
			$src = $thumbnail_src [0];
		} else {	//文章中获取
			if($n > 0){ // 提取首图
				$src = $strResult[1][0];
			} 
		}
	}
	return $src;
}

再到header.php文件之前添加经直代码即可完成JSON_LD数据添加。

<?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百度熊掌号改造教程插图7
wordpress百度熊掌号改造教程插图8

一切成功,到这里wordpress百度熊掌号改造就完成了,欢迎大家关注主机吧。

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
搜索