分享本文

分享在 facebook
分享在 twitter
分享在 linkedin
分享在 whatsapp
分享在 telegram
今天的主題製作學習筆記要探討的是評論功能,如無意外,下一篇文章也是探討關於主題評論的部份。長期使用 WordPress 的使用者們都知道,自從 WordPress 2.7 之後的版本都已經支援自帶評論分頁的功能了,但是,我們要如何將這樣的功能實現在主題裏呢?在 WordPress 官方網站的代碼頁面,我們可以看到相當簡單的代碼,請你將原本 comments.php 裡面的這段代碼:

今天的主題製作學習筆記要探討的是評論功能,如無意外,下一篇文章也是探討關於主題評論的部份。

長期使用 WordPress 的使用者們都知道,自從 WordPress 2.7 之後的版本都已經支援自帶評論分頁的功能了,但是,我們要如何將這樣的功能實現在主題裏呢?在 WordPress 官方網站的代碼頁面,我們可以看到相當簡單的代碼,請你將原本 comments.php 裡面的這段代碼:

 

 

修改為以下代碼:

 

 

如此即可實現自帶評論分頁的功能了,這樣是不是就能解決你的留言頁面落落長的困擾呢?並且又能少裝一個插件、減少資料庫的負擔囉!

如果想要美化你的評論分頁樣式,請開啟 style.css 樣式檔案,將以下樣式代碼加入,記得要將樣式顏色和框線改為符合你主題的樣式喔!

 

/* 評論分頁 */.comments-navi {float:left;font-size:12px;line-height:22px;width:100%;margin-bottom: 10px;text-align: center;}.comments-navi a {text-decoration:none;margin: 2px 6px 2px 0;background:#fff;border:1px solid #e5e5e5;border-radius: 3px;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;color:#2F8CAB;padding:2px 5px 2px 5px;text-decoration:none;float:center;}.comments-navi a:hover {background: #8391A7;border:1px solid #fff;color:#fff;}.comments-navi span.current {background: #21BEDE;border:1px solid #e5e5e5;border-radius: 3px;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;color:#fff;font-family: inherit;font-style: inherit;font-weight: inherit;font-size:12px;padding:2px 5px 2px 5px;}

 

接下來繼續跟大家分享「Ctrl+Enter快速留言發送」的功能,請按底下分頁 2 翻頁繼續閱讀。

請拍掌支持我繼續創作

↓↓↓ 若你喜歡我的文章,請在下方的「讚賞鍵」按讚,我會因此獲得收入。

回饋由 LikeCoin 基金會出資,您只要註冊/登入帳號(fb、google 帳號都可以註冊,流程超快),按五次左鍵,就可以贊助我的文章,完全免費。感謝支持。 ↓↓↓

飛翔於文字國裏的蝴蝶,我是愛寫文的女子,不要看我的人,請你看看我的文,那裡面全是我的心.和我想對你說的話……
StartOver.回。到。原。點 https://carrielis.com

分享本文

分享在 facebook
分享在 twitter
分享在 linkedin
分享在 whatsapp
分享在 telegram

“WordPress 主題製作學習筆記:幫你的主題加上「自帶評論分頁」與「Ctrl+Enter快速留言發送」功能” 有 6 則留言

    1. willin Kan 最新一版的 Ajax 評論代碼應該是沒有包含這個功能的,還是要額外加入,因為我之前有問過他,我也是使用他的 Ajax 評論代碼呢!

請留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

相關文章

捲動至頂端