WordPress外掛《iF-AJAX Comments》讓留言有Ajax的效果，省去再次讀取頁面

By 阿湯 2009 年 04 月 23 日

Ajax目前應用在網頁技術上非常的廣乏，其實很多人誤以為這是新的技術，其實不是，是直到Google大神廣乏的使用後才被重視的，所以在部落格或是網站上應用這樣的技術愈來愈多，因此我們今天藉由《iF AJAX Comments For WordPress》這個外掛來達成留言的Ajax效果，減輕讀取的負擔哦～

何謂Ajax（Asynchronous JavaScript And XML）？

在丫湯一開頭提到的Ajax，可能還有人在想這是什麼碗糕，能吃嗎？當然可以，不過是要給Wordpress吃的啦，Ajax主要的目的是在提高網頁的互動性，開啟速度及可用性，像是我們最常看到的Gmail、Google Maps都用了非常多這樣的元素，所以Ajax的創始者真的要感謝Google的應用造成這技術廣乏的使用。

iF AJAX Comments For WordPress：

WordPress頁面：http://wordpress.org/extend/plugins/if-ajax-comments-for-wordpress/

簡介：讓留言也有Ajax效果，加快留言速度，讓訪客不用再重新讀取頁面。可能有些版型已經有這樣的效果，如果沒有就可以來試看看囉！

安裝方法：

如果你不想從後台安裝，請至Wordpress頁面下載自行解壓上傳至外掛資料夾《wp-content/plugins》

從後台安裝請參考以下步驟：

至後台→外掛→新增外掛→輸入〝iF Ajax Comments For〞搜尋，點擊他安裝吧

Wordpress外掛《iF-AJAX Comments》讓留言有Ajax的效果，省去再次讀取頁面 01

點擊〝立刻安裝〞

直接〝啟用外掛〞

後台設定：

總共有四大類設定頁面，我們先來看看第一個〝General〞

上方的參數就不用動了，依照預設就可以了，另外下面有三個選項

Content Press Theme comatibility：

讓外掛與佈景相容（我是看不出來差在哪裡……）

Just disable the form elements while adding a comment, do not fade out：

留言時不使用上述參數，不淡出（我也是看不太出來）

Show live comment preview：

這個就有差別，如果勾選了，在輸入留言時，下方會同步顯示預覽，稍等會看到截圖。

第二項為〝Styling〞，樣式設定

Default activity images：選擇留言等待時所顯示的圖示

Field colors：這二個顏色跟輸入文字後的背景色相關，原則上不用動他

CSS Stylies：設定顯示訊息的樣式，如果不會改就按照預設的就可以囉

.msgActivity{color:black;}：送出留言時顯示的css

.msgSuccess{color:green;visibility:hidden;}：留言成功顯示的css

.msgError{font-weight:bold;color:red;display:none;}：顯示錯誤訊息的css

#live-preview{font-size:0.9em;}：顯示預覽的css

第三項〝Output Messages〞，顯示的訊息設定，原設定是英文，如果你不知道如何翻譯，可以參考丫湯以下的翻譯再做修改即可

第四項〝Security〞，這邊就不多介紹了，可用可不用

留言效果測試：

如果在設定中有勾選預覽效果的話，在你邊輸入留言的同時，下方會同時預覽哦！

按下送出後，右上角會顯示等待的圖示，左上會顯示請等待的訊息

然後就直接留言成功囉，此AJAX不會造成留言時還需重新讀取頁面，試試就懂我的意思囉！

Categorized in:

WordPress,

Last Update: 2009 年 11 月 25 日

Tagged in:

WordPress, 外掛, WP-plugins(外掛), iF-AJAX Comments, 留言外掛

Previous Article Next Article

About the Author

阿湯

對電腦 & 網路資訊充滿興趣與熱情、瘋了似的每日堅持發文，「阿湯」這個名字是由湯姆克魯斯而來的，雖然我沒有他帥氣，也不會演電影，但我會寫文章....

View All Posts

Comments

IVAL on 2013 年 08 月 04 日

阿湯好，請問這款有辦法只拿出他即時留言的功能，其它如Styling, Live Preview, Compatibility等等都省略嗎？謝謝你！

阿湯說：

要自行修改囉
阿呆。 on 2011 年 08 月 20 日

看起來還滿不錯的，來試試看 🙂

阿湯說：

不過不是全部的佈景都相容就是
沒救的人 on 2011 年 07 月 03 日

這個好像蠻好用的，拿來測試一下

阿湯說：

加油
Pigmu on 2011 年 01 月 15 日

阿湯你好，
我在設定完成候要儲存但是他出現 “Settings NOT saved!”
請問是什麼原因？

阿湯說：

可能是不相容了
独星 on 2011 年 01 月 09 日

现在找不到这个插件了~~而且安装后会出现错误

阿湯說：

大概是版本不符合新版的wp了
毛球 on 2010 年 11 月 04 日

开启Mail To Commenter这个插件后留言速度就变得非常缓慢，关闭后正常了

阿湯說：

那應該是主機不夠力
毛球 on 2010 年 11 月 03 日

今天连谷歌浏览器回复都变慢了，不知道为啥

阿湯說：

應該是網站的速度問題.
毛球 on 2010 年 11 月 03 日

支持的挺好的，就是在IE和Opera上提交评论的时候特别慢

阿湯說：

IE慢是正常.OPera應該不會才是
ultra38 on 2010 年 06 月 25 日

恩那么我就测试一下- –
2.9.2完美支持吗?

阿湯說：

主要是要看佈景
Terry on 2010 年 04 月 10 日

怎样才能让主题支持ajax啊，我装了好几个回复插件都用不起来呢~~

阿湯說：

應該就是佈景的問題了,要改佈景或是換一個吧
GeeYt on 2010 年 02 月 13 日

我的布景不支持。。。。

阿湯說：

那就只能自己手動改囉
heifenbrug on 2010 年 01 月 19 日

這個插件我的部落格完全用不了也

阿湯說：

表示你的佈景沒有支援或是有其它外掛相衝
halie on 2009 年 09 月 15 日

WP 2.8 可以实现这个效果么

阿湯說：

應該沒有問題的，不過還是得看看佈景
l4ever on 2009 年 06 月 26 日

:as45 just test ajax commont!
l4ever on 2009 年 06 月 26 日

:as16
幸福流域 Tea-River on 2009 年 06 月 18 日

謝謝分享，我也安裝囉，不過他也需要重新整理後才會看到（留言審核中），我有在其他人的留言上看到，如果要審核的留言，他會直接秀出來，不知道是不是用這一項外掛？….. :as67

阿湯說：

表示佈景沒有完全支援

有ajax效果只是沒有直接顯示留言
Syuan on 2009 年 06 月 13 日

請問一下我安裝了
我也按照步驟做
可是都沒有看到連言的地方有變
怎麼會這樣？

阿湯說：

有些佈景是效果有但不明顯

有些是沒有作用，要看佈景
dark309 on 2009 年 05 月 31 日

這外掛很像跟2.8beta2 和不太起來的感覺
還是要RE頁面才能看到新的留言
有替代的外掛嗎?

阿湯說：

那應該跟wp版本沒關係

跟佈景有關係，可能要去改comment的源碼哦
小毛 on 2009 年 05 月 07 日

了解..謝謝大哥賜教..感恩感恩

阿湯說：

不客氣啦，很多外掛的效果本來

就取決於佈景，所以很難說
小毛 on 2009 年 05 月 07 日

我是用這個 WP-PortalTheme 2.1
不知道怎麼了?拜託教一下…求求你了 ^^

阿湯說：

應該就是和inove 一樣，送出後重整才會看到

那沒關係，送的出去就行了

如果要改應該會改不少地方哦…..
小毛 on 2009 年 05 月 06 日

我用了這個外掛..可是..留言送出成功後,要重新整理才看得到耶??

阿湯說：

這要看佈景，你是用哪一個？

inove的話就會這樣
Ausir on 2009 年 04 月 27 日

我裝了 MG12 的

但是沒反應 XD

阿湯說：

哈，我是沒試，有空來試試

不然就要問MG12了@@
Pete on 2009 年 04 月 26 日

Although I have no clue what you guys are writing here, I’d like to say thanks for the nice tutorial on how to set up the plugin. Great work!

😉

阿湯說：

You’re welcome.

And you can use “http://translate.google.com/” to translate this webpage.
Ausir on 2009 年 04 月 24 日

難怪我覺得你回應文章的速度變快了
原來是這樣

阿湯說：

你們Inove的作者mg12也有出一套類似的
OldNick on 2009 年 04 月 24 日

請問一下喔
Ajax Comment Posting
和
iF AJAX Comments For WordPress
有什麼關聯勒
為啥你給的連結是第一個教學卻是第2個阿 :as29
讓我弄了半天也弄不出設定頁面
才注意到我安裝的外掛跟你標題介紹得不同 :as14

阿湯說：

拍謝，網址ＫＥＹ錯了，修正囉~~

這二個外掛其實都是回覆的Ajax效果

不過測試後是我介紹的這一個比較好用

純屬個人感覺..
Poshi on 2009 年 04 月 23 日

我有個部落格友叫Jinwen（wpsay.com）的，他就研究很多在wordpress上使用ajax效果的內容，不過是簡體中文寫作，有時間也可以去看看

阿湯說：

網站是掛了嗎＠＠開不了
馬諦斯 on 2009 年 04 月 23 日

你換網址PR和部落格觀察都重來了
加油啊!~

阿湯說：

呵呵，反正我原先的ＰＲ就還沒破０過

沒關係@@
拆組達人 on 2009 年 04 月 23 日

這個好！我現在馬上去安裝^^
—
拆組達人與您分享辦公室的大小事

阿湯說：

inove的作者mg12好像也有開發類似的插件

我改天幫你找看看,可能比較符合inove使用
天仙 on 2009 年 04 月 23 日

今天在跟阿宅研究discus的留言板說～
噗～～

阿湯說：

垃圾留言都不知道怎麼判定的

可能看心情的吧..

Press ESC to close

About the Author

Related Articles

Comments

發佈留言