WP Theme 教程 #16:留言模板
|
這篇教程是在 WordPress 2.7 之前撰寫的,而 WordPress 2.7 之后支持了 Thread Comments,這里有讓你的主題實現 WordPress 2.7 的 Thread Comments 的方法。但是還是建議你查看下這篇教程。
留言模板是從零開始創建 WordPress 主題系列教程的最后一篇。這篇將涉及到博客一個比較重要的東西;評論模板。
你應該知道:
- 沒有快速的方式在 comments.php 建立評論模板
- 大部分的 WordPress 設計者使用來自 WordPress 默認主題(Kubrick)的默認評論模板根據。
- 一些設計者會修改默認的評論模板去適合他們自己的需求。
- 你將使用我的對默認評論模板的修改版本。
第1步
- 創建一個新文件:comments.php.
- 把我的 comments.txt 文件中的內容拷貝到你的 comments.php。
- 保存 comments.php 文件。
第2步
- 把我的 comments-template-css 文件中的內容拷貝到你的 style.css 文件中。
- 復制到 style.css 的底部或者剛好 #footer 的上面。
第3步
在 single.php 文件中,entry DIV 的下面,輸入以下代碼:
<div class=”comments-template”>
<?php comments_template(); ?>
</div>
![]()
comments_template() 這個函數是用來從 comments.php 文件調用評論模板。 comments.php 文件然后就會根據它的模板(或者代碼)去顯示評論列表。列表中的每個條目是一條評論。
你同樣可以把 comments_template() 函數用到 page.php 文件以讓人們可以在靜態頁面也可以留言。是否這么做取決于你,如果你喜歡,重復上面的三步修改 page.php 文件。
第4步
第四步是驗證你的代碼,然而可以不進行第四步的,因為你在使用的是我已經整理過的默認主題評論模板的修改版。我已經替你驗證過代碼了。
驗證:
- 查看 > 頁面源代碼
- 拷貝所有源代碼
- 然后到 validator。
- 把你的代碼粘貼到 Direct Input 框中。
- 點擊 Check。
以后的參考(當你創建你自己的主題和評論模板),下面是需要驗證的頁面:
- 主頁 -- Home page
- 存檔頁面 -- Archive pages
- 類別頁面 -- Category pages (如果你自定義了類別頁面)
- 搜索結果頁面 -- Search result pages
- 靜態頁面 -- Pages (如:About)
- 單一日志頁面 -- Single post view page
- 單一日志沒有留言 -- Single post with no comments
- 單一日志有留言 -- Single post with comments
- 單一日志含有必須登錄信息 -- Single post with must login message
- 單一日志沒有必須登錄信息 -- Single post with no login required message
- 密碼保護的單一日志并有留言 -- Password protected single post with comments
評論模板的進一步解釋
- 評論模板從根本上說是一個有序列表(OL),不是無序的,盡管它們基本上同樣方式工作。 無序列表是以圓點列表組織的。有序列表則是以數字列表組織的(每個條目都有一個數字,從1開始)。
- 在 single.php 文件中,你用 comments-template DIV 圍住comments_template()。現在你的評論模板在一個 DIV 標簽中的一個有序列表中。
當你你的日志是密碼保護的,你的評論同樣是密碼保護的:
![]()
這個修改版的留言模板有一個 H2 子標題顯示 Password Protected。默認的留言模板是沒有的。
下面展示了哪些東西組成了你的留言列表:
![]()
還有這里是那些實際的意思:
![]()
comment_text() 函數就是用來調用每條留言的。
我不會解釋留言模板的 CSS 代碼的意思。不像 comments.php 文件中的代碼,你可以隨便測試你的 CSS 代碼而不會弄壞留言模板。自己去測試回比我的解釋對你更有好處。
今天沒有課程回顧,你已經完成了。
首批關于主題的系列教程已經完成了,將來的課程將會涉及到更加高級的設計和樣式化技朮。
請查看教程目錄:WordPress 主題教程系列
翻譯自:WP Theme Lesson #16: Comments Template
創建 WordPress 主題系列教程均為本站翻譯,如要轉載,請注明:轉載自我愛水煮魚和本文地址。
Article Series
- WP Theme 教程 #16:留言模板
|
|
Fairy FishWordPress 主题制作:你可以自己设计,也可以设计好了,找我们帮你做,详情请联系我。 |