fbpx

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

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〞搜尋,點擊他安裝吧

點擊〝立刻安裝〞

直接〝啟用外掛〞

後台設定:

總共有四大類設定頁面,我們先來看看第一個〝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不會造成留言時還需重新讀取頁面,試試就懂我的意思囉!

你可能對這些內容也有興趣

阿湯 作者:阿湯

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

更多關於的文章》

29 個留言

  1. Avatar IVAL表示:

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

    阿湯 說:

    要自行修改囉

  2. Avatar 阿呆。表示:

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

    阿湯說:

    不過不是全部的佈景都相容就是

  3. Avatar 沒救的人表示:

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

    阿湯說:

    加油

  4. Avatar Pigmu表示:

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

    阿湯說:

    可能是不相容了

  5. Avatar 独星表示:

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

    阿湯說:

    大概是版本不符合新版的wp了

  6. Avatar 毛球表示:

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

    阿湯說:

    那應該是主機不夠力

  7. Avatar 毛球表示:

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

    阿湯說:

    應該是網站的速度問題.

  8. Avatar 毛球表示:

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

    阿湯說:

    IE慢是正常.OPera應該不會才是

  9. Avatar ultra38表示:

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

    阿湯說:

    主要是要看佈景

  10. Avatar Terry表示:

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

    阿湯說:

    應該就是佈景的問題了,要改佈景或是換一個吧

  11. Avatar GeeYt表示:

    我的布景不支持。。。。

    阿湯說:

    那就只能自己手動改囉

  12. Avatar heifenbrug表示:

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

    阿湯說:

    表示你的佈景沒有支援或是有其它外掛相衝

  13. Avatar halie表示:

    WP 2.8 可以实现这个效果么

    阿湯說:

    應該沒有問題的,不過還是得看看佈景

  14. Avatar l4ever表示:

    :as45 just test ajax commont!

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

    阿湯說:

    表示佈景沒有完全支援

    有ajax效果只是沒有直接顯示留言

  16. Avatar Syuan表示:

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

    阿湯說:

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

    有些是沒有作用,要看佈景

  17. Avatar dark309表示:

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

    阿湯說:

    那應該跟wp版本沒關係

    跟佈景有關係,可能要去改comment的源碼哦

  18. Avatar 小毛表示:

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

    阿湯說:

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

    就取決於佈景,所以很難說

  19. Avatar 小毛表示:

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

    阿湯說:

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

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

    如果要改應該會改不少地方哦…..

  20. Avatar 小毛表示:

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

    阿湯說:

    這要看佈景,你是用哪一個?

    inove的話就會這樣

  21. Avatar Ausir表示:

    我裝了 MG12 的

    但是沒反應 XD

    阿湯說:

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

    不然就要問MG12了@@

  22. Avatar Pete表示:

    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.

  23. Avatar Ausir表示:

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

    阿湯說:

    你們Inove的作者mg12也有出一套類似的

  24. Avatar OldNick表示:

    請問一下喔
    Ajax Comment Posting

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

    阿湯說:

    拍謝,網址KEY錯了,修正囉~~

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

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

    純屬個人感覺..

  25. Avatar Poshi表示:

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

    阿湯說:

    網站是掛了嗎@@開不了

  26. Avatar 馬諦斯表示:

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

    阿湯說:

    呵呵,反正我原先的PR就還沒破0過

    沒關係@@

  27. Avatar 拆組達人表示:

    這個好!我現在馬上去安裝^^

    拆組達人 與您分享辦公室的大小事

    阿湯說:

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

    我改天幫你找看看,可能比較符合inove使用

  28. Avatar 天仙表示:

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

    阿湯說:

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

    可能看心情的吧..

發表留言 »

姓名(*)
信箱(*)