close

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不會造成留言時還需重新讀取頁面,試試就懂我





的意思囉!





arrow
arrow
    全站熱搜
    創作者介紹
    創作者 hsinyu1001 的頭像
    hsinyu1001

    教學湯部落

    hsinyu1001 發表在 痞客邦 留言(0) 人氣()