#WordPress笔记#知更鸟Begin LTS主题下百度熊掌号页面结构化改造步骤

  • A+
所属分类:技术教程
百度熊掌号目前是百度力推的一个有利于站长网站与百度结合的产品,本博主历经千辛万苦终于通过了百度审核,为什么说千辛万苦呢,因为我花了两个百度账号才成功,一个账号只有五次的提交审核机会,反正每次驳回都是些什么签名与主体不符、名称与主体不符啥的,有时候还反馈说我身份信息不对,我明明用的我的个人真实信息,好在最终成功了,审核倒是挺快,提交一次十来分钟就能给结果。
申请开通成功了之后,我就想把熊掌号接入到网站文章的底部,结合官方文档内容,以及各式各样的教程,最终添加完毕,具体效果可以看文章底部的熊掌号,本文将记录下接入熊掌号的步骤,以备不时之需。
以下步骤代码在Begin LTS中进行添加验证无任何问题,其他主题请结合实际情况修改。

添加canonical标签

找到主题文件夹下的header.php文件,在<head>后面添加以下代码:

  1. <link rel="canonical" href="<?php the_permalink() ?>"/>

添加JSON_LD数据

将以下代码添加到上一步中header.php文件刚才添加的canonical标签后面:

  1. <script type="application/ld+json">
  2.     {
  3.         "@context""https://ziyuan.baidu.com/contexts/cambrian.jsonld",
  4.         "@id""<?php the_permalink() ?>",
  5.         "appid""这里请填写熊掌号 ID",
  6.         "title""<?php the_title(); ?>",
  7.         "images": [
  8.           这里是可选字段,搜索结果结构化信息展示,仅允许提供0张,1张图或3张图
  9.           也就是说这里填写的是图片链接,一张图一条连接,一行一条,最多三张
  10.           我这里就填了一条熊掌号的头像连接地址,根据实际情况来吧
  11.             ],
  12.         "description""<?php if (has_excerpt()){ ?>
  13.  <?php the_excerpt() ?>
  14.  <?php } else { echo mb_strimwidth(strip_tags(apply_filters('the_content', $post->post_content)), 0, 120,"..."); } ?>",
  15.         "pubDate""<?php echo get_the_date() . 'T'. get_the_time('H:i:s'); ?>"
  16.     }
  17. </script>

添加熊掌号ID声明

还是header.php文件,在<head>前面添加以下代码:

  1. <script src="//msite.baidu.com/sdk/c.js?appid=这里请填写熊掌号 ID"></script>

添加关注功能代码

官方提供了三个位置,即吸顶bar、文章段落间bar、底部bar,个人喜欢让它在文章底部,所以找到主题目录下的template文件夹,里面有个content.php文件,找到以下代码:

  1. <div class="single-content">
  2.                 <?php if ( has_excerpt() ) { ?><span class="abstract"><fieldset><legend><?php _e( '摘要', 'begin' ); ?></legend><?php the_excerpt() ?><div class="clear"></div></fieldset></span><?php }?>
  3.                 <?php get_template_part('ad/ads', 'single'); ?>
  4.                 <?php the_content(); ?>
  5.             </div>

在 </div> 前面添加底部bar代码:

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

即:

  1. <div class="single-content">
  2.                 <?php if ( has_excerpt() ) { ?><span class="abstract"><fieldset><legend><?php _e( '摘要', 'begin' ); ?></legend><?php the_excerpt() ?><div class="clear"></div></fieldset></span><?php }?>
  3.                 <?php get_template_part('ad/ads', 'single'); ?>
  4.                 <?php the_content(); ?>
  5.             <script>cambrian.render('tail')</script>
  6.             </div>

至此就全部完成了,效果见下图或者见本站任意一篇文章页面。

有啥不懂的可以给我留言哦,虽然我也是渣渣站长,但我知道的一定会告诉大家~~~

  • 我的QQ
  • 这是我的QQ扫一扫
  • weinxin
  • 我的微信
  • 这是我的微信扫一扫
  • weinxin

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: