现在我们正在运行自定义本地域名,我们可以使用 PHP。MAMP 中的“P”代表“PHP”=)。使用 PHP 意味着我们可以使用包含文件。例如
<?php include("header.php"); ?>
我们的目标是创建一个静态的“博客文章”页面来开始进行一些操作。我们可以通过复制我们的 index.html 页面(现在是 index.php)来实现,但如果这样做,我们在该文件中将会有大量重复代码。请记住,我们正在努力保持尽可能 DRY(不要重复自己)。
我们在名为“parts”的文件夹中创建一些可重用的代码片段,这些代码片段在所有页面中都是通用的。例如,将 DOCTYPE 和头部内容放在一个部分中,导航和页脚(目前只是一些关闭标签)也是如此。
现在我们的 index.php 页面和 blogpost.php 页面都使用多个包含文件,并且只有在真正重要的内容上有所不同。
我们通过创建一个 2/3 1/3 的布局来扩展网格的可能性,我们将在类似文章的页面上更常使用它。
我们没有包含 body 标签,以防我们需要更改 body 标签的类以用于样式,以便在根据层次结构较高的类进行样式时变得有用。
我们使用来自真实博客文章的真实 HTML 设置 blogpost.php。因为,与以往一样,最好围绕真实内容而不是虚假内容进行设计。它需要大量的工作,但我们有一个很好的基础可以从中开始工作。
嘿,Chris,
您可以在 Sublime text 2 中打开的文件中右键单击选项卡区域。它会提供关闭所有其他文件的选项。它很方便!真的很喜欢观看这些视频。学到了很多好东西!
我发现你的工作流程在这方面非常奇怪。将它们分解成你以后会移动到 WordPress 模板文件中的 PHP 文件似乎毫无意义。你本可以从将内容放入 WordPress 开始,并具有相同的功能和合并。此外,你就不必费心处理博客文章的格式,因为你本可以在本地服务器上的 WordPress 安装中发布博客文章。
尽管如此,我还是喜欢这个系列,观看别人从头开始构建网站非常棒。我从中学到了一些很棒的小代码片段!
我不喜欢模块没有与较低分辨率下导航栏的右边缘对齐。
公平地说,的确如此。几个原因
1) 这是我实际的工作方式,无论好坏。
2) 迁移到 WordPress 需要大量设置和解释等。我们肯定会讨论所有这些,但我认为如果事情过早变得过于复杂,可能会偏离这些早期的屏幕录像。
3) 如果人们不关心 WordPress,这个系列就会更长时间地保持有用。
4) 我们要分解的部分(例如 header.php 和 footer.php)与以后的 WordPress 包含文件(字面意思上名为 header.php 和 footer.php)很好地映射 - 因此当我们到达那里时,这将非常容易。
有趣的是你这样工作。这是由于你以前使用 PHP,后来才使用任何内容管理系统而形成的习惯,还是你更喜欢这样工作?
不过所有观点都很有道理。我实际上没有考虑过有人观看这个屏幕录像,而没有打算使用/学习 WordPress,所以这有点目光短浅!
我在视频应该出现的地方收到 404 错误。
现在好了,可能是由于桑迪飓风的影响。
嗨,Chris,在我将项目移至 WAMP 并将 index.html 更新为 index.php 后,我的菜单图标有一半不见了。有什么建议吗?
有谁在按照步骤操作时使用过 Prepros Pro 吗?我在将 index.html 切换为 index.php 时遇到了问题,无法在本地 URL 中显示我的主页。相反,从实时浏览器模式中,我只被问到是否要保存我的 index.php 文件,该文件已经完成。
我知道这可能难以阅读,但如果你有任何关于如何使用 Prepros 与 .php 文件的建议,即使只是一个好地方可以阅读,那将非常有帮助!干杯!
3:38,好声音 =)。
感谢您的这些提示。