熊掌号页面改造与优化-WordPress篇

本文针对Wordpress程序使用百度熊掌号页面改造优化教程,实现移动页面的熊掌号改造过程。

支持H5移动页和MIP两种,非移动页面不要添加了,你体验过手机打开纯PC站的感觉吗?支持移动手机页包含自适应页面,请往下看。

百度熊掌号优化与改造

第一步:头部添加JS、JSON_LD代码

需要到的3个文件分别为functions.php,head.php,single.php,添加熊掌号ID声明,代码如下:

<script src="//msite.baidu.com/sdk/c.js?appid=此处填写熊掌号ID"></script>

然后还需要在头部区域添加JSON_LD数据

<!--熊掌号开始-->
<script src="//msite.baidu.com/sdk/c.js?appid=1595281659287879"></script>
<script type="application/ld+json">
{
"@context": "https://ziyuan.baidu.com/contexts/cambrian.jsonld",
"@id": "<?php the_permalink(); ?>",
"appid": "你的熊掌号ID",
"title": "<?php the_title(); ?>",
"images": ["<?php echo fanly_post_imgs();?>"],
"description": "<?php echo fanly_excerpt()?>",
"pubDate": "<?php echo get_the_time('Y-m-d\TH:i:s')?>"
}
</script>
<!--end结束-->

第二部分   添加函数调用代码

找到模板中的functions.php文件,在代码后面添加:

熊掌号页面改造与优化-WordPress篇

//Start
//获取文章/页面摘要
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);
}
}
//获取缩略图
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;
}
//END

第三部分 粉丝关注按钮

在移动页面中添加粉丝关注按钮,位置可以自己定义,头部、段落、尾部。

熊掌号改造

吸顶吧<script> cambrian.render('head')</ script>
尾部bar <script> cambrian.render('tail')</ script>
文章段落间bar <script> cambrian.render('body')</ script>

最终效果

熊掌号吸粉代码

完毕。

本文由SEO博客无忧老师原创发布,转载请注明原文及出处。本文地址 https://www.ainiseo.com/jishu/3914.html

本站文章由SEO技术博客撰稿人原创,作者:无 忧创作,如若转载请注明原文及出处:https://www.ainiseo.com/jishu/3914.html

(8)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2018年10月25日 下午4:20
下一篇 2018年11月5日 下午8:03

回复 51向钱看

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

评论列表(3条)

  • 51向钱看
    51向钱看 2019年1月10日 下午2:57

    按照您的指示我已经把熊掌号都搞好了,指数225,不过最近熊掌号下线了。。是不是点背你说

    • 无 忧
      无 忧 2019年1月15日 下午11:58

      @51向钱看做好移动端网站就行了,加油吧。先不管熊掌号了吧,我把吸粉功能都关掉了。

  • 博客大全
    博客大全 2018年11月5日 下午2:40

    博客大全已收录你的网站,欢迎来访!

联系我

由于平时工作忙:流量合作还是咨询SEO服务,请简明扼表明来意!谢谢!

在线咨询:点击这里给我发消息

邮件:wuyouseo@gmail.com 合作微信:wuyoublog

工作时间:周一至周六,9:30-22:30,节假日休息

个人微信
个人微信
分享本页
返回顶部