小把戲，並且這標題有點拗口，我很擔心你們看到標題就已經暈了，不過實現這個效果的方法倒是挺簡單的。
靈感來自牛逼的 Shawn，他博客上面的他自己的評論都是在左側加了空心的星星，但是他的最後回覆則是綠色的星星，這樣給訪客的感覺就是作者只回覆到了這裡，或者換種理解的意思就是“已閱到這個評論”，有點類似論壇裡面可能常看到的“已閱至此樓”的插件功能。當然你也可能會覺得這個功能無足輕重，但是我覺得還是挺有意思的，可以讓訪客知道作者有多久沒來過了，因為一般來說，看到自己的博客有人評論的話肯定會先回覆的吧。
本人的 jQuery 也都是些皮毛功夫，代碼寫得不好也見笑了，歡迎批評指正。
如果還不是很明白這個功能所表達的意思的話，你可以先看看下面這個截圖。
就如截圖種的這樣，只是給某篇日誌該作者的最後評論回覆加一個標註，可以是一個圖片也可以是一些提醒文字，本文講的是用圖片來標註的。請接著往下看。
準備工作：
首先得確定你的主題中評論頁面裡面，作者的評論和訪客的評論是否具有不同的樣式，比如我的評論區域訪客的 class=”comments”，而作者的評論樣式是 class=”comments”，不然下文就不能判斷並篩選出作者的評論了。如果發現自己的主題並沒有這樣的設計，那麽你可以 google 下怎麽設計這個功能代碼，或者可以參考我提供給你的方法。
區分作者評論和訪客評論的樣式方法：
打開 comments.php 頁面，在任意処加入以下代碼(必須在評論輸出的代碼片段之前)，比如我的每一個評論都是用 li 標簽來包裹的，那麽你可以選擇加在以下代碼之前
1 | <li class="<?php echo $oddcomment; ?> comments ?>" id="comment-<?php comment_ID() ?>"> |
修改後的代碼
1 2 3 4 5 6 7 | <?php $isByAuthor = false; if($comment->comment_author_email == 'xxxxxx@gmail.com' ) { $isByAuthor = true; } ?> <li class="<?php echo $oddcomment; ?> comments<?php if($isByAuthor ) { echo "-author"; } ?>" id="comment-<?php comment_ID() ?>"> |
將上面的代碼中的email地址修改為你自己的 email，代碼的作用就是判斷你填寫的 email 來區別你的評論與訪客的評論。
完成了以上的準備工作之後下面就開始進入本文的重點了。請看以下這段代碼：
1 2 3 4 5 6 | <script type="text/javascript"> $(document).ready(function(){ var lastbyauthor = $('ol.thecomments').find('.comments-author:last'); $(lastbyauthor).css({"background":"#FAFAFA url(images/lastbyauthor.png) right 10px no-repeat"}).attr('name','lastbyauthor').find('div.commentcount a').attr({title:"作者最後的評論回覆"}); }) </script> |
將以上的代碼加入到你模板文件的 或者
此條評論僅作配合正文測試之用~
不错的东东，现在我也想搞下，就是还没有想好好的样式！！
你这里是 ajax 评论！！作者连续回两个呢？是不是就有两年“最后的回复了”，不过这个游客是看不到的噢！！
@xiaorsz 呃，居然沒想到這個問題，我回覆測試下哈。
@xiaorsz 測試結果就是用 ajax 發的評論并不會顯示最後的作者回覆的標記，因為我的標記樣式是寫在js文件裡面的，不知道如果樣式定義在css文件裡面是怎樣的…
很棒的东东哦，不过我觉得jquery那个框架有点大了…
@多若网络 因為本站使用了很多的jQuery，反正又gzip呢呵呵～速度還是可以的。
回去得研究一下啊~刚才不太明白，现在看到最后的回复..明了~
有折腾开了.
既然作者的class不一样用 :last判断一下不就行了
@xiaorsz
应该不会.内容出现在js加载完之后.就像你的评论刚刚回复而无法用鼠标悬浮显示一样.
等你完成的差不多了.我再安装.现在看起来还不是很成熟.
不错！合理利用客户端浏览器完成一些事情，对服务器的开销会减少很多。
我觉得这个技巧很实用,可惜我的评论系统用的是一个叫intense debate的插件提供的,这些技巧貌似不适用…….
我很喜欢博主的主题,各个方面都很养眼,一些小细节也很实用,盼望你以后可以多多分享
@薄荷 @Yuri 哈，謝謝支持～
好帖阿，我想知道的是，怎么在文中加入代码？我试了很多方法都没有成功
@JackPark 你是指在文中加入代碼不被解析麼？我用的是插件WP-Syntax～
尽是些我看不懂的东西，难得我来关心你，竟无从下手。
@玛格丽特 最近草你馬之歌挺多了，乍一看你的名字像是“瑪勒格壁”…咋起個女王的名字…好吧，我下篇就說說你看得懂的東西吧～
不是WP用户！不过Shawn是个不错的Blogger。我博客的导航栏还是从他那里学来的。支持WordPress！
BTW，你是台湾人 or 香港人 ？
@RDEN 越國人哈～
看不大懂呵呵~
我就是过来点广告支持的~
博客终于回来了，
不过备案号还么拿到
@Plidezus 谢谢哈，你的两次点击给我带来了US$0.38的收入~你要不考虑下也搬到国外的主机撒~
国外的我们买了一个goddaddy但是觉得速度有点慢，你这个是国外的？
现在只要是个人博客走到哪里点到哪里~最起码帮博主弄个服务器费用咯~
其实我不怎么用jquery，是不是落后了啊，我都用prototype，以你更改差不多吧
@jigen.he jQuery对于我这样的js新手来说，能比较快速地写出要实现的代码来而已呵呵~
其实是一个样的，都是封装的很好的，而且基于这2个js library开发的产品也很多
@jigen.he 恩，只是jQuery这个后起之秀现阶段比较流行呵呵~
好方法 😥 😥 😥
可以請問您~ 回覆中的 ~ “回覆這南瓜” “引用這南瓜” 這是怎麼製作出來的嗎? 拜託您了~ 謝謝
@巴奇
你可以看看這篇文章 http://www.neoease.com/wordpress-at-reply/ 如果還有疑問，可以問我。
@Leeiio
我不懂他說的”生成链接代码” 以及下面的那些程式碼要放在哪裡? @@” 我很笨 不太了解 可以麻煩您清楚的解釋一下要如何做嗎?
@巴奇
那些是javascript代碼，需要單獨放置在一個.js的文件裡然後調用，如果你不是很懂代碼的話，還有一種替代方法，你可以去搜索“Mail To Commenter”和“Quote Comments”這兩個wordpress插件。
光看題目，還是不知道你要表達什麽啊。後來，拖到最後一條回覆。看到有個綠色“標記”就知道。
我要留言看看能不能正确显示我的系统和浏览器
@sleepy
然後？
然后，很正确，windows other version应该指的是win7吧。
再然后，我参考了你的关闭侧边栏的做法，我的博客上也用了。
接下来再看看你的博客上有什么我可以借鉴的，呵呵。
Pingback: RSSA频道 » Blog Archive » 桌面便签小软件ATnotes – 提醒你勿忘临时小需求！
Pingback: RSSA频道 » Blog Archive » 美化 Wordpress 标题，个性字体生成图片标题插件推荐！
French anti-Semitism at a German library. ,
哈，你的站真不错，看到不少我也想折腾的东东，有空了一个个来，到时还得转载一下，呵。
来看看博主的文章了
你的网站在iphone上看的真爽。全部都是用WPTouch设计的么？
学习来了
学而时习之 不亦说乎
学习了一下～～