这篇教程是在 WordPress 2.7 之前撰写的,而 WordPress 2.7 之后支持了 Thread Comments,这里有让你的主题实现 WordPress 2.7 的 Thread Comments 的方法。但是还是建议你查看下这篇教程。
留言模板是从零开始创建 WordPress 主题系列教程的最后一篇。这篇将涉及到博客一个比较重要的东西;评论模板。
你应该知道:
- 没有快速的方式在 comments.php 建立评论模板
- 大部分的 WordPress 设计者使用来自 WordPress 默认主题(Kubrick)的默认评论模板根据。
- 一些设计者会修改默认的评论模板去适合他们自己的需求。
- 你将使用我的对默认评论模板的修改版本。
第1步:创建 comments.php
- 创建一个新文件:
comments.php。 - 把我的 comments.txt 文件中的内容复制到 comments.php。
- 保存 comments.php 文件。
第2步:样式化留言
- 把我的 comments-template-css 文件中的内容拷贝到你的 style.css 文件中。
- 复制到 style.css 的底部或者刚好 #footer 的上面。
第3步:在 single.php 添加留言模板
在 single.php 文件中,entry DIV 的下面,输入以下代码:
<div class=”comments-template”>
<?php comments_template(); ?>
</div>

comments_template() 这个函数是用来从 comments.php 文件调用评论模板。 comments.php 文件然后就会根据它的模板(或者代码)去显示评论列表。列表中的每个条目是一条评论。
如果想让人们可以在静态页面也可以留言,同样可以把 comments_template() 函数用到 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 主题制作教程。
WordPress 主题教程
- WordPress 主题教程:从零开始制作 WordPress 主题
- WordPress 主题教程 #1:介绍
- WordPress 主题教程 #2:模板文件和模板
- WordPress 主题教程 #3:开始 Index.php
- WordPress 主题教程 #4a:Header 模板
- WordPress 主题教程 #4b:Header 模板 2
- WordPress 主题教程 #5:主循环
- WordPress 主题教程 #5b:日志内容
- WordPress 主题教程 #5c:日志元数据
- WordPress 主题教程 #5d:Else,日志 ID,链接标题
- WordPress 主题教程 #5e:日志导航链接
- WordPress 主题教程 #6:侧边栏
- WordPress 主题教程 #6b:页面链接列表
- WordPress 主题教程 #6c:存档和链接列表
- WordPress 主题教程 #6d:搜索框和日历
- WordPress 主题教程 #6e:窗体化侧边栏
- WordPress 主题教程 #7:尾部
- WordPress 主题教程 #8:验证 XHTML
- WordPress 主题教程 #9:Style.css 和 CSS 介绍
- WordPress 主题教程 #10:十六进制颜色代码和样式化链接
- WordPress 主题教程 #11:宽度和布局
- WordPress 主题教程 #12:日志样式化和其他杂项
- WordPress 主题教程 #13:样式化侧边栏
- WordPress 主题教程 #14:底部和拆分 Index
- WordPress 主题教程 #15:子模板文件
- WordPress 主题教程 #16:留言模板
- erdaoo 的 WP Theme 教程学习笔记
- WordPress 主题教程电子书下载
原文:link
标签:WordPress 主题 WordPress 教程

粗略的跟着做了一遍,收藏了慢慢回顾,嘿嘿
支持 反对1
一步步跟着做下来了!到最后整体显示都很正常 和教程得差不多, 但最最最最可恶的问题出现了,我的后台进不去了,提示我N多错误 进不去后台了 晕丫丫
支持1 反对1
很好,谢谢博主,可惜没有教如何调用图片,和汉化(我试了下把有些字改成了中文,但发现显示错误,不知道怎么回事)。各位大虾,谁能告诉我。
我的QQ:529155318
Email:529155318@qq.com
支持 反对1
呼……用了2天,全部看完了……
照着一步一步做了下去。
收获很大。
谢谢Denis对wp在中国的发展做出的贡献……
很大的贡献!
顺便建议后来者,看此教程要结合别的经典主题对照来看,会学到更多更实用的东西。这些东西只是基础,离做出一个可以流行的主题还差很远!
现在要找插图片的方法了……
最后,再谢谢原文作者和小鱼一次!
支持 反对
很感谢博客主人啊!!!
刚刚开始了解WordPress,看了这个,了解到怎么去做主题了~
谢谢~!感谢!
支持 反对
一天的时间 看完了 留个名
还是有错 不过很精彩 翻译得也不错
代码还没背熟 不过比指针之类的c简单多了 估计很快就可以熟练
支持2 反对3
感谢 自己时间研究了一下很有帮助
支持 反对
我觉得博主可以出一本关于wordpress的书了
支持 反对1
出电子书可以!
支持 反对
到这里完全结束了,感谢LZ的教程,真的很有用。
支持1 反对
我想问下,我查看到源文件,文章的内容中文字的都是乱码
需要改什么参数???
支持 反对
编码设置为 utf-8
支持 反对
请问下博主
这个仲么解决啊~!
http://www.indetime.com/wp-content/uploads/2011/02/00.jpg
我按部就班的按照你这教程弄了一简单主题。
话说这教程对于新手来说相当有用。
在这说声感谢
支持2 反对
正在制作自己的第一个模板。
感觉收获很多,非常感谢
http://www.haodiansou.com留个链接哈
支持 反对
正在制作自己的第一个模板。
感觉收获很多,非常感谢
http://www.haodiansou.com
支持 反对
感谢博主的分享。。。
支持 反对
如何在后台管理 外观 加入主题,以及一些关于主题的设置。
支持 反对
感谢博主的分享。
支持 反对
看了两天,也联系了两天,终于搞定了一个简陋的主题!
谢谢Denis!
支持 反对