在WordPress中使用AJAX技術即時產生留言

今天看了這篇文章
發覺他的內容還蠻有趣的
所以就照著網頁的指示做
目前看來成效還不錯
這篇文章主要是教大家如何利用AJAX技術改造自己的Worpress
使得訪客留言之後可以立即產生在頁面上而不必重新讀取網頁
由於作者是拿Wordpress的預設佈景主題改造
所以如果不是用這佈景主題的人可能要多花點時間尋找對應的code

我就稍微幫大家翻譯一下
同時也是為了自己以後若不幸需要重新開始的話
姑且還能照著自己寫的文章來做 😛

1. 下載ajax-comment.zip

2. 把comments-ajax.php放在佈景主題的目錄下 (/wp-content/themes/your_theme/)

3. 在佈景主題目錄下新建目錄js,並且把壓縮黨內三個javascript檔案都放到js目錄 (/wp-content/themes/your_theme/js/)

4. 打開header.php,在



之前插入以下程式碼

comment_status) or (‘comment’ == $post-> comment_type) ) { ?>




5. 打開comments.php (直到最後一步都是編輯這個檔案),將


    替換成

      6. 把前一步更正的程式碼


        放置在這個程式碼之前



        也就是要改寫成



          這跟原始版本的順序剛好互換
          如果照原始版本擺放
          那留言就不會即時產生了

          7. 這有點長,在回覆表單之前,找到下列程式碼

          comment_status) : ?>


          Comments are closed.



          替換成


          comment_status) : ?>

        No comments yet


      Comments are closed.


      8. 找到下列程式碼

      comment_status) : ?>

      在這行之後(原文是寫Before OR after that line,我發現兩者效果似乎不同,所以我選擇之後)放置以下程式碼

      9. 找到下列程式碼



      如果上面的步驟都打對了
      那麼就可以擁有一個會即時產生留言的功能了 😀

      歷史上的今天...

      Powered by

在〈在WordPress中使用AJAX技術即時產生留言〉中有 4 則留言

發表迴響