FV.Zone Project Code

WP Gravatar 图标排列插件

最近更新:
通过了W3C验证。
对代码进行了优化。

随着Gravatar服务的普及,大部份Blog用户都注册了Gravatar服务,而Gravatar官方也推出了针对的插件。
一直想将自己的Blog所有留言者的名字列出来以及留了多少条留言,但是想弄成图标排列。
于是开始想找人帮助自己实现这个功能,可是我想很少人会做的吧,都不愿意帮忙。
经过了一些代码的阅读发现中文工具箱改(巧克力工厂)应该可以实现我想要的功能吧。
于是这个插件有60%的代码是来自中文工具箱,20%的代码来自Gravatar的插件,还有一点点是自己写的。

演示图:
Gravatar 图标排列插件

演示地址:
http://raidybor.com/blog/messages

下载地址:gr_icons.rar

wp_gr_all_icons使用方法:

<?php wp_gr_all_icons("X", "42", get_bloginfo('template_url')."/images/24_feet.png", "","-1","15"); ?>

前面4个参数和Gravatar的是一样的,分别是:显示等级、图标大小、默认图标、边框设置,
新加入一个参数:显示规则,这是从中文工具箱拷贝过来的功能,详细信息请参考中文工具箱的get_commentmembersstats函数。

wp_gr_recent_comments使用方法:

<?php wp_gr_recent_comments("X", "42", get_bloginfo('template_url')."/images/24_feet.png", "","10"); ?>

前面4个参数和Gravatar的是一样的,分别是:显示等级、图标大小、默认图标、边框设置,
新加入一个参数:显示多少条留言,这是从中文工具箱拷贝过来的功能,详细信息请参考中文工具箱的get_recent_comments函数。

有什么新的想法也请在这里告诉,如果我的行为有侵权也请告诉我,祝大家Blog 快乐!

24 Responses to “WP Gravatar 图标排列插件”

  1. 西岸

    好东东!虽然我不一定用,但是还是要向天才的FAVCITY表示感谢

  2. 把用户头像 (Gravatar) 排列起来 - Nicky's blog

    […] Fvart 的想法比较合我的心意,最近准备在博客上添加的两款插件就是 Fanfou Tools 和它了。Gravatar 图标排列插件的作用一看名字就明白了,就是把已经留言的访客头像排列出来,这让我首先想到的是 MyBlogLog 那个头像列表,虽然他们代表的意义完全不一样。这个插件很有意思,算是一个大杂烩,有 60% 的代码是来自中文工具箱,20% 的代码来自 Gravatar 官方插件,还有一点点是作者自己写的。 […]

  3. 前博客

    多好的插件呀! 感谢!

  4. 病麒麟

    非常感谢!呵呵!

  5. sumlei

    Fvart 请教下,怎么设置边框啊?

  6. Fvart

    其实在函数已经写了调用的方式了,只是自由度不高。
    CSS定义如下:
    img.gravatar {
    line-height: 24px;
    width: 32px;
    margin-bottom: 2px;
    padding: 1px;
    border: 1px solid #d9dee2;
    background: #fff;
    height: 32px;
    }

    img:hover.gravatar { padding: 1px; background: #f1f2f2; }

    当然你发可以用他现成的只是觉得不好使而已!

  7. sumlei

    .commentlist li img.gravatar{position:relative;top:80px;left:16px;
    background-image:url(images/gravatar_bg.png);
    background-repeat:no-repeat;
    height:32px;width:32px;padding:6px 7px 7px;}

    .commentlist li img.gravatar {line-height: 24px;width: 32px;margin-bottom: 2px;padding: 1px;border: 1px solid #d9dee2;background: #fff;height: 32px;}
    .commentlist li img:hover.gravatar { padding: 1px; background: #f1f2f2; }
    .commentlist li img.wp-smiley{position:relative;top:3px;}
    这样吗?

  8. sumlei

    只上上面明显了,左右还是不怎么明显,不会哦

  9. 让人无奈的Gravatar - {E.S.B}

    […] 同时Fvart的WP Gravatar 图标排列插件让我们更好的使用Gravatar,有兴趣看看。 Tags: Gravatar […]

  10. Fvart

    @sumlei
    不对,不是这样写的,要单独写,因为这个样式定义不需要定位。

  11. Beach

    做的真的漂亮!
    支持!

  12. Beach

    我的是2.23, 可能和别的差价有冲突:
    Fatal error: Call to undefined function the_tags() in /home/beach/domains/designlinks.cn/public_html/blog/wp-content/plugins/paged-comments/paged-comments.php(90) : eval()’d code on line 11

    我再具体看看;
    先谢过!

  13. Fvart

    忘了说了,这个风格最佳运行环境是2.3beta3版上,理论上支持标签功能的的版本都可以,如果你要在2.2.3上面使用,那得去掉2.3版本中自带的标签函数!

    具体你可以按提示解决,你发出的错误是说the_tags()功能函数不存在,因为这个函数是2.3beta版本中的,所以他会报错,请去掉或是注释再试!

  14. zenlo

    测试头像,谢谢。

  15. sevensky

    研究ing

  16. ooo

    请问怎么定义首页log部分图标大小??

    还有怎么像你一样在导航栏那新建一页
    把footmark插件装上去呢???

  17. ooo

    还有怎么在评论部分让留言者也显示图标呢
    下面的 :mrgreen: 这些留言表情又是怎么实现的?

  18. Fvart

    @ooo
    首页log里面的图标大小在css文件中控制的
    评论部分有一个插件Gravatar可以实现
    这个留言表情也是一个插件,他调用的是WP本身的表情,名字叫WP Grins

  19. 雪人

    测试下

  20. 黑白

    footmark 怎么安装?我穿上去,启用不了

  21. Nony

    @黑白
    推荐你去下downloads区里的dark final,里面的footmark模板,研究下吧,那个是已经设好调用的。

  22. feixu

    太好了,我也要试试

  23. sanalex

    呵呵,测试头像~

  24. dickym

    我用了你的主题。。正在摸索。新手不怎么会弄。还是多谢啊!

Leave a Reply

You must be logged in to post a comment.