!
也想出现在这里? 联系我们
广告位
当前位置:首页>技术分享>网站运维>记录本站熊掌号页面改造历程

记录本站熊掌号页面改造历程

熊掌号已经出来好久了,一直没有时间折腾,这段时间闲下来了便将熊掌号页面改造给做了。代码大多来自 泪雪博客 ,当然网上也有很多其他的博主分享的代码,大家也可以搜搜看看。在进行页面改造前建议大家先看看 官方文档 ,这里我就不多加赘述了,直接开始我的改造历程(由于博客是自适应的,下面熊掌号的页面改造也是选择的html5方式)。

header.php文件修改

在主题目录下的 header.php 文件的合适位置添加下面这段代码:

这段代码主要是为网页添加“canonical标签”、“熊掌号ID声明”以及“JSON_LD数据”,其中JSON_LD数据调用的两个变量 ‘.fanly_post_imgs().’ 与 ‘.fanly_excerpt().’ 我们需要在后面通过函数获取。

function.php文件修改

添加如下代码至你主题的 function.php 文件中:

这段代码是通过两个自定义函数获取分享文章或页面的描述及图像的,也就是上面JSON_LD中的两个变量 ‘.fanly_post_imgs().’ 与 ‘.fanly_excerpt().’ 。

single.php文件修改

由于一般我们希望熊掌号展现的内内容都是文章,所以我只在文章页面添加了关注功能,在 single.php 文件中添加如下代码即可实现:



顶部bar、段落间bar及底部bar的前端显示效果如下,大家可根据自己喜好选用。三种bar最多只能选用两个,后期百度会查。

记录本站熊掌号页面改造历程

在线校验

修改完上述内容后,大家可以选择具体一篇文章获取 HTML 源码,通过百度的在线校验工具进行校验,校验成功后会出现如下界面。

记录本站熊掌号页面改造历程

 

给TA打赏
共{{data.count}}人
人已打赏
网站运维

WordPress添加作者信息小工具(wordpress私信插件)

2022-9-14 12:30:51

网站运维

PHP判断实现虚拟主机不同域名访问不同网站目录

2022-9-14 12:31:36

声明 本站上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。无意侵害您的权益,请发送邮件至 2651636361@qq.com 或点击右侧 私信:少羽 反馈,我们将尽快处理。
0 条回复A文章作者M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索