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

Share on facebook
Share on google
Share on twitter
Share on linkedin
自帶嵌套回覆+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 檔案裡面的這段代碼:

<?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?><?php wp_head(); ?> 

替換為以下代碼:

 <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery.js"></script> <?php wp_head(); ?> <?php if ( is_singular() ){ ?>        <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/comments-ajax.js"></script>        <?php } ?>

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

 

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

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

 

 

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


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

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


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

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

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

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

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

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

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

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

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

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

  2. 的確有注意到使用上的問題,如同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. 呵呵~還是把作息調回來比較好,否則我男友也會念我啦 😛

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

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

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

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

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

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

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

Leave a Comment

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

你可能會喜歡⋯⋯

第六期 Vista 寫作陪伴計畫
好康分享

推薦:Vista 寫作陪伴計畫

第六期 Vista 寫作陪伴計畫:在這個行動時代,「內容力」是每個人都需要具備的能力,Vista 老師希望透過這個寫作陪伴計畫,以手把手的方式協助每位成員擬定寫作計畫,並設定寫作主題與方向。本計畫係根據每位學員的需求量身打造,主題涵括個人品牌、網站經營、文案寫作、內容行銷與內容策略等相關面向,讓您能夠獨當一面,成為一位內容駭客。

WantEasy 網易資訊台灣虛擬主機
Trending

WantEasy 網易資訊台灣主機 TWW-E02 評測,1 核 10G $1800/年,預裝高速 LiteSpeed 網頁伺服器

這次有幸獲得網易主機的邀請,爲他們主機進行評測。有別於其它主機商,他們特別提出請我公開說明:『現在市面上的虛擬主機,空間都是很大,或是流量很多,有的是寫不限制,但其實這都有成本,我們公司比較保守,沒辦法也這樣做,但我們給的方案,基本上對一般網站來說很足夠使用才是。』,我覺得就我個人觀點來看,他們真是很實在的一間主機商;不願意刻意壓低價格、畫大餅說流量無限的套路做法,也引起我的好感。

生活拾綴

全新展望 2019

2019 年,將會是全面翻轉的一年。這兩年我的跨年都是在教會度過,除了為自己和家人親友祈福之外,最重要的是為這個世代、為我的國家台灣祈福,為我生活的花蓮這個城市祈福,我相信,一切都在上帝的手中,所以我誠心為眾人祈福,因為只有你們好,這個世界才會更好。

WordPress 技巧教學
Trending

WordPress Tips: 一段程式碼簡單關閉 Gutenberg 編輯器

一句程式碼關閉 Gutenberg 編輯器。

WordCamp Taipei 2018 - 台灣的第一場 WordCamp 盛事
Trending

WordCamp Taipei 2018 – 台灣的第一場 WordCamp 盛事

第一屆的 WordCamp Taipei 2018 就在 2018/10/21 週日上午正式舉行了,在此之前台灣的總召阿竣就已經在台北內湖的管地台北據點連續舉辦每月一次的 WordPress 小聚,累積了許多寶貴經驗,所以這回才有如此成功的 WordCamp Taipei, 屬於 WordPress 同好的世界級年會,此前全球早已舉辦無數次這樣的開發者大會,而這是台灣的第一次。

Scroll to Top