百度 | 神马 | 搜狗 | 技术文档 | 学习资料分享 - 记录帝国CMS及运维技术的点点滴滴
你的位置:首页 > 实用IT技术 » 正文

【Wordpress相关】这是 WordPress果酱 的熊掌号,尽请关注

发布时间:2020-09-17

作品分类:Wordpress相关  熊掌  添加  果酱  这是  果酱  熊掌  关注  WordPress

这是 WordPress果酱 的熊掌号,尽请关注,

终于完成了百度熊掌号和 MIP 的改造,下面的链接是「WordPress果酱」的熊掌号,尽请关注一波:

WordPress果酱 熊掌号

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>

点击头像右边的关注按钮即可。

如何对网站进行百度熊掌号和MIP改造

1. 基于 MIP 对 WordPress 主题进行重构:

是移动网站的规范,所以我一般使用 UA 对网站的移动下的主题模板进行更改。

2. 添加粉丝关注功能:

在页面mip.js代码 <script src="https://c.mipcdn.com/static/v1/mip.js"></script>之后、</body>标签前添加代码:

<script src="https://c.mipcdn.com/extensions/platform/v1/mip-cambrian/mip-cambrian.js"></script>

在页面</body>标签后添加熊掌号MIP组件代码:

<mip-cambrian site-id="你的熊掌号ID"></mip-cambrian>

3. 进行号主页展示:

资源进入熊掌号主页展现,需要先进行页面改造,添加几个必要的字段,,这里不再重复。

4. 资源提交:

我撰写一个插件,可以将最新的文章,和历史的文章同步到百度熊掌号,我将会发布在 WPJAM-Basic 中,请关注 。

提交资源岛熊掌号

5. 添加相关的 MIP 组件:

  • :添加百度统计组件,用于统计页面数据。
  • :添加快速回顶按钮,点击回到页面顶部。
  • :提供页面内分享按钮功能,默认分享当前网址。

MIP改造后的熊掌号资源效果

在百度搜索“WordPress果酱”或者“我爱水煮鱼”可以看到,搜索结果里面里面带了 MIP 标志的,就是百度确认是 MIP 页面了,点击进入之后几乎可以达到 APP 的效果了。

MIP


本站推荐使用的主机:,国外主机建议使用

Top