WordPress 添加文章浏览历史功能

本文目录[隐藏]

  • 1通过代码集成文章浏览历史功能
  • 2使用插件添加文章浏览历史功能
    • 2.1wp-recently-viewed
      • 2.1.1特别说明
    • 2.2类似插件 – Last Viewed Posts

让网站记住读者的浏览历史,让读者很方便地知道他最近阅读了你博客的哪些文章。这一举措,对于提高用户体验应该是不错的方法。那么,如何为你的WordPress站点添加这个功能?一起往下看吧!

挖鱼源码网2个多月前就在 neoease.com 看到 @MG12 的相关教程,也曾经在本地站点折腾过,还真的实现了。你可以按照 @MG12 文章历史浏览记录 这篇文章折腾。

通过代码集成文章浏览历史功能

挖鱼源码网折腾的时候是这样操作的:

1.将下面的代码另存为一个名为 view-history.js 的js文件(格式为 utf-8 无BOM)[代码来自于 @MG12]

2.将 view-history.js  放到你主题下的 js 文件夹中,然后在主题的 footer.php 中使用下面的代码调用:

3.如果你的主题支持小工具,你可以使用 [文本]小工具,添加标题为“浏览历史”,内容为“<div id="view-history"></div>”,然后保存,如下所示:

www.wayu.cn-201303521

就可以看到效果了:

www.wayu.cn-201303522

如果你的主题不支持小工具,就自己在需要显示的地方添加代码,代码中只要包含 id="view-history" 就能显示出浏览历史,比如:

使用插件添加文章浏览历史功能

wp-recently-viewed

@露兜 同学也根据这个方法制作了一个插件 wp-recently-viewed ,如果你不善于折腾代码,直接使用插件也是不错的选择。

1.下载 wp-recently-viewed ,安装并启用;

2.进入WordPress后台 – 外观 – 小工具,找到 浏览历史,拖到右边你想要显示浏览历史的地方,填写标题并保存即可;

3.上面是通过小工具来显示浏览历史,如果你不喜欢小工具或者你的主题没有小工具功能,而且你又懂得怎么修改主题代码,可以在你想要显示浏览历史的地方,插入以下HTML代码:

这样,插件的JS代码就会自动在div内部追加浏览过的文章列表代码;当然你也可以使用其他的html框架,只要保证父级元素含有 id="recently_viewed" 就可以了,如你也可以这么写:

特别说明

有很多网友的文章标题后面带有博客名称,这样可能不太好看,如果你想去除标题中的博客名称,打开:wp-recently-viewed/js/add-history.js,查找:

改为

然后再查找:

改成:

以上代码第2行的 – 就是你的文章标题跟博客名称的分隔符,请根据实际情况进行修改。

类似插件 – Last Viewed Posts

Last Viewed Posts 是老外写的一个插件,通过cookies保存读者的浏览历史。当然,每个读者只能看到自己的浏览历史。

参考资料:

http://www.neoease.com/recently-viewed-items/

http://www.ludou.org/wordpress-recently-viewed.html

如果本文对你有帮助,请打赏作者,鼓励我们继续写作!

版权免责声明

① 本站VIP源码资源永久免费下载 www.wayu.cn
② 本网站资源来源于网络收集,如有侵权,请联系站长进行删除处理。
③ 分享目的仅供大家学习和交流,请不要用于商业用途,否则后果自负。
④ 如果你有源码需要出售,可以联系小编,或者点击 投稿
⑤ 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解。
⑥ 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需。
⑦ 在您的能力范围内,为了大环境的良性发展,请尽可能的选择正版资源。
⑧ 网站资源不做任何二次加密和授权后门(原版加密除外)

评论0

请先

没有账号? 忘记密码?