WordPress 原生嵌套 ajax 評論的實現

淚流滿面
我都快不記得我最早用的wordpress是什麼版本號了,總之一路升級過來經歷了很多個版本,模板也因為各版本的升級改動了很多。特別是當wordpress 2.7出來的時候,我們再也不需要使用第三方插件來實現評論的嵌套了,因為它已經內置了。由於我的懶散以及一直假裝很忙作為借口,並且捨不得之前的評論模式,所以一直沒有讓我的主題支持原生的嵌套評論。

昨天心血來潮,關了IM,關了google reader,關了可能會干擾我的各類網頁,開始琢磨wordpress 2.7的原生嵌套。一開始是直接套用的default主題里的comment.php文件,由於2.7版本之後引入了wp_list_comments()函數來顯示評論列表,而想特別修改評論列表格式的話就需要使用callback。主要參考了 saywp 主題的callback代碼,然後參考了 willin實現的ajax。雖然累死我了,好歹是修改成功了。willin 的ajax 評論代碼改了好久,因為他的代碼寫得可真多,我去掉了很多對自己沒用的並且在ajax插入嵌套評論到評論列表的時候換了一種更好的實現方法。

如果你的主題還是2.7之前的無嵌套評論,並且你喜歡嵌套評論,我建議你還是趁早升級吧哈。wordpress版本號越來越大,改動也越來越大,如果以後再升級可就要越來越不容易了。正所謂與時俱進嘛。更何況我是個「新版軟體控」!

至於讓主題支持原生嵌套評論我這裡就不介紹了,網上真的有一搜一大把的文章介紹了這個內容。

為了讓評論向前兼容,所以我的嵌套評論保留了原來的@username的回復方式,哪怕哪一天我突然不想嵌套了,我也可以很快恢復原先的樣式並且保留之前的完美形式(滑鼠移動到@username會popup出user的原評論)!正因為繼續保留了之前的@username的回復方式,所以我認為我的評論只需要採用二級嵌套就足夠了,三級或者更多級的話不管是樣式不好設計和控制,而且太多回復的時候很容易造成混亂的局面。二級嵌套的意義在於每一條評論表達的是評論者的核心價值觀,對此的嵌套回復一般是對該條評論的回復,如果多一級成為三級嵌套,很容易就變成聊天了,確實很三級。

Wordpress 原生嵌套評論ajax的實現

歡迎測試!

PS:真的是累壞了。接下來,還有一大堆別的要累壞我的事情要做。360度冰天雪地托馬斯迴旋45度角仰望天空直至內牛滿面雞皮疙瘩掉一地。

69 Responses to WordPress 原生嵌套 ajax 評論的實現

  1. Sean says:

    沙發支持一下,好強大,不過我的主題對套嵌支持不夠,有排版錯誤,所以我就不用了呵呵 😕

  2. lanhl says:

    哈哈,我也是新版本控,有新版出來不升級心裡就覺得不爽。

  3. 萬戈 says:

    哈,我也用的是willin大師的方法~

  4. QiQiBoY says:

    @Leeiio
    Jinwen提供的方法總是克隆第一級評論的回復按鈕到子回復,導致你點擊任何子回復按鈕都會讓回復框跳到第一級評論下面,就好像還是給第一級回復一樣。。。。這點很彆扭。。。還不如將所有除第一級回復以外的回復樣式都按平級化設置。。。後台設置無限嵌套。。。。
    另外剛出的火狐3.6RC下由於評論者名字後的信息太長而導致回復按鈕換行,和下面的@user重合。。。。

  5. slwl says:

    :mrgreen: 過來幫忙測試。

  6. Panther says:

    竟然都是Windows7

    • Leeiio says:

      @Panther 還在堅持windows系統的自然是7版本優先啦,以前vista出來的時候我還捨不得xp,7出來了還憂鬱了一下,裝上用了後就把xp拋一邊了… 💡

  7. 左岸讀書 says:

    也許哪一天wordpress自己就可以了~

  8. 羽中 says:

    typecho自帶支持嵌套,抽空我要使勁研發個ajax評論~ 話說你這沒用評論分頁嗎?分頁可能會把嵌套拆開鬱悶

  9. bolo says:

    被文章那幅圖欺騙了,還以為是真的評論框

  10. 吖Bee says:

    放假就來折騰,哈哈!

  11. alswl says:

    配圖大亮
    目前還在使用非嵌套的,下一個主題想換成嵌套的,用戶體驗會好很多

  12. lee says:

    不能共享這個修改嗎?

  13. chisdy says:

    挺不錯的,過了年再研究下,哈哈!

  14. Gos32 says:

    搞代碼還是真累啊

  15. says:

    😮 你這主題很美妙啊

  16. aisinvon says:

    尋找如何讓wordpress ajax評論,就找到你這來拉

  17. says:

    我根據教程,但是自己測試的時候點擊提交後,前面已經有的評論變成文本格式了,沒有了css樣式,不知道是不是css要修改還是路徑問題

  18. adu says:

    真的很不錯哦,不知可否分享一下你的代碼

  19. snowxh says:

    原先不帶@user的話要怎麼改成帶的這種嵌套呢= =弱問

  20. loke says:

    可惜啊,我什麼都沒用。

  21. 順水橫流 says:

    側邊欄關閉了,為啥廣告不關閉捏????

  22. キミキスキミキス says:

    キミキスキミキスキミキスキミキス

  23. mike says:

    能不能在回復里上傳視頻或文件並顯示出來呢?

  24. 夏星辰 says:

    分享下唄。像用用

  25. 泊風 says:

    請教如何修改」提交成功, 刷新頁面之前可以再編輯「這句提示的顯示位置及字體大小。

  26. 蝸牛 says:

    我看看嵌套是什麼樣的。。。

  27. 大鳥哥 says:

    😡 😡 😡
    主題在chrome下好像走樣了//

  28. beifly says:

    風反覆反覆反覆發反反覆復

Leave a Reply

Your email address will not be published. Required fields are marked *