【WordPress教程】 百度熊掌号落地页快速改造开发教程 WordPress教程 第1张

前言

熊掌号,这里不多介绍了,参考帖子【百度站长】重要消息!网址提交API重要变革!,本文章主要介绍关于H5结构化改造和粉丝关注改造,因为本站是使用的Tint主题,所以方法也是针对这款主题的,其他主题的朋友可灵活运用。

结构化改造

1.添加canonical标签(必须)

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

Tint主题已经集成此功能,所以Tint主题的朋友请看下一步。

代码格式

<link rel="canonical" href="https://www.kuacg.com/redirect/aHR0cChzKTovL3h4eA==" target="_blank"/>

2.添加Json_LD数据(必须)

 

将下面代码添加到主题的functions.php文件中,代码如下:

//优先获取文章中的三张图,否则依次获取自定义图片/特色缩略图/文章首图
function fanly_post_imgs(){
	global $post;
	$content = $post->post_content;  
	preg_match_all('/<img.*?(?: |\\t|\\r|\\n)?src=[\'"]?(.+?)[\'"]?(?:(?: |\\t|\\r|\\n)+.*?)?>/sim', $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文件(Tint的文件路径是Tint/core/modules/mod.Header.php)的 </header>之前,代码如下:

<?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": "'.get_the_excerpt().'",
	"pubDate": "'.get_the_time('Y-m-d\TH:i:s').'"
}</script>
';}
?>

以上代码添加了页面判定,只在文章页添加数据,其他页面不影响。

以上代码修改至@泪雪博客

粉丝关注改造

1.添加熊掌号ID声明

添加代码到head.php文件(Tint主题的文件路径是Tint/core/modules/mod.Head.php)的</head>之前,放最后一行。

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

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

添加代码到文章页模版的文章底部,各主题位置不同,这里拿Tint主题的举例(Tint主题的文件路径是Tint/core/modules/mod.SinglePost.php),放到58行下方,将原59行回车留空把一下代码插入:

<script>cambrian.render('tail')</script>

Tint主题默认有设置模块间隔,所以不需要额外设置边距,至于其他位置的代码,自行摸索。

参与评论

  • 小石博客游客
    之前我改造过一次,后来主题更新了,全部没了,今天看到大佬的教程,又改造了一次[aru_7]
    6年前 (2018-07-22)
    沙发
    回复
  • QQ游客游客
    大佬能写个EMLOG的么?百度找了好久没找到相关的教程
    6年前 (2018-04-26)
    1楼
    回复