Categories: jQuery/Ajax

Ajax – 讓你的WordPress內建留言系統動起來!

前幾天的某個很無聊的夜晚,在網路的大海上釣著魚……一不小心就在這裡釣到了一條滿有趣的大魚。

它是一隻用在WordPress下的外掛程式,主要是利用原有的評論模板加上一些Ajax的程式碼之後所完成,安裝與設定都非常的簡單,且檔案極小,僅有數十KB的大小且執行速度極快,對於網站開啟速度並沒有太明顯的影響。

程式資訊:

【程式名稱】:Ajax Comments

【程式用途】:實現WordPress的Ajax回覆留言功能。

【程式範例】:請於本文下方做測試,也可以提供建議。

【程式載點】:●具有修改功能版不具修改功能版

程式使用與安裝。

解壓縮後,將comments-ajax.js 及 comments-ajax.php放於:

WordPress安裝位置/wp-cpntent/themes/你的模板位置

之後開啟模板的header.php,找到:

<?php if ( is_singular() ) s9p_enqueue_script( 'comment-reply' ); ?>

將它改成:

<script type="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js">
</script>
<?php if ( is_singular() ){ ?>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/comments-ajax.js"></script>
<?php } ?>

假設你的回覆模板夠標準(符合WP官方的區域分配)的話,那麼你就不需要擔心留言跑位或無法顯示的問題。

若你的留言模板擁有別出心裁的設計,那麼,請打開comments-ajax.php修改128行至141的內容,防止你的留言/回覆樣式出現無法預期的狀況。

修改功能。

這個功能其實滿方便的,就是讓你的訪客留言完畢的時候若發現有誤可以修改內容,前提是要在還沒有切換或重新整理頁面之前才可使用。

但有一個缺點,就是若你你使用修改功能的版本的話,那你有可能會一直收到WordPress寄給你的信件,跟你說有人在你的部落格留言或需審核的信件(若你有開啟此功能的話)。

多層次系統

或許你會納悶,我的部落格的回覆都只能是平平的呢? 為什麼不能像樓梯這樣一層一層的呢?

其實這很簡單,也不需要任何的外掛,更不需要修改到風格模板。你只需要到WordPress的控制台點一點滑鼠就能出現這樣的效果了。

控制台選單選擇回應

將 

jQuery程式庫載入。

另外,此程式需要用到jQuery的程式庫,而此程式的第一段語法就是預載入Google的jQuery程式庫,若你的模板已載入jQuery那麼可以忽略這一行變成:

<?php if ( is_singular() ){ ?>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/comments-ajax.js"></script>
<?php } ?>

即可。

參考資料:WILLIN KAN

duye.chen

View Comments

Share
Published by
duye.chen

Recent Posts

[教學] 打造你的 NFT 智能合約 – ERC721A

GM!前些日子在幣圈亂玩,一路...

2 年 ago

JavaScript – Singleton 設計模式

前言 在設計程式時,我們有時會...

4 年 ago

PlaidML 讓你的 Mac 也能加速 Tensorflow 機器學習!

相信很多使用 Mac 或者手上...

4 年 ago

RESTful API 測試很煩,只好動手寫屬於自己的測試了

寫在最前面 嗨,大家好久不見!...

4 年 ago

Node.js 與 Socket.io – 即時聊天室實作:資料庫

經過前兩篇(一、二)文章,我們...

7 年 ago