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 主題系列教程均為本站翻譯,如要轉載,請注明:轉載自我愛水煮魚和本文地址。


想在手機閱讀更多Wordpress資訊?下載【香港矽谷】Android應用
分享到Facebook
技術平台: Nasthon Systems