用博客日志的主循环（The Loop）是 WordPress 中最重要的 PHP 代码集，几乎所有的页面都会用到它。下面就让我们来开始学习wordpress主循环（The Loop）在模板中的应用。

打开 Xampp，tutorial主题文件夹，浏览器，并且在浏览器中转到http://localhost/wordpress，最后打开 index.php 文件。

下面应该是这时候index.php文件中的内容：

记住，为了学习这些代码，请尽量手工输入而不是拷贝和粘贴。

第1步：创建 container Div

在 header DIV 标签下添加一个 DIV 标签，并给它的 ID 赋值为 container，如下：

container 这个 DIV 标签是把博客的主要内容和其他东西都区分开，比如 sidebar 和 footer 等。

第2步：输入主循环代码

在 Container 的 DIV 标签中添加如下代码：

这段代码就是 WordPress 中的主循环（The Loop）。在详细解释这些代码的作用之前，我们来看下现在index.php所包含的代码：

你可能已经注意到Container DIV 中的每一行都被缩进了，这是为了更好的组织代码，更加利于阅读(使用 tab 健而不是空格键进行代码缩进，)。

刚才发生了什么？

• if(have_posts())– 检查博客是否有日志。
• while(have_posts())– 如果有日志，那么当博客有日志的时候，执行下面 the_post() 这个函数。
• the_post()– 调用具体的日志来显示。
• endwhile;– 遵照规则 1，这里用于关闭while()
• endif;– 关闭if()
• 注释：并不是所有的代码都需要两部分用来打开和关闭。有些代码能够自我关闭，这就解释了have_posts()和the_post();这两个函数。因为the_post();在if()和while()的外面，只需要分号去结束或者关闭。

第3步：调用日志标题

在前面的课程中，我们学习了使用bloginfo(name)去调用博客的标题。现在我们将学习在主循环（The Loop）中如何调用日志标题。

在the_post(); ?