核心要点
近年来,WordPress 的开发工具有了长足的进步。过去,开发 WordPress 网站需要某种 MAMP/WAMP 本地主机设置,而且几乎总是很麻烦。也许您甚至是一位在生产环境中开发网站的开发者——我曾经就是。
幸运的是,时代变了,现在有一些工具可以帮助您消除在计算机上构建 WordPress 网站的麻烦和重复性工作。
去年 12 月,在我几乎完全脱离任何 WordPress 开发三年后,我又成为了一名全职 WordPress 开发人员。在那之前,我在支付行业工作了三年,之前是一名全职 WordPress 签约人员。
离开某个行业三年,让我对计算领域,更具体地说,是 Web 开发领域的变化速度有了独特的视角。 WordPress 开发也不例外。
你看,当我去年 12 月重返 WordPress 开发时,我决定研究如何建立完美的 WordPress 开发环境。令我惊喜的是,WordPress 周围的工具进步如此之大,这就像是用法拉利换了一辆福特车。
我很兴奋,当然现在仍然很兴奋,去探索所有工具,在今天的文章中,我将与您分享我所学到的内容摘要。希望它能帮助您调整您当前的环境并实施一些可用的工具。
从服务器开始
首先,WordPress 开发环境难题中最重要的部分是服务器。没有服务器,我们就什么也做不了。
如今,在本地环境中托管 WordPress 网站有很多不同的选择,因此很难知道应该使用哪一个。
我建议您放弃 MAMP/WAMP/XAMP,并开始使用虚拟化开发环境。
为什么?原因有很多:
既然您已经接受了虚拟化环境。您应该使用什么?
我正在使用 VVV。对我来说,启动和运行非常简单,拥有良好的支持系统,并且许多大型 WordPress 开发机构(包括我工作的 XWP)都在使用它。
虚拟化 WordPress 开发环境的其他一些选项包括:HGV、Wocker、VIP Quickstart。
如果您决定使用 VVV,那么我绝对推荐以下插件和工具,以将 VVV 提升到更高的水平。
Aleksander Koko 之前写过关于 VVV 的文章,我最近还录制了一个关于如何在您自己的计算机上设置 VVV 的视频。
命令行的力量
谁不喜欢一点命令行操作呢?WP-CLI 是您内心命令行愿望的答案。
WP-CLI 允许您从命令行管理 WordPress 安装(顺便说一下,它与 VVV 一起提供)。
让我们来看一些如何在本地开发环境中使用 WP-CLI 的实际示例。
所有这些都是您可以从命令行执行的非常方便的操作。更好的是,在下一节中,我们将讨论 IDE,您可以在该 IDE 中直接运行所有这些命令。
如果您有兴趣了解更多信息,请查看 Ahsan Parwez 关于 WP-CLI 的这篇文章。
改变格局的 IDE
在我今天谈到的所有工具中,我觉得这将是最有争议的。当涉及到 IDE 和编辑器时,这几乎就像是在侵犯个人空间,很多人不喜欢那样。
我不会试图告诉你 IDE 比文本编辑器更好,反之亦然。我要做的是告诉你我切换到 IDE 的经验以及它对我的作用。
我一直是一个不喜欢 IDE 的人。不喜欢可能是一种委婉的说法,我讨厌它们。我觉得它们臃肿、缓慢且杂乱无章。
我曾经是 Sublime Text 的忠实粉丝(顺便说一下,我现在仍然是,我每天都在使用它)。
因此,在 12 月份,当我重新开始 WordPress 开发时,我查看了哪些编辑器可用于编写 WordPress 代码。当我不断提到名为 PhpStorm 的 IDE 时,我感到非常惊讶。
我不情愿地看了一眼,我很高兴我这么做了!
在我看来,PhpStorm 是最好的 PHP 和 WordPress 开发 IDE。它提供构建 WordPress 网站、插件和主题所需的一切,并且具有令人难以置信的 WordPress 集成(您真的需要查看一下)。
以下列出了您今年应该考虑将 PhpStorm 用于 WordPress 开发的三个原因:
如果您有兴趣开始使用 PhpStorm,请查看我录制的一系列 7 个 PhpStorm 视频,以帮助您开始使用该 IDE。
确保您的代码干净整洁
我今天要写的最后一个工具是一个好东西!我对编写代码特别讲究。我喜欢它干净整洁,并完全遵循 WordPress 代码规范。
但即使是这样讲究,我们都是人。而且我经常发现自己浏览自己编写的代码,并对错过的空格或额外的换行感到懊恼。
在开源世界中,开发人员坚持项目定义的代码规范非常重要,否则代码库会非常快速地退化,尤其是在像 WordPress 这样的流行开源项目上。
事实上,WordPress 核心团队对代码规范及其遵循情况特别严格。
那么,我们如何确保我们的代码遵循 WordPress 代码规范呢?答案很简单,它是一个名为 PHP CodeSniffer 的工具,带有 WordPress 代码规范规则集。
这两个实用程序将扫描您的代码,查找您的代码与 WordPress 项目预期编写方式之间的任何差异,并告知您哪里出错了。太神奇了!
最棒的是,它们还会通知您遇到的任何高级安全问题。当然,它不会捕获每一个安全问题,因此请确保在编写代码时始终考虑安全性,但它是第一道防线。
当然,如果我不提及 PhpStorm 内置了对 PHP CodeSniffer 的支持,我就无法完成本节内容。我已经发布了一个关于如何将 PhpStorm、PHPCS 和 WordPress 代码规范规则集结合在一起的视频。
结束语
除了上述工具之外,还有许多替代方案,我希望至少我今天谈到的所有内容都能让您对探索 WordPress 开发周围的一些很棒的工具感兴趣。
如果您选择使用上述工具,那么这些工具将为您提供一个良好的基础,让您能够开始采用更精简和自动化的 WordPress 开发方法。
如果您使用其他工具,我很乐意在下面的评论中听到您的意见!
关于 WordPress 开发环境的常见问题
WordPress 开发环境是一个安全、隔离的空间,开发人员可以在其中测试 WordPress 网站的更改、更新和新功能,而不会影响生产网站。它之所以至关重要,是因为它允许开发人员在任何问题或错误影响生产网站之前识别和修复它们,从而确保流畅的用户体验。它通常包括三个阶段:本地(开发人员的机器)、暂存(生产网站的副本)和生产(生产网站)。
设置本地 WordPress 开发环境包括安装本地服务器环境,例如 MAMP、WAMP 或 XAMPP。安装后,您就可以在本地服务器上安装 WordPress 了。这允许您直接从计算机上处理 WordPress 网站,而无需互联网连接。
暂存环境是您生产网站的克隆,您可以在其中测试更改而不会影响生产网站。它之所以有益,是因为它允许您排除问题、测试更新和进行更改,而不会冒生产网站功能的风险。它还为客户在更改上线之前提供了一个进行审查和批准的平台。
将您的 WordPress 网站从本地环境迁移到生产服务器包括迁移您网站的文件和数据库。您可以手动执行此操作,也可以使用 Duplicator 或 All-in-One WP Migration 等插件。迁移之前始终记住备份您的生产网站,以防止任何数据丢失。
有很多工具可用于 WordPress 开发。这些包括 Sublime Text 或 Atom 等代码编辑器、Local by Flywheel 或 DesktopServer 等本地开发环境、Git 等版本控制系统以及 Query Monitor 或 Debug Bar 等调试工具。
在 WordPress 中创建子主题包括在主题文件夹中创建一个新目录,创建一个带有特定标题的 style.css 文件,并导入父主题的样式。然后,您可以从 WordPress 仪表板激活子主题并开始自定义它,而不会影响父主题。
安全地更新您的 WordPress 网站包括备份您的网站、在暂存环境中测试更新,然后将更新应用到您的生产网站。这确保如果更新过程中出现任何问题,您可以轻松地将网站恢复到之前的状态。
版本控制系统是一个工具,它可以跟踪您代码随时间的变化。它在 WordPress 开发中至关重要,因为它允许您在出现问题时恢复到以前的代码版本、与其他开发人员协作以及保留更改的历史记录。Git 是 WordPress 开发中使用的流行版本控制系统。
排除 WordPress 网站中的问题包括识别问题、在暂存环境中测试解决方案并将修复程序应用于生产网站。Query Monitor 或 Debug Bar 等工具可以帮助您识别问题。记住在排除故障之前备份您的网站。
优化您的 WordPress 网站以提高性能包括使用缓存插件、优化图像、使用内容分发网络 (CDN) 以及最小化 CSS 和 JavaScript 文件。您还可以使用 Google PageSpeed Insights 或 GTmetrix 等工具来识别需要改进的领域。
以上是最终的WordPress开发环境的详细内容。更多信息请关注PHP中文网其他相关文章!