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不會造成留言時還需重新讀取頁面，試試就懂我的意思囉！