底部和拆分 Index 是从零开端创立 WordPress 主题系列教程的第十四篇，这篇我们完成对主题的款式化和开端把 index.php 文件分红多个小文件。在这篇中，首先要对 style.css 文件停止修正，然后把 index.php 分红一些新的文件。
翻开 XAMPP，主题文件夹，Firefox，IE，index.php 和 style.css 。
第 1 步：款式化 footer
给 footer DIV 增加 10px 顶部填充。你还记得如何增加填充？这次我不提供代码。
第 2 步：设置 footer P 的行距
给 footer 里的一切的 P 标签 18px 行距。那是 #footer p{}. 。 （今天关于 CSS 的就这么多。）
第 3 步：header.php
- 创建一个新文件，把它命名为 header.php 。
- 在 index.php 文件中，把 header DIV 及以上所有东西都拷贝到 header.php 文件中。
这是我的 header.php 文件。不要从我的这里拷贝，从你自己的 index.php 文件拷贝。
第 4 步：在 index.php 中导入 header.php
为了使所有从 index.php 中拷出的内容依然在 index.php 文件中，输入以下代码：
<?php get_header(); ?>
这是个 WordPress 主题系统特别用来导入 header.php 文件的函数，而不用使用 PHP 的函数：<?php include (TEMPLATEPATH . 『/header.php』); ?>.
保存并刷新浏览器，你应该看到没有变化。如果你的改变破坏了主题，那么肯定有错误。
第 4 步：sidebar.php
- 和第 4 步一样，更多相同的事情。这次，创建 sidebar.php 文件。
- 把 index.php 文件中的 Sidebar DIV 从开始到结尾都复制到 sidebar.php 文件中。
- 那么，在 index.php 文件，将其取代为：<?php get_sidebar(); ?>.
- 保存并刷新浏览器，再一次，你应该看到没有变化。
- 这是我的 sidebar.php 文件。
第 5 步：footer.php
- 为
footer.php重复上面的步骤。 - 这是我的 footer.php 文件。
教程回忆
•创立了三个新文件：header.php，sidebar.php 和 footer.php 。
•运用了三个新的函数：get_header()，get_sidebar() 和 get_footer() 。
•下面是这节课完毕之后的文件：index，style，header，sidebar，footer 。