WordPress文章浏览历史插件

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

 

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

插件下载

插件使用

     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行的 – 就是你的文章标题跟博客名称的分隔符，请根据实际情况进行修改。