WordPress会员积分插件CubePoints

林继 WordPress 9,254 共写了1045个字 (2012-06-24 14:04:41) 5条评论 打印 扫描二维码 百度已收录

有很多采用Wordpress程序来搭建简单的博客或者社区网站时都开通了用户注册的功能,除了活跃人气之外,当然也想通过用户来提升用户的粘度。在各种社区系统中,基本上都有积分功能,WordPress其实也可以通过插件的方式来扩展实现用户积分功能。

今天给大家介绍一款简单的插件:CubePoints,本站就是采用此插件实现了一个简单的用户积分排行。

一、插件下载

WordPress官方下载

二、插件使用

I、插件设置

下载安装插件之后,会在左侧导航区域,出现一个CubePoints配置的项目,点击Configure,即可对插件进行相关设置:

General Settings

Point Settings

Prefix for display of points:设置积分前缀符号,如$、¥等,默认值为$;

Suffix for display of points:设置积分后缀符号,默认为空;

Hide the following users from list of top users:设置隐藏不显示的用户列表,可以排除部分账户,不在排行时显示,默认为空

Points for each comment:设置每添加一条评论时积分值;

Points subtracted for each comment deleted:设置删除每一条评论时扣除的积分值;

Points for each post:设置每添加一篇文章时的积分值;

Points for new members:设置用户新注册时赠送的积分值。

II、插件小工具

插件安装完成之后,会添加两个小工具,当主题启用了小工具的功能时,可以看到。

一个小工具是显示个人积分信息,另一个小工具是显示用户积分排行,站长可以根据需要进行选择,本站启用的是用户积分排行,做出了一个简单的积分排行榜。如下图所示:

2012-02-13-223309

具体的排行榜样式,可以自行设置。

三、排行榜样式分享

  1. .cp_topUsersWidget {    
  2.     font-size:13px;    
  3.     text-indent:36px;    
  4.     line-height:22px;    
  5.     height:22px;    
  6.     list-style:none;   
  7. }   
  8. .cp_topUsersWidget.top_1{   
  9.     background: url(images/num/01.gif) no-repeat left 5px;   
  10. }   
  11. .cp_topUsersWidget.top_2{   
  12.     background: url(images/num/02.gif) no-repeat left 5px;   
  13. }   
  14. .cp_topUsersWidget.top_3{   
  15.     background: url(images/num/03.gif) no-repeat left 5px;   
  16. }   
  17. .cp_topUsersWidget.top_4{   
  18.     background: url(images/num/04.gif) no-repeat left 5px;   
  19. }   
  20. .cp_topUsersWidget.top_5{   
  21.     background: url(images/num/05.gif) no-repeat left 5px;   
  22. }   
  23. .cp_topUsersWidget.top_6{   
  24.     background: url(images/num/06.gif) no-repeat left 5px;   
  25. }   
  26. .cp_topUsersWidget.top_7{   
  27.     background: url(images/num/07.gif) no-repeat left 5px;   
  28. }   
  29. .cp_topUsersWidget.top_8{   
  30.     background: url(images/num/08.gif) no-repeat left 5px;   
  31. }   
  32. .cp_topUsersWidget.top_9{   
  33.     background: url(images/num/09.gif) no-repeat left 5px;   
  34. }   
  35. .cp_topUsersWidget.top_10{   
  36.     background: url(images/num/10.gif) no-repeat left 5px;   
  37. }

图标图片分享下载:

下载文件
点击这里下载文件

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!

5条评论
  • 周培林

    2014年7月27日 22:35:33

    请问css怎么用啊 吧主给说一下啊

  • ACG情报社

    2013年11月22日 20:08:14

    怎么用?

  • 许亚成

    2013年11月15日 18:26:13

    问博主,上面的CSS代码放在哪一块?

    1. 林继

      2013年11月16日 12:11:14

      放到模板的CSS文件里就可以了

    2. 尤忧

      2014年7月15日 11:37:28

      知道放哪了吗?指导指导我呗,我也遇到这个问题了

发表评论

电子邮件地址不会被公开。 必填项已用*标注

< >