WP Theme 教程 #16:留言模板
July 13th, 2007 Denis
你几乎完成了。坚持一下最后这一篇课程。这篇你将涉及到所有博客的最重要的东西;评论模板。在我看来,一个博客将不成为我博如果它不允许读者留言。可能对一些人来说,评论或者留言并不是那么重要,但是我觉得这是非常奇怪的去想象不可以留言博客。
你应该知道:
- 没有快速的方式在 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 主题系列教程均为本站翻译,如要转载,请注明:转载自我爱水煮鱼和本文地址。
作者:Denis
原文链接:WP Theme 教程 #16:留言模板





1. chenchen | July 14, 2007 at 2:59 pm | #
給一個太陽~~~滅活活~~~
2. 世纪大厦 | September 10, 2007 at 2:45 am | #
第1遍看完,睡觉去咯,明天继续第2遍;这东西就跟学Pro/E & Auto CAD一样,多看几遍,跟着写写画画,就能记住了,不能死记硬背,不然太累^_^
给鱼兄一缸水,你就好好游吧,别煮了~~~~
3. 果子 | November 25, 2007 at 3:38 pm | #
呼,看完了,辛苦辛苦
实在想每一篇都赞一下,可是这么多
一次性都赞了吧,赞赞赞赞赞
orz
4. sengming | November 25, 2007 at 10:54 pm | #
如何把页页面里的英文转成中文(如: No Comments变成评论)
5. zealer | December 7, 2008 at 1:23 pm | #
修改评论模板啊.该成中文就OK了
6. 黑色饼干 | December 7, 2007 at 11:02 pm | #
哈哈,看完了,做出来的theme特丑!ohoh
7. 努力中的人 | December 11, 2007 at 3:21 am | #
终于看完了…现在研究图片配合方法~
8. bill | January 28, 2008 at 4:22 pm | #
哈哈,利用了两天上班中间空余的时候把教程看了一次,学了不少东西,谢谢猪兄……如果还有进一步的教程会更好,比如如何用CSS向博客上放图片……
9. neohsiao | March 28, 2008 at 7:04 pm | #
请问这个留言模板如果字数太多没换行会超出框架,会撑破框架,怎么处理?
10. JxmoonBlog | April 6, 2008 at 10:37 am | #
非常感谢雪山飞猪的翻译
译的非常的好。
11. 二手科学家 | April 16, 2008 at 3:42 pm | #
照着翻译改了下Comments,
12. xgo | April 24, 2008 at 10:21 pm | #
多谢!
13. mingelz | May 6, 2008 at 10:06 pm | #
看完了,受益匪浅……谢谢博主~
14. ray | May 13, 2008 at 4:38 pm | #
谢谢楼主翻译。
15. 杰克花园 | June 25, 2008 at 2:57 pm | #
很好, 很强大, 呵呵, 多谢了
16. 盗盗 | July 15, 2008 at 7:59 pm | #
俺也终于看完了第一遍,本暑假的目的是通过Wordpress对PHP开始有初步的进阶。感谢Denis为中文WP事业的辛劳耕耘~~~哈哈~
17. Denis | July 15, 2008 at 8:58 pm | #
haha, 谢谢盗盗阅读我的翻译,如有问题能够指出,不限感激!
18. kafeier | July 29, 2008 at 11:22 am | #
看完了.学完了.
有一个问题:所有index.php.single.php,page.php…等等页面都没有说到怎么调用style.css.
而且也说到了要复制index.php内容到其它页面.但里面也没有定义调用 css.
我把所有的代码都复制下来.但分栏却不成.只有一栏.
想向你请教一下.怎么联系你.我的q:7733397
谢谢
19. woody | September 23, 2008 at 9:53 pm | #
我看了一半了,作者和楼主都做了很棒的工作,再次表示感谢。请问还有后续吗?还会翻译吗?
20. Death August | October 22, 2008 at 7:17 pm | #
终于看完了第一遍!吁~~~足足看了一下午,眼都花了,不过非常有收获!心里很满足!O(∩_∩)O哈哈~
脑子稍微有点儿乱了,明天再仔细的研究一下细节!
谢谢Denis!
21. Junghae | October 27, 2008 at 2:54 pm | #
请问下
sidebar里调用最近评论的函数是什么呀???
22. aimzz | November 20, 2008 at 8:32 pm | #
functions.php 这个文件怎么写啊
有什么用处
我做的是左中右三栏,有两个sidebar,怎么调用呢?
出现Fatal error: Call to undefined function get_left_sidebar() in错误
不喜欢用sadbox的方法
多谢指教
23. aimzz | November 20, 2008 at 9:09 pm | #
对了我使用
也可以调用,
但不知道和有什么区别?
24. aimzz | November 20, 2008 at 9:11 pm | #
include (TEMPLATEPATH . ‘/sidebar2.php可以调用
和get_sidebar2() 有和区别
25. fooldy | December 7, 2008 at 2:14 pm | #
太好了,真是谢谢博主,让我全方位的了解了一把wordpress框架。
我要开始构建自己的blog了~!
26. 张玉凤 | December 16, 2008 at 5:38 pm | #
还是不会做出好看的blog来啊,像图片什么的啊!
实在难学好啊! 有时间教我一下啊! QQ:1033108078 598981745 这俩个都行!谢谢了啊!
27. 小雨 | January 7, 2009 at 1:14 pm | #
很有用最近正在学习!
28. 凌紫枫 | March 6, 2009 at 12:29 am | #
粗略的跟着做了一遍,收藏了慢慢回顾,嘿嘿
29. Twitter | March 24, 2009 at 3:05 pm | #
一步步跟着做下来了!到最后整体显示都很正常 和教程得差不多, 但最最最最可恶的问题出现了,我的后台进不去了,提示我N多错误 进不去后台了 晕丫丫
30. DeepBlue | May 10, 2009 at 2:18 pm | #
很好,谢谢博主,可惜没有教如何调用图片,和汉化(我试了下把有些字改成了中文,但发现显示错误,不知道怎么回事)。各位大虾,谁能告诉我。
我的QQ:529155318
Email:529155318@qq.com