WordPress主题制作全过程（九）：制作single.php

今天我们来制作单文章页single.php，有了之前制作index.php的经验，制作single.php也不再那么难了，这里将直接略过一些内容，直接给出结果。如果对某些修改不太清楚，可以先参考：WordPress主题制作全过程（八）：制作index.php

1、添加文章标题：

<h3 class="title"><a href="single.html">Loreum ipsium massa cras phasellus</a></h3>

改成：

<h3 class="title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>

2、添加文章标签

<a href="#">News</a>, <a href="#">Products</a>

改成：

<?php the_tags('标签：', ', ', ''); ?>

3、添加日期
找到：31st Sep, 09 改成：

<?php the_time('Y年n月j日') ?>

4、显示评论数

<a href="#">7 Comments</a>

改成：

<?php comments_popup_link('0 条评论', '1 条评论', '% 条评论', '', '评论已关闭'); ?>

5、添加编辑按钮
接上面的评论代码，改成:

<?php comments_popup_link('0 条评论', '1 条评论', '% 条评论', '', '评论已关闭'); ?><?php edit_post_link('编辑', ' • ', ''); ?>

6、添加文章内容
将 和 之间的代码全部删除，替换成：

<?php the_content(); ?>

另外，你可以将文章页那张图片删除了，删除以下代码：

<img class="thumb" src="<?php bloginfo('template_url'); ?>/images/610x150.gif" alt=""/>

7、添加返回博客首页和发表评论按钮
其实就是添加博客首页和评论锚点链接，在制作header.php，我们已经知道可以通过get_option('home');来获取博客地址。

<p class="clearfix"> <a href="blog.html" class="button float" ><< Back to Blog</a> <a href="#commentform" class="button float right" >Discuss this post</a> </p>

改成：

<p class="clearfix"> <a href="<?php echo get_option('home'); ?>" class="button float" ><< 返回首页</a> <a href="#commentform" class="button float right" >发表评论</a> </p>

好了，基本上的修改就这些了，但是你的文章页仍然不能显示文章内容，你得给它加上一个条件语句，这样WordPress才会去数据库读出你的文章内容。搜索代码：

改成：

<!-- Column 1 /Content --><?php if (have_posts()) : the_post(); update_post_caches($posts); ?>

将：

</div><?php get_sidebar(); ?>

改成：

 </div><?php else : ?><div class="errorbox">没有文章！</div><?php endif; ?><?php get_sidebar(); ?>

现在你的文章内容应该都可以正常显示了，一个文章页基本上也成型了。下节我们将讲解如何制作评论页，本次不提供修改的主题文件下载，下次一起提供。

另外，文章页顶部会有一段文字：

Our blog, keeping you up-to-date on our latest news.

可以替换成你的内容。如果不需要，可以将以下代码删除：

<h2 class="grid_12 caption clearfix">Our <span>blog</span>, keeping you up-to-date on our latest news.</h2><div class="hr grid_12 clearfix"> </div>

本文采用「CC BY-NC-SA 4.0」创作共享协议，转载请标注以下信息：
原文出处：露兜博客 https://www.ludou.org/create-wordpress-themes-single.html

WordPress主题制作全过程（九）：制作single.php相关推荐

WordPress 主题教程：从零开始制作 WordPress 主题
从零开始制作 WordPress 主题其实不难,只要你从现在开始认真阅读这个教程,一步一步认真学习,你就会成为一个 WordPress 主题制作高手.至少你会修改现有主题. 网络上已经有很多关于制作 ...
wordpress主题后台管理菜单制作教程
一款好的wordpress主题,必须有功能全面的后台管理菜单,这样方便用户设置自己的主题功能,WP只是集成了很少的功能,要想修改Logo,幻灯片,版权,博客样式等等,就要在后台管理菜单中集成功能,那么 ...
四、wordpress主题美化网站logo制作
1.查找一个合适的字体参考网站:字体天下 2.下载字体生成工具 fontmin 3.生成logo 打开软件 fontmin ,拖入下载的字体,生成logo 4.引入字体编辑主题下的文件 heade ...
wordpress主题制作教程(十):制作文章单页模板single.php
wordpress主题制作教程(十):制作文章单页模板single.php 您现在的位置:阿树工作室->wordpress主题教程->基础教程 2012.7.25 浏览数:39,982 ...
从零开始制作 WordPress 主题
从零开始制作 WordPress 主题其实不难,只要你从现在开始认真阅读这个教程,一步一步认真学习,你就会成为一个 WordPress 主题制作高手.至少你会修改现有主题. 网络上已经有很多关于制作 ...
【跨境电商】5个最佳免费极简主义WordPress主题（一）
极简主义在近几年是非常流行的名词,从绘画.建筑到生活方式,无一没有它的存在. 说明现代人越来越喜欢这种简单的美,越来越享受简单的生活. 那么将极简主义风格应用于网页设计,使你的网站更清晰简单,会不会也 ...
大牛们是如何开发 WordPress 主题的?
自己算是写过一个主题,目前也在用( 这里 -> http://udonmai.com/ ),所以多少想说两句. 当初走上web开发的路之后最想干的事情就是写个自己的WP主题...所以网上搜罗了很 ...
WordPress主题制作全过程
WordPress主题制作全过程完整列表: WordPress主题制作全过程(一):基础准备 WordPress主题制作全过程(二):主题文件构成 WordPress主题制作全过程(三):HTML静态 ...
WordPress主题制作全过程（五）：制作header.php
你可以尝试用文本编辑器打开从WordPress主题制作全过程(三):HTML静态模板制作下载到的 .html 文件,不知道你有没有发现他们头部的代码都非常的相似呢?其实我们可以提取这部分相似的代码,放 ...

WordPress主题制作全过程（九）：制作single.php

WordPress主题制作全过程（九）：制作single.php相关推荐

最新文章

热门文章