WordPress主题制作全过程(九):制作single.php
2011-10-04 19:43
621 查看
WordPress主题制作全过程(九):制作single.php
Ludou人气: 2,566
今天我们来制作单文章页single.php,有了之前制作index.php的经验,制作single.php也不再那么难了,这里将直接略过一些内容,直接给出结果。如果对某些修改不太清楚,可以先参考:WordPress主题制作全过程(八):制作index.php
1、添加文章标题:
1 | <h3 class="title"><a href="single.html">Loreum ipsium massa cras phasellus</a></h3> |
1 | <h3 class="title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3> |
1 | <a href="#">News</a>, <a href="#">Products</a> |
1 | <?php the_tags('标签:', ', ', ''); ?> |
找到:31st Sep, 09 改成:
1 | <?php the_time('Y年n月j日') ?> |
1 | <a href="#">7 Comments</a> |
1 | <?php comments_popup_link('0 条评论', '1 条评论', '% 条评论', '', '评论已关闭'); ?> |
接上面的评论代码,改成:
1 | <?php comments_popup_link('0 条评论', '1 条评论', '% 条评论', '', '评论已关闭'); ?><?php edit_post_link('编辑', ' • ', ''); ?> |
将<!
--Post Content
-->
和 <!
--Post Links
-->之间的代码全部删除,替换成:
1 | <?php the_content(); ?> |
1 | <img class="thumb" src="<?php bloginfo('template_url'); ?>/images/610x150.gif" alt=""/> |
其实就是添加博客首页和评论锚点链接,在制作header.php,我们已经知道可以通过
get_option('home');来获取博客地址。
1 | <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> |
1 | <p class="clearfix"> <a href="<?php echo get_option('home'); ?>" class="button float" ><< 返回首页</a> <a href="#commentform" class="button float right" >发表评论</a> </p> |
--Column
1 /Content
-->
改成:
1 2 | <!-- Column 1 /Content --> <?php if (have_posts()) : the_post(); update_post_caches($posts); ?> |
1 2 | </div> <?php get_sidebar(); ?> |
1 2 3 4 5 6 7 | </div> <?php else : ?> <div class="errorbox"> 没有文章! </div> <?php endif; ?> <?php get_sidebar(); ?> |
另外,文章页顶部会有一段文字:
Our blog, keeping you up-to-date on our latest news.
可以替换成你的内容。如果不需要,可以将以下代码删除:
1 2 | <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> |
WordPress主题制作全过程(一):基础准备
WordPress主题制作全过程(二):主题文件构成
WordPress主题制作全过程(三):HTML静态模板制作
WordPress主题制作全过程(四):小试牛刀
WordPress主题制作全过程(五):制作header.php
WordPress主题制作全过程(六):制作footer.php
WordPress主题制作全过程(七):制作sidebar.php
WordPress主题制作全过程(八):制作index.php
WordPress主题制作全过程(九):制作single.php
WordPress主题制作全过程(十):制作comments.php
WordPress主题制作全过程(十一):制作page.php
订阅分享回复
2
支持
反对
本文版权归露兜博客所有,转载引用请完整注明以下信息:
本文作者:Ludou
本文标题:WordPress主题制作全过程(九):制作single.php
本文地址:/content/317125.html
相关文章
WordPress文章同步到新浪微博的几种方法WordPress
如何批量修改文章信息?
WordPress设置文章只允许特定用户阅读
尝试翻译WordPress文档
WordPress获取当前文章别名
WordPress点击分类链接跳转到分类下第一篇文章
相关文章推荐
- WordPress主题制作全过程(九):制作single.php
- WordPress主题制作全过程(九):制作single.php
- WordPress主题制作全过程(五):制作header.php
- wordpress主题制作教程(十):制作文章单页模板single.php
- WordPress主题制作全过程(六):制作footer.php
- WordPress主题制作全过程(五):制作header.php
- WordPress主题制作全过程(七):制作sidebar.php
- WordPress主题制作全过程(六):制作footer.php
- WordPress主题制作全过程(七):制作sidebar.php
- WordPress主题制作全过程(八):制作index.php
- WordPress主题制作全过程(八):制作index.php
- WordPress主题制作全过程(五):制作header.php
- WordPress主题开发: 制作文章页面single.php
- WordPress主题制作全过程(十一):制作page.php
- WordPress主题制作全过程(十):制作comments.php
- WordPress主题制作全过程(六):制作footer.php
- WordPress主题制作全过程(十一):制作page.php
- WordPress主题制作全过程(七):制作sidebar.php
- WordPress主题制作全过程(八):制作index.php
- WordPress主题开发: 制作文章页面single.php