WordPress主题网(WordPress主题开发教程二十三:底部和拆分 Index)

wufei123 发布于 2024-04-12 阅读(59)

这篇我们完成对主题的样式化和开始把 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 文件中,输入以下代码:

这是个 WordPress 主题系统特别用来导入 header.php 文件的函数,而不用使用 PHP 的函数:

.保存并刷新浏览器,你应该看到没有变化如果你的改变破坏了主题,那么肯定会有错误第4步:sidebar.php和第4步一样,做更多相同的事情这次,创建 sidebar.php 文件把 index.php 文件中的

Sidebar DIV 从开始到结尾都复制到 sidebar.php 文件中那么,在 index.php 文件,将其取代为:.保存并刷新浏览器,再一次,你应该看到没有变化。

这是我的 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。

亲爱的读者们,感谢您花时间阅读本文。如果您对本文有任何疑问或建议,请随时联系我。我非常乐意与您交流。

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

欧意 新闻38727