主题开发教程XXIII:底部和分割索引

文章快速目录

第一步:样式页脚第二步:设置页脚P的行距第三步:header.php第四步:将header.php引入index.php第四步:sidebar.php第五步:footer.php教程复习我们完成了主题的样式化，开始将index.php文档分成几个小文档，在本文中，我们应该首先修改style.css文件，然后将index.php分成一些新的文件。

打开XAMPP、主题文件夹、火狐、IE、index.php和style.css

步骤1:样式页脚

为footerDIV添加10px顶部填充。你还记得怎么增加填充吗？这次我不提供代码了。

第二步:设置页脚p的行距。

页脚中所有P标签的行距为18px。那是#页脚p{}。(今天CSS就讲到这里。)

第三步:header.php创建了一个新文件，并将其命名为header.php。在index.php文件中，将headerDIV和上面的所有内容复制到headerDIV文件中。

-123这是我的header.php档案。别抄我的，抄你自己的index.php档案。

第四步:将header.php引入index.php。

为了将所有从index.php复制的内容保存在index.php文件中，请输入以下代码:

& lt？PHP get _ header()；？& gt

这是一个专门用来导入header.php文件的WordPress主题系统函数，而不是使用PHP函数:

保存并刷新您的浏览器，您应该看不到任何变化。如果你的改动破坏了主题，那么一定是有错误。

第四步:sidebar.php和第四步一样，还有更多相同的东西。这一次，创建sidebar.php文件。从头到尾将SidebarDIV从index.php文件复制到SidebarDIV文件。然后，在index.php文档中，将其替换为:<？PHP get _ sidebar()；？& gt。保存并刷新浏览器。同样，您应该看不到任何变化。这是我的sidebar.php档案。

第五步:footer.php对footer.php重复上述步骤。这是我的footer.php档案。

课程回顾创建了三个新档案:header.php、sidebar.php和footer.php。使用了三个新函数:get_header()、get_sidebar()和get_footer()。这是本课结束后的文件:索引、样式、页眉、侧栏、页脚。

这几篇文章你可能也喜欢：

• 如何建立一个独立的外贸站（建立一个独立的站需要多少钱）
• 如何在WordPress中更改字体颜色？
• 如何建立Astra主题的WordPress网站？（asteria主题）
• 使用wordpress创建网站图标的教程（使用WordPress创建网站的详细教程）
• 如何使用Astra主题网站生成器？（主题网站制作）

本文由主机参考刊发，转载请注明：主题开发教程XXIII:底部和分割索引 https://zhujicankao.com/87205.html