WordPress 主题制作系列教程#16 评论模板

WordPress 主题制作系列教程#16 评论模板

原文地址:http://www.wpdesigner.com/2007/03/17/wp-theme-lesson-16-comments-template/
翻译:票友山

tutorial-series.gif

你马上就可以出山了 ,请挺过这最后一课 ,因为今天这一课,将告诉你赋予一个博客生命的关键—— 评论模板 。在我看来,如果一个BLOG 不允许读者进行评论,它就不算是一个BLOG 。看你对某些人来说,评论并不重要,但是对我来说,我很难想象一个BLOG 没有评论。

你应该知道

  • comments.php 中设置评论模板并没有一定正确的方法
  • 大多数WordPress 主题设计者都是使用WordPress默认主题Kubrick 中提供的默认comments 模板
  • 一些设计者修改默认的模板来满足自己的需求。
  • 你将使用我的对默认评论模板的修改版本

步骤 1

  • 创建新文件:comments.php
  • 拷贝我的comments.txt 中所有内容到 comments.php
  • 保存comments.php 。

步骤 2

  • 拷贝我的comments-template-cssstyle.css.
  • 将它放在style.css 文件最后面或者刚好#footer 之上。

步骤 3

single.phpentry DIV 之下输入:

<div class=”comments-template”>
<?php comments_template(); ?>
</div>

comments-template.gif

comments_template() 函数调用comments.php 文件中的comments模板。comments.php 文件通过内部的模板(或者说代码)来显示评论列表,列表的每个项目都是列表中的一个评论。

你也可以将 comments_template() 函数放置在page.php文件中来允许读者评论。如果你愿意,请在page.php 中重复步骤 3 。

步骤 4

步骤 4 是验证你的代码,然而,这一步在这个教程里面没有,因为你在使用的是我 干净的 并且修改过的默认评论模板,我已经替你验证过这些模板了

验证方法:

  • 点击查看 > 页面源代码 或者源文件
  • 复制所有的源代码
  • 转到validator
  • 将所有源代码粘贴到 Direct Input box 。
  • 点击Check

对于以后的参考(当你自己创建主题和评论模板的时候),下面的页面你都需要验证:

  • 主页
  • 存档页面
  • 分类页面(如果你自定义过分类页面)
  • 搜索结果页面
  • 页面(比如关于)
  • 单篇日志查看页面
  • 无评论的单篇日志查看页面
  • 有评论的单篇日志查看页面
  • 有必须登录信息的单篇日志查看页面
  • 无必须登录信息的单篇日志查看页面
  • 有评论的且有密码保护的单篇日志查看页面

关于评论模板的进一步说明

  • 评论模板的基础是一个Ordered List(有序列表) (OL)而不是无序的,尽管它们工作方式基本上相同。无序列表以圆点列表组织,而有序列表则以数字列表组织(每个条目都有一个数字,从 1 开始)。
  • single.php 文件中,你使用comments-template DIV 围住comments_template() 。现在,你的评论模板是DIV 中的有序列表。

当你对你的日志设置了密码之后,你的评论也被密码保护起来。

password-protected.gif

修改过的默认模板,也就是你在使用的这个模板,会有一个子标题提示Password Protected ,但是默认的模板中没有。

就是下面这些东西组成了评论列表

comments-template-core.gif

下图说明了他们的具体意思

comments-template-simple.gif

comment_text() 函数调用每个评论。

对于相关的CSS 代码,我就不解释了,和comments.php 文件中的代码不同,你可以修改CSS 代码而无需改动评论模板。如果你自己动手修改,而不是看我的解释,你会理解得更加深刻。

猜猜我想说什么?哈哈,今天的课程完了,而你也可以算是学成出山了。

最初的关于主题的系列教程已经完成了,将来的课程将会讨论一些更为高深的设计方法。

版权说明

无特殊说明均为原创文章,转载请注明。
本文链接地址: http://sunxun.info/2009/07/wp-theme-16-comments-template/

分享家:Addthis中国
  1. 2010年2月22日 21:33 | #1

    关个教程和水煮鱼的近似,关键是太旧,评论不支持嵌套回复,连@ reply插件也不支持,学了近乎白学。

发表评论

XHTML: 您可以使用这些标签: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>
注意: 评论者允许使用'@user空格'的方式将自己的评论通知另外评论者。例如, ABC是本文的评论者之一,则使用'@ABC '(不包括单引号)将会自动将您的评论发送给ABC。请务必注意user必须和评论者名相匹配(大小写一致)。