#83:构建 WordPress 首页,第二部分

我们继续将代码从静态模型移植到 WordPress 的 index.php 页面。我们稍微调整了一下“循环”,使其只输出我们想要的内容。

我们在页面上向下滚动到 WordPress 函数(如 get_sidebar())出现的地方。不出所料,它的行为与 get_header() 非常相似。它会获取 sidebar.php 文件并将内容放置到页面中该函数所在的位置。

我们删除了许多模拟从其他地方获取的标记的代码,并用最终输出相同标记的函数替换它们。例如,创建投票区域的大量标记消失了,我们添加了 wp_polls() 函数,该函数会输出在实际 WordPress 模板中显示投票所需的所有内容。

在过于兴奋地查看我们的工作之前,我们转到 footer.php 文件并清理它。这里最重要的任务是,我们需要关闭在 header.php 文件中打开但未关闭的任何元素。在我们的例子中,只有一个,需要关闭 <div class="page-wrap"> 的开始标签。

我们在页脚中链接正确的脚本,删除了许多 v9 特定的内容,并整理了松散的结尾。

当我们查看页面时,发现有一些显示异常需要处理。我们在视频的最后花了很长时间调试这些问题,结果发现我们需要小心清除浮动和关闭标签的新位置。