WordPress熊掌号页面改造解决方案

熊掌号接入教程

涉及文件：header.phpfunctions.phpsingle.php

改造作用：1.添加以下代码后，您提交的内容能在搜索结果中以结构化样式展现。2.同时每天还会从您提交的新增内容中随机抽取5条在您的手机百度熊掌号主页中展现

准备好了就开始： header.php 修改

打开网站后台文件夹，进入根目录-wp_content-theme文件夹，找到header.php文件，加入如下代码：

request)); 、if($current_url)echo ''."\n"; // 添加对应的pc端页面url地址 ?>< type="application/ld+json"> { "@context": "https://ziyuan.baidu.com/contexts/cambrian.jsonld", "@id": "", //页面url地址 "appid": "1580147882157197", // 百度熊掌号唯一识别号 "title": "", "images": [ "http://www.mbestman.com/" ], "deion": "post_excerpt) {$printDeion = $post->post_excerpt;} else{ $printDeion = preg_replace('/\s+/','',mb_strimwidth(strip_tags($post->post_content),0,145,'')); } echo $printDeion;?>", "pubDate": "" }//添加熊掌号ID声明，appid为熊掌号唯一ID，请勿做任何修改，否则无法正常展现。< src="//msite.baidu.com/sdk/c.js?appid=1580147882157197">

代码详解：第一行添加canonlcal标签，第二行添加熊掌号ID声明，剩下的代码添加JSON_LD数据!

functions.php修改，打开当前目录下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('/(.*)/iU',trim(strip_tags($post->post_content,"")),$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/23function fanly_post_imgs(){global $post;$content = $post->post_content;preg_match_all('/= 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;}

这段代码的作用是通过上一段代码定义的两个函数获取文章和页面的描述以及图像。

两个变量为： .fanly_post_imgs() .fanly_excerpt()

single.php修改

打开singlephp文件，并添加如下代码，添加地方大概在第二十行，后面。

<>cambrian.render('tail')

这个是关注熊掌号的代码 有三种样式 可以自己换成另外两种，最后记得进行校验，至此已经改造完毕。

下面介绍第二种改造方案：

对于没有canonical标签 的主题 中添加以下代码到你使用主题的 header.php 文件的 head 区域：一般这个标签都有的 不需要添加了

接下来就是 添加JSON_LD数据，这里我给大家准备了，我在使用的WordPress的改造代码

< type="application/ld+json"> { "@context": "https://ziyuan.baidu.com/contexts/cambrian.jsonld", "@id": "", "appid": "1539897736717695", "title": "", "images": [ "" ], "deion": "", "pubDate": "T" }

需要注意的地方：大家需要将代码中的APPID替换成为自己的ID，那么如何知道自己的ID呢？其实在 添加JSON_LD数据 官方给出的代码中 里面的ID就是我们自己的ID，大家替换一下即可。然后在添加一下熊掌号ID声明 即可 声明和json_ld的代码放在页眉或者页脚文件中即可（header和footer文件里）添加上面的代码其实就可以改造好你的熊掌号了，但是WordPress有些不同，因为Wordpress不同的主题调用的参数不同，因此这里还是需要大家在去根据自己的主题做相应的调整！最后就是添加我们的 关注功能代码 代码放在文章内容即可，这里也是强烈推荐大家去添加的，添加之后用户看到文章之后可以通过关注代码关注我们的熊掌号，同时我们就可以通过运营中心将我们的内容推送给用户！并且可以更快的和用户去沟通！对于WordPress熊掌号的改造代码我还是需要再次强调一下，改造完成之后记得去效验中心效验一下，是否存在问题，然后在去推送。网站源码

其实改造的代码上面都是已经写好的了，根据你的主题 找到对应的文件 比如关注代码放在文章模板文件等，最后我以朋友的网站主题在做最后一个教程记录。

begin主题接入百度熊掌号H5页面改造教程