>今天我们来制作单文章页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、添加文章内容**
`将<!-- Post Content --> 和 <!-- Post Links -->`
之间的代码全部删除,替换成:
`<?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 -->
改成:
`<!-- 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>
~~~
- 模板制作
- wp的模板文件系统
- wp头部代码示例
- wp模板主体代码
- WordPress各种标签调用集合
- wordpress模板的各种调用
- wp模板里面的各种判断
- wordpress非插件同步twitte
- 功能与扩展
- 获取文章评论数及人数
- 获取assets路径
- 函数参数详解
- wp_nav_nemu
- WordPress主题制作全过程
- 1、模板主体文件构成
- 2、HTML静态模板制作
- 3、小试牛刀
- 4、制作header.php
- 5、制作footer.php
- 6、制作sidebar.php
- 7、制作index.php
- 8、制作sigle.php
- 9、制作comments.php
- 10、制作page.php
- 小知识
- 模板获取js和css
- woocommerce
- woocommerce模板文件说明
- wp二次开发快速指南
- wp文件系统解析
- wordpress开发api之钩子大全
- 在典型请求中运行的动作钩子
- 日志、页面、附件以及类别相关的动作钩子函数
- 评论、Ping以及引用通告相关动作钩子函数
- 反向链接钩子
- Feed动作钩子函数
- 模板动作钩子
- 管理界面的相关动作函数
- 高级动作函数
- 常用函数之add_action
- 插件开发
- 函数大全
- 问题合集
- 获取wordpress当前文件的模板文件
- 禁用wordpress gravatar使用本地头像提高网页打开速度
- woocommerce问题
- 关于cnzz的问题
- 关于wp搬家以后调用数据显示为问号
- 未解决的问题
- form_control的问题
- 关于流程与要求的定义与补充
- php开发组对于前端提交文件的要求