回正题，这次要说一下现在用的主题里面的jQuery效果：

1、AJAX评论

Ajax评论对大家来讲陌生的东西，这个功能的时候方法有很多，也有专门的插件来实现这个功能。想要自己动手做的朋友可以参考一下K2主题代码或者是笑傲人生的文章“使用 jQuery 实现 wordpress 的 Ajax 留言”。文章里对Comment.js文件都有详细的解释。功能的实现不是太复杂的，至于那些样式的定义就随个人喜欢了，看明白了comment.js文件就可以自己定义提交过程，和提交后的样式。

我这里是在提交过程中加入了一个GIF进度图片，网速快的时候这个效果就是一闪而过，但对于网速不好的朋友，搞这样一个山寨进度条还是OK的。

2、@评论预览

@评论预览是前两天才加上去的，年前看了PhilNa的两篇文章（上，下），但本地试验的时候做不出来。直到前两天MG12把用于nvoie主题的@评论预览代码放出来，修改了一下代码就可以在我的博客上实现这个功能。

如果你已经安装了Mail To Commenter插件，加上这个jQuery应该会很酷！！

3、隐藏评论回复按钮

<script>
    $(document).ready(function(){
    $(".comm-reply").hide();
    $("#commentlist li").hover(function() {
    $(this).find(".comm-reply").show();
    }, function() {
    $(this).find(".comm-reply").hide();
    });
    });
</script>

Jat-Theme里面是当鼠标位于评论区域的时候才显示“回复”按钮。实现这个只需要加入一小段代码就OK了，这部分代码来自Jinwen老兄。

© Alex for Just A Blog, 2009. | Permalink | 28 comments | Add to del.icio.us | Follow me @attacker_hu
Post tags: AJAX评论, jQuery, 评论系统

如果你已经加入了Friend Connect，完全可以使用这两个挂件来打造自己的博客留言板。具体效果可以看看我的Friend Connect Guestbook，原留言板暂时封存。

1、到Friend Connect上获取Gadgets的代码，如果没有可以Google Friend Connect注册一个。

登陆到Friend Connect后选择Social Gadgets，我这里选用的是Wall Gadgets挂件，因为它可以除了留言还可以插入视频。设置好自己需要的宽度和行数，最好把“Allow anonymous posts”也勾上，任何人都可以在上面留言。获取代码后把代码暂时存起来。

2、生成Friend Connect专用的主题页面模板

把你的WordPress主题的page.php文件拷贝一份出来，在“<?php get_header(); ?>”前面加入代码：

<?php
/*
Template Name: Google Friend Connect //主题页面模板名称
*/
?>

然后在函数“<?php the_content(); ?>”或者是“<?php wp_link_pages(); ?>”后面加入了第一步所获得的代码。保存和重命名这个文件，上传到空间。

3、新建留言板页面。在WordPress后台新建一个page页面，选取page编辑Template的地方选取你在第2步建立的模板名称。

完成这三步就算打完手工了。留言板通常都没有什么重要的数据，而且用Google的东西也不需要担心数据丢失的问题，不过需要担心的是Google Friend Connect会不会被天朝GWF掉呢！！！

© Alex for Just A Blog, 2008. | Permalink | 24 comments | Add to del.icio.us | Follow me @attacker_hu
Post tags: Friend Connect, Google, 评论系统

这个插件后台可以自定义评论回复按钮的样式和邮件通知的样式，后台功能有点像偶爱偶家的WordPress Thread Comment，但它们又不是同一个概念的东西。如果使用Mail To Commenter插件，推荐大家再配上XIAORSZ的Smooth.js文件，可以在点击回复后平滑的跳到底部评论栏。（VIA：分享 JS 代码：同一页面链接平滑跳转）

在几个月前Threaded Comment还是一种流行的评论模式，可以针对每一个评论者回复，在博客上进行一对一的讨论，就像打电话一样。但是Threaded Comment也有它的不足，它不可以同时回复多人，这点就是我取消嵌套回复的原因。而Mail To Commenter可以一对百，所有人的评论都可以一次性的回复，但谁都不会被遗漏，有点广播的味道。

读者就是我们的上帝，留言中讨论的精华不次于文章，有人留言尽量还是要跟进和回复。大部分人在这里留言我都会回复，所以以前文章的留言数水分很大，基本上都是读者留言x2，那一般几乎都是我自己的。So，为节约点留言数量和数据库，还是换了吧！！说到这里还真的是有点尴尬，当WordPress不支持Threaded Comment的时候，我就去追求Threaded Comment，现在支持了，就开始舍弃，天意啊~~~~~

喜欢Threaded Comment的还可以尝试一下IntenseDebate评论系统，功能很好很强大，详情参考“整合IntenseDebate评论系统到WordPress”。

PS：WordPress官方中文网站上线了：http://cn.wordpress.org/，大家以后可以下载正统的官方中文版了！！

© Alex for Just A Blog, 2008. | Permalink | 58 comments | Add to del.icio.us | Follow me @attacker_hu
Post tags: Wordpress, 插件, 评论系统

Intensedebat是一个第三方的社会化评论服务网站。支持WordPress、TypePad 、Blogger等博客系统。Intensedebat支持OPenID，所以使用IntenseDebate发表评论支持OpenID登陆。支持支持WordPress、Blogger系统的评论导入和同步，也可以同步Twitter、FriendFeed、Facebook等信息的同步。总之IntenseDebate就是一个以评论沟通为核心的Web 2.0服务平台。

在WordPress博客上使用IntenseDebate评论系统，需要先在IntenseDebate上设置自己的博客信息，安装提供的IntenseDebate WordPress plugin插件，激活后还要在WordPress里面登陆到IntenseDebate账号，同步WordPress博客系统的评论。

完成这些工作后IntenseDebate会使用自己的评论系统取代WordPress原生的评论系统，文章后面自动生成评论样式。更新后的评论样式还OK，继承了评论回复和评论打分，评论信息更为详细。可以根据时间和评分的高低来排列评论，很容易就可以找出文章的精华评论。而且所有评论都会同步到IntenseDebate网站上去，只要上去你的IntenseDebate页面就知道你最近的一举一动。

总的来说IntenseDebate评论系统可以让读者在你的博客里面更加的精彩，可以产生更加多的互动，但怎么说目前阶段还是存在某些不足。在使用了IntenseDebate评论系统后页面打开加载过慢，而且出现评论丢失的显示，比如我上一篇文章评论数是33，但是在IntenseDebate里面却只有14条评论。还有就是评论样式的定置，我刚才看了一下插件代码，评论样式是直接写在插件代码上的，这对于主题设计者来说恐怕不是那么的友好。。

© Alex for Just A Blog, 2008. | Permalink | 50 comments | Add to del.icio.us | Follow me @attacker_hu
Post tags: Automattic, IntenseDebate, Web 2.0, Wordpress, 评论系统

不知道大家有没有发现，评论信息框有那么一点的变化了。在你发表了一次评论后就会记录你的输入信息，下次发表评论的时候只关心评论内容就OK了，可以简化那么一点的工作，不知道这点评论系统的改进算不算是“用户体验”的提高呢！

这个并不是什么新鲜的功能了，感兴趣的朋友可以看看“适当隐藏输入框，提高WordPress访客评论时的用户体验”。在加入这个功能后，我反而对这个隐藏和显示评论输入框的代码感兴趣，这几句代码的切换的速度比用jQuery特效速度快。这个刚好是可以用在改进评论栏和显示相关文章上（评论和相关文章的收起请看“利用jQuery特效收起评论栏目”）。

目前来说使用这些代码来显示相关文章是没有问题了，因为文章右侧的相关文章是使用ID包起来的，和评论输入框道理一样。至于我的评论栏，全部都是Class包住的，而这个代码只能获取ID，不知道那位达人可以告知一下，让我在Class里面使用这个函数。

2、文章底部分享和收藏图标

由于近期博客流量严重不济，有往下发展的趋势，没有一点蒸蒸日上的兆头，所以就加了几个小图标在文章底部，希望各位老大看完了文章觉得好的就顶一下或者是收藏一下，O(∩_∩)O！

其实我也不怎么清楚能不能通过这个途经来增加流量，试一下吧！我这几个收藏按钮的制作也就是通过那些收藏网站的API链接接口做的，想自己动手的朋友可以参考一下share this中文版插件的代码，里面列出很多网站的通用接口。自己懒得做可以直接安装一个分享和收藏插件，可以看一下《WordPress分享和收藏插件》。

随便推荐一个图标网站Fasticon，这是一个承接付费服务的设计网站，但里面也有很多Web 2.0风格的图标提供免费下载，我使用的这套也是从里面下载的。

3、关于博客内容

近期貌似遭遇博起的瓶颈，不知道写什么东西好，上一篇写了几个社会显示，发现越是关注这些内容越是郁闷，然后就会变得越来越愤青！！如果真的是要把那么多社会显示放上来，那么被和谐的机会就很大，而且还会搞得自己很郁闷！！看来还是莫谈国事比较好，要谈也是谈一下开心的，可以娱乐一下自己！！

© Alex for Just A Blog, 2008. | Permalink | 55 comments | Add to del.icio.us | Follow me @attacker_hu
Post tags: jQuery, 优化, 分享和收藏, 博客, 评论系统

制作的方法很简单，不需要对主题文件做很大的修改，只需加上几句代码就可以了。需要实现更多的功能查看一下jQuery Demo，也可以把jQuery Demo文件下载，自己研究一下。

1、header文件的修改

A、加入jQuery.js文件

<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">
</script>

B、定义所需要的效果代码：

<script type="text/javascript" charset="utf-8">
$(".commentmetadata").click(function(){
$(this).next(".message_body").slideToggle("fast")
$(this).toggleClass("active");
$(this).siblings(".commentmetadata").removeClass("active");});

$(".collpase_all_message").click(function(){
$(".message_body").slideUp("fast")
return false;});
$(".show_all_message").click(function(){
$(".message_body").slideDown("fast")
return false;
});
});
</script>

2、comment.php文件的修改

A、把评论者信息包住：<div class=”commentmetadata”>评论者信息</div>；

B、把评论内容包住：<div class=”message_body”>评论内容</div>；

C、在显示评论<ol class=”commentlist”>的前面加入：

<p class=”collapse_buttons”>( <a href=”#comments” class=”show_all_message”>显示所有评论</a> | <a href=”#comments” class=”collpase_all_message”>收起所有平论</a> )<a href=”#respond”>马上发表评论>></a></p>

在根据博客的主题样式修改这些新加入的class就OK了。由于加载的jQuery文件来源是在Google，不喜欢这样的可以修改成本地加载。如果特效无法显示可以参考一下jQuery Demo的源代码。想了解更都jQuery方面的文章可以参考sofish一下“写给设计人的10个jQuery特效”，上面所有的东西都是从这个文章里面学习过来的。

目前在我这里效果是做出来了，接着要做的就是对JS文件的压缩，网上也有很多这方面的例子，但是目前我还没有对JS文件压缩成功～可能是自己太笨了。希望有这方面经验的博友可以指点一下，在JS文件压缩或者JS文件重写方面指导一下～～

© Alex for Just A Blog, 2008. | Permalink | 14 comments | Add to del.icio.us | Follow me @attacker_hu
Post tags: jQuery, 优化, 评论系统

我现在也是使用自己修改过的TES 1.2模板，我对这个模板和自己修改的东西比较满意，所以也没有打算升级到TES 1.4。我还特别喜欢AW文章里右边悬浮显示相关文章的样式，不愧是一个注重用户体验的样式。但源于目前博客文章数目不是很多，还没有完全体现相关文章的作用，所以在文章数量达到300篇的时候，估计会修改成AW那样的实现方式，所以现在插入图片的时候就要考虑以后的主题样式，要限制图片横向尺寸。

TES使用的BTC评论系统，BTC系统在国内好像使用的人不多，相比之下还是比较喜欢偶爱偶家开发的WordPress Thread Comment（WTC）评论回复系统。但我们也可以通过JQuery特效，来把WTC打造成为像BTC那样可折叠的评论样式。

通过学习sofish翻译的“写给设计人的10个jQuery特效”文章，目前我已经可以把折叠评论系统这个功能实现，现在是在学习JQuery里面JS文件的压缩技术，提高网站加载速度。对Wordpress加载优化感兴趣的博友可以参考一下查理斯的“简述对WP博客样式表和JS脚本的压缩”和到阅微堂（对博客优化有深刻研究）那里转转。现在是在等待网站流量的提升和评论数量普遍增加后再加入这些花哨且实用功能。

© Alex for Just A Blog, 2008. | Permalink | 9 comments | Add to del.icio.us | Follow me @attacker_hu
Post tags: TES, Wordpress, 主题, 评论系统

刚开始还以为Wordpress thread Comment是不是出了什么问题，或者是我没有安装好。上网Google了一下也没有找到关于Wordpress Thread Comment运行错误的内容，证明不是和这个插件有关。无法AJAX评论的情况或许和网络有关，但这个现象也是在安装了Custom Smilies插件后开始，不知同时安装Thread Comment和Custom Smilies的Blogger们有没有出现和我一样的问题。近日发现是由于主题代码问题导致AJAX评论以及是普通评论无法发表。

还有一个事情就是百度收录。昨天查询了一下发现百度把我的网站删除了，收录数变成了0。不过昨天重新提交了网站后，今天已经又全部收录了！不知道它为什么会突然删除，又突然全部收录！！

© Alex for Just A Blog, 2008. | Permalink | 13 comments | Add to del.icio.us | Follow me @attacker_hu
Post tags: AJAX评论, 博客, 收录, 百度, 评论系统

1、Wordpress改进版表情

这套评论表情和Wordpress自带的差不多，但是立体化效果好了很多。有点像QQ里面的表情，喜欢QQ表情的也可以在QQ里面把它的表情抓过来，更改一下名字也可以使用。表情下载：Smiles-001

2、手画式表情

这是从Schuen的网站上考回来，看起来很有漫画的感觉，不过图像有点大，如果文章字体不是很大的话，会显得不怎么好看。表情下载：Smiles-002

3、动画表情秀

这是一套GIF动画表情，使用的人比较多。表情下载：Smiles-003

4、添加一套Wordpress表情图案（更新于2008-7-19）

前几天在老N的博客上看这套表情，也不知道怎么称呼这套表情了，看一下下面的图片，或者是直接到老N的博客上看，喜欢的通过这里下载：Smiles-004

5、添加一套叮当表情（Don’t Click Me提供，更新于2008-7-21）

这是一套可爱的叮当表情秀，特别适合大字体的博客显示，如果博客文字太小的话估计会有点不协调。表情下载：smiles-005

使用方法：解压表情包后上传到空间XXXwp-includesimagessmilies目录下，覆盖原有表情，如果希望表情丰富一点，就先改名后上传。覆盖文件后如果没哟马上更新就需要清除缓存，FireFox用户是一定要这样做的。

© Alex for Just A Blog, 2008. | Permalink | 27 comments | Add to del.icio.us | Follow me @attacker_hu
Post tags: Custom Smilies, Wordpress, 下载, 评论系统, 评论表情

Custom Smilies目前版本为1.2，在Wordpress 2.5下也可以使用。这个插件调用的是Wordpress系统自带的表情。如果要加入自己的表情，如QQ里面的笑脸，只要把表情放入wp-includes/images/smilies目录，在Wordpress后台编辑一下相应的对应码就可以了。

插件下载在这里，安装也是很常规，但是要把custom-smilies文件夹和init.php文件的权限设置为“777”。插件激活后需要到后台-管理菜单下设置表情对应码，具体的设置可以参考WordPress的默认表情图标或者WordPress自带表情系统详解。完成了这些工作后就可以在撰写日志的时候插入表情，但是表情栏和日志编写框相隔太远了，可能不怎么方便。

在主题的评论模板合适地方插入以下代码就可以把表情调出来，你的评论就不再单调了。

<?phpif ( function_exists(cs_print_smilies) ) {cs_print_smilies();}?>

又不明白的地方可以到插件作者主页看看，今天还发现了一个类似的表情插件（Smilies Themer Toolbar），不过我没有测试过，大家有兴趣也可以试试。

© Alex for Just A Blog, 2008. | Permalink | 23 comments | Add to del.icio.us | Follow me @attacker_hu
Post tags: Custom Smilies, Wordpress, 插件, 评论系统, 评论表情