欢迎您光临自学哈网,只为分享网络知识教程,供大家学习参考!

「自学哈网」WordPress主题开发教程二十五:留言模板

作者 : 自学哈 本文共1576个字,预计阅读时间需要4分钟 2022-11-26 共126人阅读
也想出现在这里? 联系我们

文章快捷目录

这篇将涉及到博客一个比较重要的东西;评论模板

你应该知道:

没有快速的方式在 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文件中,entryDIV 的下面,输入以下代码:

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

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-templateDIV 围住comments_template()。现在你的评论模板在一个 DIV 标签中的一个有序列表中。

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

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

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

简单整理下就是:

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

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

本站声明:
本站所有资源来源于网络,分享目的仅供大家学习和交流!如若本站内容侵犯了原著者的合法权益,可联系邮箱976157886@qq.com进行删除。
自学哈专注于免费提供最新的分享知识、网络教程、网络技术的资源分享平台,好资源不私藏,大家一起分享!

自学哈网 » 「自学哈网」WordPress主题开发教程二十五:留言模板
也想出现在这里? 联系我们
© 2022 Theme by - 自学哈网 & WordPress Theme. All rights reserved 浙ICP备2022016594号