WP主题制作-第14课：页脚和分度索引

今天，我们总结样式并开始将  index.php 文件分为多个小文件。 在今天的课程中，您将需要  style.css。稍后，您将使用  index.php  以及创建一些新文件。终于吧？是的，您快完成了。

打开Xampp，主题文件夹，Firefox，IE，index.php和style.css。

第1步

 在页脚  DIV中添加  10px的顶部填充  。您还记得如何添加填充吗？这次我不给您密码。

第2步

 将页脚内的所有  P标签的 行高设置为  18px。那是  #footer p {}。（今天您已经完成了style.css。）

第三步

• 创建一个新文件，将其命名为  header.php。确保结果是一个PHP文件，而不是文本文档。
• 在  index.php  文件中，从头文件  DIV 的末尾开始处理  它上面的所有内容。将其粘贴到  header.php  文件中。

这是我的header.php文件。不要从我的文件中复制和粘贴。从index.php  文件复制并粘贴  。

<div id =“ wrapper”>

<div id =“ header”>

<h1> <a href="<?php bloginfo('url'); ?>“> <？php bloginfo（'name'）; ？> </a> </ h1>

<？php bloginfo（'description'）; ？>

</ div>

第四步

对于您复制并粘贴到index.php中的所有内容。仍然在index.php文件中，将其替换为：

<？php get_header（）; ？>

是WordPress主题系统中的一个函数，用于专门包含header.php文件，而不是使用  <？php include（TEMPLATEPATH。'/header.php'）; ？>。

保存并刷新浏览器。您应该看不到任何变化。如果在进行更改后您的主题看起来很破损，则说明存在错误。

第四步

• 步骤4更像是同一件事。这次，创建  sidebar.php  文件。
• 从补充工具栏  DIV 的开始  到末尾，复制并粘贴到  sidebar.php  文件中。
• 然后，在  index.php  文件中，将其替换为  <？php get_sidebar（）;。？>。
• 保存并刷新浏览器。同样，您应该看不到任何更改。
• 这是我的  sidebar.php  文件。

第5步

• 对footer.php  文件重复上述步骤  。
• 这是我的 footer.php  文件。

课程复习

• 您创建了三个新文件：  header.php，  sidebar.php和  footer.php。
• 您学习了三个新函数：  get_header（），  get_sidebar（）和  get_footer（）。

未经允许不得转载：创之梦博客 » WP主题制作-第14课：页脚和分度索引