【资源属性】:
资源名称:WordPress文章浏览历史插件
资源大小:8KB
资源类别: 源码下载 》 php源码
更新时间:2021-07-14
资源语言:简体中文
授权方式:免费下载
使用平台:Windows/Linux/Mac
资源介绍: 最近有很多网友问我,露兜博客右边栏底部的 您刚刚看过 栏目是怎么实现。其实我也是参考的这篇文章:文章历史浏览记录,如果你懂得一点点的网页编程,可以参考这篇文章操作。但是有很多网友说看了也不懂怎么操作,怎么弄都搞不出来。鉴于有这方面的需要,那不如我把它弄成WordPress插件,也方便有需要的网友使用

插件使用
1、下载、激活插件这些就不用说了吧;
2、进入WordPress后台 – 外观 – 小工具,找到 浏览历史,拖到右边你想要显示浏览历史的地方,填写标题并保存即可;
3、上面是通过小工具来显示浏览历史,如果你不喜欢小工具或者你的主题没有小工具功能,而且你又懂得怎么修改主题代码,可以在你想要显示浏览历史的地方,插入以下HTML代码:
[code]
<div id="recently_viewed">
<h3>您刚刚看过</h3>
</div>
[/code]
这样,插件的JS代码就会自动在div内部追加浏览过的文章列表代码;当然你也可以使用其他的html框架,只要保证父级元素含有 id="recently_viewed" 就可以了,如你也可以这么写:

[code]
<li id="recently_viewed"></li>
[/code]

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

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

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

改成:

[code] "title": noname[0], [/code]

然后再查找:

[code] var page = { [html]

改成:

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

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

资源标签: 文章浏览历史