这是一个关于 v10 重构系列的特别帝国反击战主题剧集!
一切都从顺利开始。我们开始将一些内容从静态模型转移到我们的 WordPress 模板中。我们在静态模型中已经有了可用的头部,所以我们从那里开始。这是一个很好的起点,因为我们进行了所有基础工作,比如让站点部分 CSS 有条件地加载等等。
然后,我们查看了年鉴已经存在的标记。由于年鉴的首页本质上只是指向实际内容的导航,因此几乎整个页面都被包裹在<nav>
中。
然后,我们开始调整布局,构建我们在 Photoshop 中设计好的双页展开式布局。我们在这里使用 CSS 渐变来完成阴影工作,当然,使用 Compass 混合器。当我们努力使渐变效果完美时,事情开始变得有点不尽人意。
在本视频的大约 20 分钟处,我们开始尝试输出这里需要输出的所有内容。本质上,使用wp_list_pages()
多次输出年鉴的子页面。
然后,世界爆炸了!由于完全无法解释的原因,它无法为我们输出正确的内容。这是一个非常令人沮丧的时刻。我喜欢分享这种事情,因为它非常现实。你知道这种事情会发生!解决问题是工作的一部分。
我们尝试使用 Google 搜索。我们尝试重置查询。我们尝试仔细检查代码。我们尝试操纵参数。我们尝试不同的函数。什么都没有。
我们尝试在我们的 wp-config.php 文件中设置define('WP_DEBUG', true);
,以尝试获取更多信息。当我们可以读取它输出的文本时,这有效。但这并没有太大帮助,直到我们发现内存不足错误!我们现在知道了问题,但如何解决呢?
我们在结束这段屏幕截图时,完全像卢克·天行者一样沮丧。你也可以直接告诉我<table>
是我的父亲。
我在 WordPress 上开发/调试时会做的一件事是在我的
wp-config.php
中设置以下内容这将隐藏网页中显示的错误并将所有内容输出到 wp-content 目录中的名为 debug.log 的日志文件。在 Console.app 程序中打开 debug.log,该程序位于
/Applications/Utilities
,并确保 Console 选中了“当打开的日志更新时弹跳码头图标”的首选项。现在,只需在编码时打开 Console,如果您遇到 WordPress 错误,Console 将弹跳,您可以在不搜索浏览器的情况下看到错误消息。保留 PHP 通知,以确保您没有任何通知,但当您运行代码质量较差的插件时,它可能会非常吵闹。(另外,不要忘记将 debug.log 添加到您的 .gitignore 文件中,这样它就不会同步到您的实时服务器!)