首页 > wordpress > wp-postviews插件的使用和修改

wp-postviews插件的使用和修改

2009年6月23日 阿鸣 1,814 次 发表评论 阅读评论

菜鸟(本人)写的初级文章,仅供新手参考之用,高手请飘过!

WordPress 的博客文章被浏览过多少次应该是一些站长所想要知道的一个功能,好在 插件制造专家:Lester ‘GaMerZ’ Chan 为大家开发了这个插件,虽然功能并不是很丰富,但是后台的设置还是很灵活的,对于普通的需求已经足够了,只是在现实方面做得不是很到位,我自己手动对显示部分的代码进行了修改,还增加了一段CSS 代码。

由于本人是WordPress菜鸟,所以本站目前(2009年6月23日)还是停留在2.7 版本上,下面所介绍的功能和修改部分都是基于 wp-postviews 1.40 版本的,至于目前最新版本的 1.50 版本是“Works For WordPress 2.8 Only ”,但是从功能和设置上应该是大同小异的啦,可以参考我的方式来修改。

1. 下载安装

Author:Lester ‘GaMerZ’ Chan
WordPress.Org 下载地址:http://wordpress.org/extend/plugins/wp-postviews/
官方站点:http://lesterchan.net/portfolio/programming/php/#wp-postviews

插件的安装步骤如下:

1) 下载 wp-postviews.1.40.zip 文件到本地 然后解压缩为文件夹:wp-postviews;
2) 把 wp-postviews 文件夹 上传到 wp-content/plugins 下;
3) 登录到WordPress 后他激活此插件,有两个插件可以启用:WP-PostViews ,  WP-PostViews Widget
4)插件已经激活完毕,下面需要的就是在需要显示文章浏览量的地方手动添加代码,具体见下面的详细介绍

2 . wp-postviews 的后台设置

PART 1

如图:
post-views-option-1
详解

1) Count Views From: 设置被统计的用户群,可选项:所有人仅访客仅管理员,默认:仅访客

2) Exclude Bot Views: 是否排除搜索机器人的浏览数量,可选项:,默认:

3) Views Template: 浏览量的显示格式,默认是:%VIEW_COUNT% views ,我设置成:%VIEW_COUNT% 次,如果需要,随时可以通过点击“Restore Default Template”按钮恢复默认设置。

PART 2

 如图post-views-option-2详解

Most viewed Template: 这个是侧边栏 Widget 显示浏览量最多的文章(亦称“最受欢迎文章”)列表时的显示格式,默认:<li><a href=”%POST_URL%”  title=”%POST_TITLE%”>%POST_TITLE%</a> – %VIEW_COUNT% views</li> ,如果需要可以对这段html代码进行自行修改以符合你的需要,该段代码所用到的变量在图片中左侧的列表中。

PART 3

 如图
post-views-option-3
详解

 1) Display Options:  主要是设置浏览量在什么页面显示,显示给谁可以看见。但是前提是在当前主题的相应页面文件中已经添加了”显示浏览量的函数” the_views()

2) 页面:可以分别对“Home page”、“single Posts”、“Pages”、“Archive Pages”、“Search Pages”、“Other Pages”进行独立的配置;

3) 选项:每个设置有三个选项:“Display to everyone”、“Display to registered users only”、“Don’t display on archive pages”,根据字面意思就可以理解其中的设置含义,默认:“Display to everyone”;

4) Save Changes: 保存按钮,对上述所有设置项保存。

PART4

 如图
 post-views-option-4

详解

关于卸载 wp-PostViews 插件时需要注意的事项:停用改插件并不能删除已经产生的浏览量统计的数据,如果要彻底删除该插件,则必须使用这里的设置进行卸载。

如果你确定(请注意,这个删除操作室不可以恢复的,所以请务必首先备份好数据)删除此插件,则选中“Yes”选项,然后点击“UNINSTALL WP-PostViews”按钮进行彻底的卸载。

至此:后台设置部分已经全部设置好了,接下来进行代码的添加。

3. 添加浏览量输出代码 the_views()

按照官方的代码添加方法如下:

1) 打开  wp-content/themes/<YOUR THEME NAME>/index.php
同样可以打开 single.php, post.phppage.php文件进行修改

2) 找到:

<?php while (have_posts()) : the_post(); ?>

3) 在该代码的后面任何地方添加:

<?php if(function_exists('the_views')) { the_views(); } ?>

4) 到WordPress 的后台设置 wp-postviews 的选项。

这里介绍的方法还是略有粗糙了一点,因为 the_views() 函数是直接输出了上文提到的 Views Template,按照我自己的设置就是输出:“3次”(以3次浏览为例),按照这个输出结果是没有任何CSS效果的,也很难融合到现有页面的现实内容中。

下面我以我所使用主题:iNove 1.4.5 为例,进行修改,使得显示更符合我的网站的风格,并且与简单的图片相搭配显示。
实现如下图所示的效果:
postviews-show

步骤如下

1) 将图片viewsviews.gif 为文件名保存到 wp-content/themes/inove/img/ 目录下;

2) 打开 wp-content/themes/inove/index.php 文件; 
3) 找到:

<?php if ($options['author']) : ?><span class="author"><?php the_author_posts_link(); ?></span><?php endif; ?>

4) 在下一行添加:

<span class="views"><?php if(function_exists('the_views')) { the_views(); } ?></span>

5) 至: WordPress后台 –> 外观 –>  编辑 –>  样式 –> 样式表(style.css)
在最后添加如下 CSS 代码,然后保存;

1
2
3
4
5
6
7
8
9
10
11
12
13
/* post_views BEGIN */
.post .info .views
{
 float:left;
 background:url(img/views.gif) left no-repeat;
 margin-left:15px;
 padding-left:22px;
 height:16px;
 line-height:16px;
 display:block;
 font-size:12px;
 }
/* post_views EdND */

6) 按照如上方法对其他页面如 single.phppost.phppage.php 等页面进行添加代码。

7) 以上修改的方式是针对 iNove 主题,如果是其他的主题请参考此方法自己做适当调整。

4. 添加 wp-postviews-widget 侧边栏

1) 启用 wp-postviews-widget 插件以后,在 WordPress后台 –> 外观  –>  小工具 就会增加一个小工具:Most Viewed;Most viewed postviews-mostviewed

2) 将此小工具添加到 当前小工具 里面;

3) 设置小工具:

 Title: 小工具的标题,可以设置为:热门文章 或者 Most Viewed
 Show Views For: 显示的内容,可选项:Posts & PagesPostsPages,一般选择 Posts
 Limit: 显示热门文章的数量;
 Post Tile Length: 文章标题长度,数字“0”为不做限制;

 5. 其他设置

可以利用此插件设置其他的页面,由于本博客没有使用,所以在此不做详细介绍,有兴趣的朋友可以通过官方站点的教程进行修改和添加

可以实现如下内容:

1) To Display Least Viewed Posts  —— 显示最近被浏览的文章
2) To Display Most Viewed Posts  —— 显示浏览量最多的文章
3) To Display Least Viewed Posts For A Category —— 显示某一分类下最近被浏览的文章
4) To Display Most Viewed Posts For A Category —— 显示某一分类下的浏览量最多的文章
5) To Sort Most/Least Viewed Posts  —— 按浏览量(最多/最少)对文章进行排序

6. 结束语:

好了,啰啰嗦嗦的写了这么多,也算是对自己的一个练习吧!由于水平有限,所以难免有错,敬请指教,谢谢!

最后 感谢 Internet, 感谢 WordPress,感谢 Lester ‘GaMerZ’ Chan !

=======================================
另:(2009-08-19) 感谢 小毅 的建议,谢谢……

原创文章请注明转载自爬行日记,本文地址: http://www.paxing.org/archives/277.html
分类: wordpress 标签: , , ,
  1. 老饕
    2009年8月1日18:37 | #1

    啥也不说了,比我以前改的那个丑丑的好多了,已经修改了,很感谢啊!

  2. 2009年8月2日09:13 | #2

    兄弟,你这个剖析简直是太仔细了,我想,如果原来的那个插件作者知道了的话,一定会感激涕零的~~~ :D

  3. 阿鸣
    2009年8月2日09:36 | #3

    @老饕 不客气啦,如果能发挥点作用就在激动不过了,呵呵……

    @365hope 言重了…… 人家出技术写出这么好的插件,咱们也就只能写写这些浅层的东西而已啦。

  4. 2009年8月19日10:15 | #4

    此帖必顶,很详尽。样式也很好看,和inove融合的相当完美,应该到mg12那去提交一下,没准下一个版本的inove就采用了。

  5. 2009年8月19日13:26 | #5

    p.s,文中有点小问题,在3. 添加浏览量输出代码 the_views(),你添加的代码用的是中文引号,会出现错误。然后CSS样式控制的时候,字体设置是11px,本人认为,12px更合适

  6. 2009年8月19日21:40 | #6

    @小毅 谢谢 小毅,非常感谢!代码中的全角引号的问题已经解决了,主要是因为忘了对代码部分增加 < c o d e >, 另外,css 中 font-size 的确是改为 12px 比较合适,已经全部修改过来,谢谢……

  7. 2009年10月11日09:30 | #7

    Getting basics like fulltext search, search for tags and comments working reliably would be a huge step forward already. ,

  8. 2009年10月17日18:05 | #8

    学习了,谢谢

  9. 2009年10月23日08:44 | #9

    All the women feel called to the "spiritually dark" places of Europe which also happen to make for great romantic vacation spots, or to wherever there are lots of cute starving babies, like Ethiopia. ,

  10. 2009年11月1日03:19 | #10

    学到东西了。一直找这个插件、但不会设置、今天终于学会了。
    请站长以后多写这样的日志。 谢谢

  11. 2009年11月1日11:22 | #11

    @Twei 谢谢鼓励!如果有机会 一定会尽力而为! 嘻嘻!

  12. 2009年11月16日11:20 | #12

    享用了

  13. 2010年4月9日19:30 | #13

    老大,我的站为什么用这个插件不工作呢?我刷新页面也不会增加。请你看到消息了一定给我指点一下,静待你的回复!

  14. zzmax
    2010年4月18日21:18 | #14

    太详细了,强力顶起,再强烈顶起

  15. 2010年4月18日22:49 | #15

    @石小镇
    已经在你的 博客里留言回复了

  16. 2010年4月21日09:53 | #16

    :razz: 这么巧 小弟的模版和你一样 学习了 呵呵

  17. 2010年5月4日15:38 | #17

    谢谢lz的教程,终于把postviews的功能发挥出来了
    谢谢
    我已经改好了

  18. 2010年5月14日13:53 | #18

    “添加浏览量输出代码 the_views()” 这个有的主题要添加到item.php中的

  19. 2010年6月2日16:52 | #19

    非常感谢,我的这个效果终于是西安了,谢谢您的文章!以后多交流

  20. 2010年6月2日17:01 | #20

    @Jessy
    刚才写错了,是实现了

  21. 2010年6月24日13:01 | #21

    很有用的插件!学习!

  22. 2010年7月21日22:52 | #22

    很详尽!了解了!

  1. 2009年6月23日11:17 | #1
  2. 2010年4月21日13:46 | #2
注意: 评论者允许使用'@user空格'的方式将自己的评论通知另外评论者。例如, ABC是本文的评论者之一,则使用'@ABC '(不包括单引号)将会自动将您的评论发送给ABC。使用'@all ',将会将评论发送给之前所有其它评论者。请务必注意user必须和评论者名相匹配(大小写一致)。