WordPress 主題製作學習筆記:幫你的主題加上「自帶嵌套評論+Ajax comments」功能
WordPress 主題製作學習筆記

WordPress 主題製作學習筆記:幫你的主題加上「自帶嵌套評論+Ajax comments」功能

自帶嵌套回覆+Ajax comments
自帶嵌套回覆+Ajax comments


是的,這回我們要介紹的是目前許多主題都有使用的「自帶嵌套評論+Ajax comments」功能。這種功能代碼,是由 WordPress 高手 Willin Kan 所提供的,在此先跟他說聲謝謝!

 

先來跟各位介紹的是自帶嵌套評論+Ajax comments這個功能。使用 WordPress 長久的使用者們都知道,自從 2.7 版本之後,WordPress 就已自帶嵌套評論的功能了。但是,除了這個功能之外,我們當然也很關心評論是否能即時刷新、而不須重新載入頁面,現在有了 Willin 的這個功能代碼,我們便能輕易擁有這兩種功能,而不需再額外安裝插件。

現在,請大家先下載 jQuery 主程式,將檔案放在主題的 js 資料夾裏(如果沒有新建一個即可)。接著再去 Willin 這篇文章裏下載 comments-ajax 的檔案,解壓縮放在主題資料夾裏(comments-ajax.js 及 comments-ajax.php,兩個都要放在主題資料夾裏),然後將 header.php 檔案裡面的這段代碼:

替換為以下代碼:

基本上到這裡就算完成,如果你的主題評論模板夠標準的話。接下來,你需要做的就只是用 CSS 美化你的評論嵌套樣式,我就不再提供我的樣式,因為你的 CSS 嵌套評論屬性跟我的不一定相同,怕誤導了你。

 

有了以上的「自帶嵌套評論+Ajax comments」功能之後,若能再搭配回覆留言郵件通知的功能,相信一定會讓你的訪客有良好的體驗,只要有訪客留言,一旦你回覆之後就會以郵件通知對方,這樣便能讓你和訪客之間有所互動。

請大家至 Willin 的這篇文章取得函數代碼,再貼至主題的 functions.php 檔案裏,如此一來便能實現「回覆郵件通知」的功能囉!

 

 

文by覺非/WordPress 主題製作學習筆記.之六


 飛翔於文字國裏的蝴蝶,我是愛寫文的女子,不要看我的人,請你看看我的文,那裡面全是我的心.和我想對你說的話……

 StartOver.回。到。原。點 https://carrielis.com


This Post Has 26 Comments

  1. Willin Kan的东西肯定要顶

    你这是篇不错的教程

    1. 呵,Willin Kan 是大師級的人物啊,我有很多地方都是學習他的呢!這篇文章我也不敢說是教程,頂多就是分享我製作主題的學習筆記罷了,也多謝你的留言給我信心喔 :mrgreen:

      對了,注意到你也寫過 WordPress 折騰手記呢!你的博客文章也很精緻啊~

      1. 你的学习笔记就是不错的经验之谈嘛 🙂 加油
        我那有点晒主题的味道。。。对wp的了解还不够

        1. 呵,我也還在學習摸索當中啦 🙄

          你那兒挺不錯,關於 WordPress 主題我們可以相互交流囉 :mrgreen:

          1. 我想問問..{.請大家先下載 jQuery 主程式} 是下那1個程式..有很多..!!

            還有[再去 Willin 這篇文章裏下載 comments-ajax 的檔案]
            是不是下最新版的?

            希望可以加我msn…因為我一有不明白可以問問你…
            在此謝謝你先….!

  2. TO kenpsk:你好,我想關於 jQuery 主程式這個檔案,你可以輕易在 google 搜尋找到解答,要不請你仔細翻看我之前所寫的各篇 WordPress 主題製作教學文章,如果你有詳細閱讀,應該可以找到解答。

    至於 Willin 的 comments-ajax 的檔案,沒錯,請你下載最新版本,不過請記得下載時觀看 Willin 對於新版本的變異講解。

    不好意思,我沒有在使用 MSN 這種即時通軟體,也不習慣加人,如果你有遇到主題製作的問題,請你自行 google 先搜尋一下,自己找到解答比我告訴你來得有成就感吧 :mrgreen:

    請善用 Google 這類的搜尋引擎,我自己也是這樣學習得來的,太過依賴他人不是好習慣喔 😎

  3. 的確有注意到使用上的問題,如同Willin所寫,內置標籤的不同都可能影響到程是是否能運行,所以..暫時只能等K2出的1.1版本了…

    1. 其實可以查找 K2 主題的 comments.php 檔案裏的內置標籤,按理說 K2 主題是符合標準的,他的標籤應該也是標準值,就算內置標籤不同,看 Willin 該篇文章解說,也能稍作修改,不會太難的。

      你可以在本地先試驗看看,確認無誤並先將原始檔案另存之後,再將你修改的檔案內容移植過去。

      主題這種程式通常都是不難修改的。至於 K2 主題,應該有一個 loop.php 檔案,那是 index.php、single.php 的主循環程式,稍微研究一下即可。

      1. 稍微有按照內容所寫去看,不過不符合3.0版本的標籤,因為對K2內部還不是很熟,可能等下吃完飯再來努力努力@@

        1. 3.0 版本原本就將很多函數更改了,你可以在 Willin 的這篇文章看到新舊函數的差別,再去跟你的 K2 主題做個比對。

          另外,K2 主題函數和內置標籤有些原本就跟一般的主題不太相同,建議你 Google 搜尋一下,看有沒有教學文章可參考。

          再者,建議你使用火狐(Firefox)的 Firebug 這款 Add-on 來做除錯,會比較快就找到你想要修改的地方。

          1. 反而是去K2官網找,似乎要推新版本出來了,我就稍微多等等好了,今天幾乎都泡在電腦前了,不過也難得凱莉那麼早出現呢!!

          2. 那你就等等看新版本好了 🙂

            因為我最近在調整我的生活作息,雖然喜歡夜晚的靜謐,但還是要尊重一下父母雙親的叮嚀 😉

          3. 這樣才好呀!雖然在嘉義也跟凱莉相同,喜歡夜晚,不過現在人回到了台北,只要超過12點就….恩,得好好的休息‧‧‧

          4. 呵呵~還是把作息調回來比較好,否則我男友也會念我啦 😛

            基本上我知道他們都是關心我的身體健康問題,所以就盡量去做囉 😉

          5. 恩恩!多注意囉!

  4. 有使用Ctrl+Enter快捷键的习惯吗?

    1. 當然有,不過因為最近自身的問題,所以目前用的主題就是 WordPress 3.0 新版的預設主題,我沒有多加太多額外功能,日後寫新主題時這些該有的功能都會一併加上。

      1. 我想問下3.0的默認主題怎麼加這個快捷鍵呢?

        1. 關於 2010 預設主題的 Ctrl+Enter 快捷鍵我還沒搞清楚該怎麼加上,這幾天有空會來研究研究,你或許可以從 WordPress 官網尋找到一些有用的解答喔 😉

          1. 多謝,搞定了我抄襲一下.

          2. 抄襲什麼?你是說代碼,是嗎?

            搞定就好,其實我也沒幫上什麼忙。

  5. 如果主題沒有”自帶嵌套評論”可以自己裝麻><
    有不用插件的方法麻

    1. 自帶嵌套評論的樣式,目前應該所有主題都支持,除非你的主題是 WordPress 2.7 以前的版本,那麼就要換一個,你可以在 WordPress 官網找方法,不然也可以在這篇文章觀看解決辦法:如何實現 WordPress 主題的 Thread Comments 功能

      以上提供的文章連結只是讓你的主題支持 WordPress 2.7 版本之後自帶的嵌套評論功能,如果你還需要像我這裡一樣,實現 Ajax comments 即時刷新評論的功能,請按照本文教學一一動手修改相關檔案。

        1. 我不是什麼大大,你就叫我 Carrie 吧,再不然叫我 “非” 也可以,因為我的筆名是「覺非」。

          有幫上你的忙就好,不用太客氣 🙂

發表迴響

Close Menu