首页 » WordPress » WordPress 主题教程 #16：留言模板

WordPress 主题教程 #16：留言模板

Denis 2007年07月13日

这篇教程是在 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.gif

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 标签中的一个有序列表中。

当你你的日志是密码保护的，你的评论同样是密码保护的：

password-protected.gif

这个修改版的留言模板有一个 H2 子标题显示 Password Protected。默认的留言模板是没有的。

下面展示了哪些东西组成了你的留言列表：

comments-template-core.gif

简单整理下就是：

comments-template-simple.gif

comment_text() 函数就是用来调用每条留言的。

我不会解释留言模板的 CSS 代码的意思。不像 comments.php 文件中的代码，你可以随便测试你的 CSS 代码而不会弄坏留言模板。自己去测试回比我的解释对你更有好处。

今天没有课程回顾，你已经完成了 WordPress 主题制作教程。

原文：link

标签：

分享到：

46 条评论 添加你的评论 →

  • 凌紫枫 2009-03-06 00:29:12 #

    粗略的跟着做了一遍，收藏了慢慢回顾，嘿嘿 :cool:

    支持 反对1

  • Twitter 2009-03-24 15:05:57 #

    一步步跟着做下来了！到最后整体显示都很正常 和教程得差不多， 但最最最最可恶的问题出现了，我的后台进不去了，提示我N多错误 进不去后台了 晕丫丫

    支持1 反对1

  • DeepBlue 2009-05-10 14:18:43 #

    很好，谢谢博主，可惜没有教如何调用图片，和汉化(我试了下把有些字改成了中文，但发现显示错误，不知道怎么回事)。各位大虾，谁能告诉我。

    我的QQ：529155318

    Email:529155318@qq.com

    支持 反对1

  • 江月何年 2009-07-17 18:06:33 #

    呼……用了2天，全部看完了……
    照着一步一步做了下去。
    收获很大。
    谢谢Denis对wp在中国的发展做出的贡献……
    很大的贡献！
    顺便建议后来者，看此教程要结合别的经典主题对照来看，会学到更多更实用的东西。这些东西只是基础，离做出一个可以流行的主题还差很远！
    现在要找插图片的方法了……
    最后，再谢谢原文作者和小鱼一次！

    支持 反对

  • ZhuobinLI 2009-07-31 16:55:18 #

    很感谢博客主人啊！！！
    刚刚开始了解WordPress，看了这个，了解到怎么去做主题了～
    谢谢～！感谢！ :razz:

    支持 反对

  • a691662 2009-08-04 20:23:25 #

    一天的时间 看完了 留个名
    还是有错 不过很精彩 翻译得也不错
    代码还没背熟 不过比指针之类的c简单多了 估计很快就可以熟练

    支持2 反对3

  • 柒柒肆壹 2009-11-04 02:47:01 #

    感谢 自己时间研究了一下很有帮助

    支持 反对

  • wpzone 2010-01-19 10:08:52 #

    我觉得博主可以出一本关于wordpress的书了

    支持 反对1

  • 缝衣针 2010-03-21 15:38:38 #

    到这里完全结束了，感谢LZ的教程，真的很有用。

    支持1 反对

  • lolo爱你 2010-11-09 04:13:34 #

    我想问下，我查看到源文件，文章的内容中文字的都是乱码
    需要改什么参数？？？

    支持 反对

  • czp568 2011-02-15 22:30:31 #

    请问下博主
    这个仲么解决啊~！
    http://www.indetime.com/wp-content/uploads/2011/02/00.jpg
    我按部就班的按照你这教程弄了一简单主题。
    话说这教程对于新手来说相当有用。
    在这说声感谢 :grin:

    支持2 反对

  • 我爱打折狂 2011-02-19 23:13:06 #

    正在制作自己的第一个模板。
    感觉收获很多，非常感谢
    http://www.haodiansou.com留个链接哈

    支持 反对

  • 我爱打折狂 2011-02-19 23:14:09 #

    正在制作自己的第一个模板。
    感觉收获很多，非常感谢
    http://www.haodiansou.com

    支持 反对

  • lan丫头 2011-06-21 11:40:42 #

    感谢博主的分享。。。 :oops:

    支持 反对

  • 杨 2011-09-02 09:54:33 #

    如何在后台管理 外观 加入主题，以及一些关于主题的设置。

    支持 反对

  • 中特 2012-02-03 17:43:23 #

    看了两天，也联系了两天，终于搞定了一个简陋的主题！
    谢谢Denis！
    :mrgreen:

    支持 反对

1 2

发表评论

你必须 登陆 之后才能留言。你可以使用以下方式快速登陆我爱水煮鱼：

使用新浪微博登陆 使用腾讯微博登陆 使用豆瓣登陆

你也可选择直接在本站 注册。