wordpress 主题一步步制作教程!第六课主循环（图解）

文章目录[隐藏]

第1步
第2步
第3步
第4步

调用你博客日志的主循环（The Loop）是 WordPress 中最重要的 PHP 代码集。这也是关于创建 WordPress 主题系列教程的第五篇。在继续学习之前，我们先复习下到目前为止学到了什么？

到目前为止，你已经学到：:

现在让我们开始第五篇：

现在已经打开了 Xampp，“tutorial”主题文件夹，浏览器中打开 http://localhost/wordpress 以及在文本编辑器中打开 index.php 文件。

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

记住，为了学习这些代码，请手工输入所有的东西，而不是拷贝和粘贴。

第1步

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

<div id=”container”>

</div>

这个 DIV 标签是用来干什么的呢？它是用于把你的内容和它下面的所有东东都区分开，比如 sidebar 和 footer 这些东东。

第2步

在 Container 的 DIV 标签中添加如下代码：试着完全手工输入这些代码，如果遇到错误，重新再输入一遍。

<?php if(have_posts()) : ?><?php while(have_posts()) : the_post(); ?>

<?php endwhile; ?>

<?php endif; ?>

手工输入代码可以让你更容易知道每个代码集是干什么的。你刚才输入的是 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(); ?> 的后面和 <?php endwhile; ?> 的前面输入 <?php the_title(); ?>

保存 index.php 文件，刷新你的浏览器，你应该看到在你博客描述的下方出现 Hello World ，默认情况下，你的博客只有一篇日志。而我的测试的博客有多篇日志，所以我有多个日志标题。而且因为我所用的日志标题是一样的，并我没有进行组织整理他们，所以它们看起来像很长的一行 Hello World.