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








1. chenchen | July 14th, 2007 at 2:59 pm
給一個太陽~~~滅活活~~~
[回复该留言]
2. 世纪大厦 | September 10th, 2007 at 2:45 am
第1遍看完,睡觉去咯,明天继续第2遍;这东西就跟学Pro/E & Auto CAD一样,多看几遍,跟着写写画画,就能记住了,不能死记硬背,不然太累^_^
给鱼兄一缸水,你就好好游吧,别煮了~~~~
[回复该留言]
3. 果子 | November 25th, 2007 at 3:38 pm
呼,看完了,辛苦辛苦
实在想每一篇都赞一下,可是这么多
一次性都赞了吧,赞赞赞赞赞
orz
[回复该留言]
4. sengming | November 25th, 2007 at 10:54 pm
如何把页页面里的英文转成中文(如: No Comments变成评论)
[回复该留言]
5. 黑色饼干 | December 7th, 2007 at 11:02 pm
哈哈,看完了,做出来的theme特丑!ohoh
[回复该留言]
6. 努力中的人 | December 11th, 2007 at 3:21 am
终于看完了…现在研究图片配合方法~
[回复该留言]
7. bill | January 28th, 2008 at 4:22 pm
哈哈,利用了两天上班中间空余的时候把教程看了一次,学了不少东西,谢谢猪兄……如果还有进一步的教程会更好,比如如何用CSS向博客上放图片……
[回复该留言]
8. neohsiao | March 28th, 2008 at 7:04 pm
请问这个留言模板如果字数太多没换行会超出框架,会撑破框架,怎么处理?
[回复该留言]
9. JxmoonBlog | April 6th, 2008 at 10:37 am
非常感谢雪山飞猪的翻译
译的非常的好。
[回复该留言]
10. 二手科学家 | April 16th, 2008 at 3:42 pm
照着翻译改了下Comments,
[回复该留言]
11. xgo | April 24th, 2008 at 10:21 pm
多谢!

[回复该留言]
12. mingelz | May 6th, 2008 at 10:06 pm
看完了,受益匪浅……谢谢博主~
[回复该留言]
13. ray | May 13th, 2008 at 4:38 pm
谢谢楼主翻译。
[回复该留言]
14. 杰克花园 | June 25th, 2008 at 2:57 pm
很好, 很强大, 呵呵, 多谢了
[回复该留言]
15. 盗盗 | July 15th, 2008 at 7:59 pm
俺也终于看完了第一遍,本暑假的目的是通过Wordpress对PHP开始有初步的进阶。感谢Denis为中文WP事业的辛劳耕耘~~~哈哈~
[回复该留言]
haha, 谢谢盗盗阅读我的翻译,如有问题能够指出,不限感激!
[回复该留言]
16. kafeier | July 29th, 2008 at 11:22 am
看完了.学完了.
有一个问题:所有index.php.single.php,page.php…等等页面都没有说到怎么调用style.css.
而且也说到了要复制index.php内容到其它页面.但里面也没有定义调用 css.
我把所有的代码都复制下来.但分栏却不成.只有一栏.
想向你请教一下.怎么联系你.我的q:7733397
谢谢
[回复该留言]