WordPress文章浏览历史插件

日期: 标签:WordPress插件
如需帮忙改代码,或者WordPress二次开发、PHP网站建设等需求,可联系我购买付费服务:  点此联系我

最近有很多网友问我,露兜博客右边栏底部的 您刚刚看过 栏目是怎么实现。其实我也是参考的这篇文章:文章历史浏览记录,如果你懂得一点点的网页编程,可以参考这篇文章操作。但是有很多网友说看了也不懂怎么操作,怎么弄都搞不出来。鉴于有这方面的需要,那不如我把它弄成WordPress插件,也方便有需要的网友使用。

插件下载

下载此文件

更新说明

2016年5月7日
* 修改小工具WP_Widget代码,避免在WordPress 4.3.0以后的版本出现错误提示
* 修复新版中出现的 undefined

插件使用

1、下载、激活插件这些就不用说了吧;
2、进入WordPress后台 - 外观 - 小工具,找到 浏览历史,拖到右边你想要显示浏览历史的地方,填写标题并保存即可;
3、上面是通过小工具来显示浏览历史,如果你不喜欢小工具或者你的主题没有小工具功能,而且你又懂得怎么修改主题代码,可以在你想要显示浏览历史的地方,插入以下HTML代码:

<div id="recently_viewed">
  <h3>您刚刚看过</h3>
</div>

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

<li id="recently_viewed"></li>

当然如果你都懂修改主题代码,那么还是照原文自己动手试试吧,自己动手弄出来的东西还是很有成就感的。

特别说明

有很多网友的文章标题后面带有博客名称,这样可能不太好看,如果你想去除标题中的博客名称,可以使用文件编辑器(记事本也行)打开:wp-recently-viewed/js/add-history.js,查找:

"title": document.getElementsByTagName('title')[0].innerHTML,

改成:

"title": noname[0],

然后再查找:

var page = {

改成:

var ptitle= document.getElementsByTagName('title')[0].innerHTML;
var noname = ptitle.split(" - "); 
var page = {

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

-- 完 --

本文采用 「CC BY-NC-SA 4.0」创作共享协议,转载请标注以下信息:
原文出处:露兜即刻 https://www.ludou.org/wordpress-recently-viewed.html
露兜
kaapass@outlook.com  QQ 825533758

业余编程爱好者。

84 条留言

点此留言
1 2 539
  1. laiydesign

    怎么添加缩略图呀,自定义自段等相关文章内的内容呀??

  2. Ludou

    @laiydesign 没法添加

  3. autofly autofly

    如果要给ul加个class,要怎么弄,网上查了试了也解决不了。

  4. Ludou

    @autofly js/view-history.js查找:
    var list = document.createElement('ul');

    后面加上(otherclass是你要加的class名称):
    list.className = list.className + " otherclass";

  5. autofly autofly

    @Ludou 可以了,谢谢。网上查的是ul.setAttribute("class", "classname");试了不行:)

  6. 老曾

    修改了js里面limit的数量,显示浏览记录还是五篇的。这个应该在哪里修改?

  7. Ludou

    @老曾 删除浏览器缓存

  8. 萨龙龙 萨龙龙

    喜欢露兜博客的边栏浏览历史效果,我的网站用这个插件连历史都不显示,朋友什么时候写个教程?

  9. Ludou

    @萨龙龙 检查一下footer.php中是否有wp_footer()

  10. 萨龙龙 萨龙龙

    @Ludou 朋友网站的“您刚刚看过”的这个效果,怎么实现?

  11. haigeer haigeer

    纯代码如何实现呢?博主可以顺便在文章里写出来吗?

  12. haigeer haigeer

    哦,看到了,上面有个链接neoease博客的,刚才没看清楚哈!

  13. haigeer haigeer

    纯代码实现时,把js/add-history.js里面的代码写到哪里?写到主题single.php和page.php里面吗?

  14. Ludou

    @haigeer 是的。

  15. 网赚兼职吧 网赚兼职吧

    不错,试了 很不错。

  16. 萌动 萌动

    请问怎么控制字数显示?

  17. Ludou

    @萌动 "title": document.getElementsByTagName('title')[0].innerHTML,
    改成(30是标题长度,自己改):
    "title": document.getElementsByTagName('title')[0].innerHTML.substring(0, 30),

  18. 萌动 萌动

    @Ludou 谢谢露兜。成功了

  19. airlqin

    求露兜大神出个wordpress主题全站ajax化教程

  20. 自由屋博客 自由屋博客

    这个确实不错!喜欢!先保存下来!

  21. Vespa Vespa

    这个功能好~不过不太喜欢插件。。先研究一下代码法。。。

    博主这里博文都好赞,可以经常回来学习~

  22. Goagent Goagent

    插件好像不能固定啊

  23. 柴。。。 柴。。。

    使用了插件 但是显示的目录没有CSS样式

  24. Lujax

    不好意思 有一個問題想請教
    因為查了很多地方都查不到有此功能的外掛
    是否有辦法做到"任一個註冊過的User"看過文章後
    文章下方會顯示出他的名子或圖示之類的紀錄
    目前找到都類似要User自己點擊的

  25. Ludou

    @Lujax 这需要自己写代码了,比较复杂,不好描述。

  26. Lujax

    不好意思,是否可以幫我訂製代碼呢?
    因上司要我增加的功能,但我無法實現,
    看需多少錢我可在與公司商量看看
    謝謝!! ..>_<..

  27. Ludou

    @Lujax 可以,100元,支付宝付款。
    任一個註冊過的User,他必须登录的情况下才能记录浏览文章记录,不需要他点击什么链接或按钮。
    具体需求说明可以联系我的邮箱:zhouzb889@163.com

  28. 小蜜蜜

    下载不了啊

  29. 露兜

    @小蜜蜜 请鼠标左键点击下载链接。进入下载页面,根据页面提示点选正确的图标后再下载

  30. 幻影雪狮

    列表里全是显示undefined

  31. 帅气小琦琦 帅气小琦琦

    @幻影雪狮 同样也是这样的情况

  32. 知倍客

    您刚刚看过

    undefined
    undefined
    undefined
    undefined

    启用插件后这个样子,什么原因,怎么修改?

  33. BanYuner BanYuner

    @知倍客 貌似很多人都是这个问题

  34. 露兜

    @BanYuner 插件已更新,请重新下载。

  35. 露兜

    @知倍客 插件已更新,请重新下载。

  36. 佛系软件 佛系软件

    怎么加在个人中心-我的文章-顶部的全部,已发布那个地方

1 2

发表留言