WordPress中，每篇文章的展示需要single.php，如果没有的话，系统会默认调用index.php，我们首先编写single.php的内容，以它为框架在细化每一个部分。singe.php同样用到了The Loop，因此可以将index.php复制一份来修改。
《利用Bootstrap构建你的响应式WordPress主题 》目录导航
1、建立基本主题模板和安装主题
2、页头和页脚，加载引入我们主题必须的css，js文件
3、主题注册Bootstrap菜单、搜索框和导航
4、首页设计index.php
5、创建single.php页
6、创建sidebar.php页
7、创建comments.php页
8、创建archive.php页
八、创建single.php页
1、网页布局代码
将所有的内容放入一个container中居中，然后通过bootstrap的栅格系统分为左9右3的布局。右三用来输出sidebar的内容，代码如下：
<div class="container">
<div class="row">
<div class="col-md-9">
<div class="post-content">
<h2 class="post-title">文章标题</h2>
<div>文章内容
</div><div>标签：
</div><ul class="pager">
<li class="next">上一篇</li>
<li class="previous">下一篇</li>
</ul></div><div class="post-comment">
评论部分
</div></div><div class="col-md-3">
导入边栏
</div></div></div>
2、加入函数命令，代码如下
<?php get_header();?>
<div class="container">
<?php while(have_posts()):the_post();?>
<div class="row">
<div class="col-md-9">
<div class="post-content">
<h2 class="post-title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
<div><?php the_content(); ?>
</div><div><?php the_tags('标签：', ', ', ''); ?> </div>
<ul class="pager">
<li class="next"><?php previous_post_link('%link'); ?></li>
<li class="previous"><?php next_post_link('%link'); ?></li>
</ul></div><div class="post-comment">
<?php comments_template(); ?>
</div></div><div class="col-md-3">
<?php get_sidebar(); ?>
</div></div><?php endwhile;?>
</div><?php get_footer();?>