jQuery/Ajax

Ajax – 讓你的WordPress內建留言系統動起來!

前幾天的某個很無聊的夜晚,在網路的大海上釣著魚……一不小心就在這裡釣到了一條滿有趣的大魚。

它是一隻用在WordPress下的外掛程式,主要是利用原有的評論模板加上一些Ajax的程式碼之後所完成,安裝與設定都非常的簡單,且檔案極小,僅有數十KB的大小且執行速度極快,對於網站開啟速度並沒有太明顯的影響。

程式資訊:

【程式名稱】:Ajax Comments

【程式用途】:實現WordPress的Ajax回覆留言功能。

【程式範例】:請於本文下方做測試,也可以提供建議。

【程式載點】:●具有修改功能版不具修改功能版

程式使用與安裝。

解壓縮後,將comments-ajax.js 及 comments-ajax.php放於:

WordPress安裝位置/wp-cpntent/themes/你的模板位置

之後開啟模板的header.php,找到:

將它改成:

假設你的回覆模板夠標準(符合WP官方的區域分配)的話,那麼你就不需要擔心留言跑位或無法顯示的問題。

若你的留言模板擁有別出心裁的設計,那麼,請打開comments-ajax.php修改128行至141的內容,防止你的留言/回覆樣式出現無法預期的狀況。

修改功能。

這個功能其實滿方便的,就是讓你的訪客留言完畢的時候若發現有誤可以修改內容,前提是要在還沒有切換或重新整理頁面之前才可使用。

但有一個缺點,就是若你你使用修改功能的版本的話,那你有可能會一直收到WordPress寄給你的信件,跟你說有人在你的部落格留言或需審核的信件(若你有開啟此功能的話)。

多層次系統

或許你會納悶,我的部落格的回覆都只能是平平的呢? 為什麼不能像樓梯這樣一層一層的呢?

其實這很簡單,也不需要任何的外掛,更不需要修改到風格模板。你只需要到WordPress的控制台點一點滑鼠就能出現這樣的效果了。

控制台選單選擇回應

將 

jQuery程式庫載入。

另外,此程式需要用到jQuery的程式庫,而此程式的第一段語法就是預載入Google的jQuery程式庫,若你的模板已載入jQuery那麼可以忽略這一行變成:

即可。

參考資料:WILLIN KAN

在〈Ajax – 讓你的WordPress內建留言系統動起來!〉中有 19 則留言

您的見解

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料