首页 » WordPress 主题 » WP Theme 教程 #16:留言模板

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.gif

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

当你你的日志是密码保护的,你的评论同样是密码保护的:

password-protected.gif

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

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

comments-template-core.gif

还有这里是那些实际的意思:

comments-template-simple.gif

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

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

今天没有课程回顾,你已经完成了

首批关于主题的系列教程已经完成了,将来的课程将会涉及到更加高级的设计和样式化技术。

请查看教程目录:WordPress 主题教程系列

翻译自:WP Theme Lesson #16: Comments Template

创建 WordPress 主题系列教程均为本站翻译,如要转载,请注明:转载自我爱水煮鱼和本文地址。

作者:雪山飞猪
原文链接:WP Theme 教程 #16:留言模板
我爱水煮鱼版权所有,转载时必须以链接形式注明作者和原始出处及本声明。

17fav 收藏本文

PR: 3 / del.ici.ous it / Technorati: 5

17 条评论 添加你的评论

  • 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

    请问这个留言模板如果字数太多没换行会超出框架,会撑破框架,怎么处理? :roll:

    [回复该留言]

  • 9. JxmoonBlog  |  April 6th, 2008 at 10:37 am

    非常感谢雪山飞猪的翻译
    译的非常的好。

    [回复该留言]

  • 10. 二手科学家  |  April 16th, 2008 at 3:42 pm

    照着翻译改了下Comments, :cool:

    [回复该留言]

  • 11. xgo  |  April 24th, 2008 at 10:21 pm

    多谢! :razz: :razz:

    [回复该留言]

  • 12. mingelz  |  May 6th, 2008 at 10:06 pm

    看完了,受益匪浅……谢谢博主~ :smile:

    [回复该留言]

  • 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事业的辛劳耕耘~~~哈哈~

    [回复该留言]

    雪山飞猪 reply on July 15, 2008:

    haha, 谢谢盗盗阅读我的翻译,如有问题能够指出,不限感激!

    [回复该留言]

  • 16. kafeier  |  July 29th, 2008 at 11:22 am

    看完了.学完了.
    有一个问题:所有index.php.single.php,page.php…等等页面都没有说到怎么调用style.css.
    而且也说到了要复制index.php内容到其它页面.但里面也没有定义调用 css.
    我把所有的代码都复制下来.但分栏却不成.只有一栏.
    想向你请教一下.怎么联系你.我的q:7733397
    谢谢

    [回复该留言]

发表评论

必须

必填,打死不公开

:mrgreen: :neutral: :twisted: :arrow: :shock: :smile: :???: :cool: :evil: :grin: :idea: :oops: :razz: :roll: :wink: :cry: :eek: :lol: :mad: :sad: :!: :?:

Plugin:WordPress 表情秀 WP Theme 教程翻译完成


WooThemes - Premium WordPress Themes Club

订阅

本站推荐

正在更新

分类

Clicki

抓虾