技术如何塑造设计师、开发人员和营销人员之间的权力动态

WordPress 今年 20 岁了，这意味着开发人员、设计师和营销人员已经在幕后工作了 20 年，为网站构建、设计和创建内容。 内容消费的不断变化和在 WordPress 中工作的重要团队之间的紧张关系意味着创建网站并不总是那么容易，当然也有其自身的挑战。

在本次会议中，WP Engine 创始人兼首席创新官 Jason Cohen 从头开始​​，回到 2003 年，回顾了当时的网站创建以及 WordPress 已经并将继续塑造设计师、开发人员和营销人员之间的工作流程的方式。

会议幻灯片：

成绩单：

JASON COHEN：大家好，欢迎来到 DE{CODE} 2023，这是由 WP Engine 制作的虚拟开发者大会。 我的名字是杰森科恩。 我是 WP Engine 的创始人。 我今天就要开始了。 但是我们有一个惊人的事件，在 WordPress 开发世界中有数十个有趣的现代主题会议。 所以整天都在关注。 我认为您会学到很多东西，并对最近发生的许多技术发展感到兴奋。

因此，我将以一个有趣的话题开始，在过去 13 年的运行 WP Engine 中，我看到了变化、发展和展开，我认为它非常有趣并且与我们所有人都相关，这是制作网站的人、设计师、开发人员和营销人员之间的权力动态。 首先，我想带你们回到一个时代，你们中的一些人可能还没有活着，但你们中的那些还活着的人会记住这种废话。 这些是 90 年代的网站。

还记得亚马逊是一个我认为是游泳池的时候吗？ 在我看来，它就像一个游泳池。 在我看来它不像亚马逊河。 但是每个网站看起来都是这样，那种背景颜色，而且总是有 Times Roman 字体。 看，他们有一百万个网站。 我想这很好。

我们会用这些蹩脚的工具搜索网络。 [大笑] 九个搜索结果，这在当时已经很多了。 谷歌在过去非常甜蜜。 2500 万页，哇，很多。 您可以选择 10 个结果或更多。 我也喜欢它来自斯坦福大学。 它还不是谷歌合适的。 这只是斯坦福的事情。 我想知道他们是否从中赚到了钱。 我想大概是这样。

这些令人惊叹的网站幕后技术如何？ 好吧，如果你像我一样，你可能在壁橱里有一台服务器。 我确实在壁橱里有一个服务器，就像这样，包括风扇，因为里面很热，当然，你必须把热空气吹出去，这样东西就不会融化，云之前的世界，我也记得如果你不得不更改网站，你会坐在这里的椅子上，插入你的键盘和一个小显示器，然后更改网站。

我不敢相信我们做了那样的事情，但我们做到了。 太棒了，我想我们的娱乐活动发生了很大变化。 有时候，我猜事情会回来。 但我最喜欢的部分是迈克尔乔丹的三头肌。 我的意思是，你知道在这张照片中他就像坐在那里弯曲，知道这个三头肌会出现在海报或其他东西上，因为即使你是迈克尔乔丹，你也必须证明你有肌肉或其他东西像那样。 我不知道。

现在好点了吗？ 这部电影变得更好了吗？ 曾经好过吗？ 我不知道。 但是很多事情都发生了变化，比如手机。 我想玩贪吃蛇曾经很有趣。 至少我们会更多地互相交谈。 所以也许这样更好。

现在我们口袋里的电脑可能比我们的笔记本电脑更好，我想这是一件好事。 这当然是一个有趣的发展。

那么在过去，在这个诡异的世界里，这些明明很重要的做网站的玩家，到底是什么关系？ 设计外观的设计师。 虽然，那时候，你没有太多选择。 开发人员，制作它的极客，以及网站所有者，需要该网站以某种方式有效的人。 答案是开发人员拥有所有权力，因为如果营销人员想要更改“关于我们”页面上的某些文本以修复拼写错误，他们将不得不向开发人员开具工单，而开发人员将进入壁橱并做出改变。

如此有效，开发人员拥有所有权力，所有控制权，这并不好。 即使对于开发人员来说也不好，因为如果您是软件开发人员，您就想编写代码并制作有趣的东西。 您不想为有票的人编辑文本。 就像，这不是一件有趣的事情。 因此，开发人员不仅拥有所有权力，而且没有人对这种情况感到满意。 但这就是它一开始的样子，因为它是新的，而新的技术通常是无法获得的。

所以随着时间的推移发生的事情是，由于 WordPress 之类的东西，营销人员最终获得了越来越多的控制权。 现在，Matt Mullenweg 可能还记得这个版本的 WordPress。 它是 1.0.1。 尽管这显然很简单，而且 1.0.1 版的任何内容都将变得简单，但与营销人员刚刚拥有的功能相比，它已经拥有令人难以置信的强大功能。

我的意思是，有一个文本框，他们可以更改文本。 他们甚至可以让它听起来大胆、愚蠢和简单，我想这很简单，尤其是按照我们的现代标准，它非常强大，因为现在你可以在不与开发人员交谈的情况下更改“关于我们”页面中的拼写错误。 与你所拥有的相比，这是一个惊人的力量。 而这只是 1.0.1 版，几乎没有做任何事情，而且是 WordPress 所做的最少的事情。

因此，即使只是在 WordPress 的最开始，它就开始改变谁能够做什么、谁控制什么的权力动态，我认为这是一个有趣的动态，可以贯穿今天和未来，看看这是如何改变的，这有时是好的，但实际上，有时是坏的，这意味着我们需要做些什么。

如此向前看，因为回顾过去很有趣，但我们明白了，当然，WordPress 通过主题和插件系统为营销人员和设计师带来了全新的视角，今年 WordPress 庆祝成立 20 周年，是惊人的和不可想象的，我想我们中的任何一个人，无论我们在 WordPress 社区工作了多久，每次我们想到它已经存在了多久的技术，当然是​​技术，但即使只是一般来说。 作为人类，20 年对任何人来说都是很长的一生。 所以这太神奇了。

WordPress 当然继续吞噬互联网，其中大多数 CMS 或大多数使用 CMS 的大型网站都使用 WordPress，这实在是太惊人了，很难想象这样的东西怎么会出现在互联网这么大的地方，但它是WordPress 所做的——我们都知道这一点——是它在营销人员、设计师和开发人员之间创造了这种权力平衡，当然，它开始于带有一些格式的简单文本框，然后它继续做很多事情。 我们不必一一列举。

但是如果我可以作为营销人员控制菜单，我就可以制作页面并组织我的导航并真正构建整个站点或多站点，我可以在其中启动多个站点，整个站点而无需与开发人员交谈，或者惊人的 SEO迄今为止，在如何在网络上进行 SEO 方面处于领先地位的工具刚刚内置，营销人员可以使用它来尽可能聪明，同样，无需与开发人员交谈，也无需创建人们可以填写的表格。 显然，这只是 WordPress 中数十个主题中的四个，这些主题以不剥夺开发人员权力的方式为市场提供动力。 开发人员仍然在做各种​​各样的事情，比如制作执行此操作的工具，当然设计师可以让它看起来像他们想要的任何东西，所以每个人都开始拥有他们应该拥有的权力，这样每个人都可以更好地完成他们的工作。 WordPress 再次通过这些功能促进了这一点。

现在，在过去几年中，块编辑器和全站点编辑达到了顶峰，我们在总体上又向前迈进了一步，特别是在开发人员、设计人员和站点所有者的这种动态方面，以及什么这意味着。 我认为块编辑器——再一次，在全站点编辑中达到顶峰——将它提升到一个新的水平。 开发商并没有失去任何权力。 他们仍然控制着网站的组装方式，但现在，他们有了一个新工具。

所以我们有插件和简码之类的东西。 显然，我们有主题之类的东西，现在，我们有另一个工具，当然这个工具是块，这是开发人员创建可视化功能的另一种方式，可以与其他东西混合，可以是涉及布局，可以有各种配置，使营销人员能够对其进行特定类型的更改。

然而，该块是可重复使用的。 它是可测试的。 无论你是在你的公司还是在你的机构内重复使用它，或者你可能在互联网上赠送它，也许你在互联网上出售它，只是各种不同的方式来利用这种能力并用它做事就像我们已经长期以来一直在使用插件和主题。 这只是开发人员创建交互式和可视化组件的另一种方式，对开发人员来说太棒了。

现在，确实要学习新技术。 有 React 之类的东西。 有像 JavaScript 这样的东西。 那是真实的。 但是，当然，作为开发人员，这就是我们生活中的一部分，有时就是学习新技术。 你不必。 您可能是 COBOL 开发人员，他们作为 COBOL 开发人员有很多工作保障。 所以你可以这样做。 这是职业道路之一。

但大多数情况下，作为开发人员，我们有时确实必须学习技术，以便随着技术的进步而进步。 所以对我来说，块只是其中之一，是的，有一些新东西需要学习，这样做有很大的好处，它通常有助于 WordPress 作为一个在 web 上设计东西的平台。

所以开发者仍然被授权。 设计师呢？ 啊，设计师呢，我觉得一方面，才刚刚开始，未来有各种有趣的东西，对设计师有帮助，我们最后再说。 但是，事情已经很好了，因为设计师可以再次帮助设计这些块，这些组件是什么。

此外，还有一些我们以前没有的新控件和工具，现在由块编辑器提供了便利。 因此，例如，这是我们内部网站的实际屏幕截图，很明显，它是 WordPress，并使用完整站点编辑和块编辑器，您在这里看到的是在这种情况下，它不是营销人员，而是网站所有者，因为它是我们公司的内部网。 所以真的，是我们的员工体验人员在做这件事。

无论如何，您可能会说，哦，您可以为文本颜色、背景颜色、边框颜色或类似颜色选择任何颜色。 但是，如果你可以选择任何颜色，一方面，我想这是能够选择任何东西的能力，另一方面，这意味着你不在品牌上，因为你所看到的是我们的 WP Engine 品牌颜色。

因此，一方面，您想赋予营销人员选择颜色的权力。 另一方面，也许您想留在品牌调色板内，或者几乎一直想留在该调色板内，或者当然可以轻松地从调色板中挑选颜色，这就是您在这里看到的所以这是我们用我们的品牌调色板配置了块编辑器。

因此，对于那些既不是设计师也不是开发人员的人来说，制作看起来不错且符合品牌的精彩内容非常容易。 所以这是设计师的梦想，让其他人能够做到这一点，同时保持品牌不变。 如果你真的想让设计师生气，那就离开品牌吧。 我也学到了。 他们是对的，顺便说一下，他们是对的。 [笑]

那么营销人员呢？ 嗯，再一次，我认为如果 WordPress 还没有迎来赋予营销人员权力的黄金时代，我认为块编辑器和完整站点编辑显然会更好，因为现在他们可以构建完整的内容布局或整个页面布局不同。 而以前，您可能需要开发人员在主题内制作一个新模板或类似的东西。

因此，无论是自定义页眉和页脚、侧边栏、内容区域，还是具有不同布局的全新页面，我的意思是，这就是所有的东西，这就是重点。 这就是为什么它如此强大，因为他们可以做所有的事情。 你可以在一个下午通过拖放和其他方式自己创建 20 个登录页面，然后将其加载到 A/B 测试器中，你可以自己完成所有工作。 您不必等待开发人员对其进行编码。 您甚至不必等待设计师模拟它。

在 WP Engine，我们当然会这样做。 大多数公司在某种程度上都会为内容制作登录页面并对其进行测试，过去我们需要花费数周的时间来设计它们，然后开发它们，然后将它们加载到 WordPress 中，等等，而现在我们确实需要一个下午的时间来完成赚 20 美元。这是令人难以置信的授权。

所以我们现在到了这个年龄，这很棒。 WordPress 确实使这三个角色能够一起发挥最大的作用，这很棒。 但是在 Web 开发中，特别是在 WordPress 开发中，还有另一种趋势正在发生，那就是无头开发，我们已经在 WP Engine 和我们的 DevRel 以及去年的 DE{CODE] 中讨论了很多，我们将讨论今年更多，因为这是一个持续的趋势。

现在，互联网上最大的网站中有 3% 是无头的，从长远来看，这比 Drupal 更大，与 Shopify 差不多，而且增长非常快。 所以这个广场会越来越大，但是它已经很重要了，所以这是一个重要的发展趋势。

我们相信无头 WordPress 网站是无头网站的未来，当然，这是我们在 WP Engine 上非常致力于我们的产品 Atlas 的事情。 同样，稍后您将在其他会议中听到更多相关信息。 但是现在，我想谈谈 headless 的一个问题，因为 headless 破坏了我们刚刚谈论的所有这些美味的东西。 因为 headless 删除了所有前端内容，这意味着网站的外观、URL 的解析方式、实际发生的情况、我们在 WordPress 中可能称之为主题的内容，所有这些都发生在 WordPress 之外。 这最终打破了 WordPress 构建的这种动态和伟大的东西。

因此，特别是，开发人员仍然被授权。 事实上，他们被压倒了。 事实上，这就像回到 1997 年，那里的一切都需要开发人员。 所以好消息是，开发人员可以使用所有这些现代开发工具、JavaScript，以及整个开发管道、开发工具、测试工具、React 和其他组件网络的世界、Gatsby 的世界，以及Next.js 和其他用于构建网站的框架，其中有令人惊奇、不可思议的东西。

您可以使用一些库来做各种令人惊奇的事情。 很容易获得对其他地方任何类型的托管服务的 API 访问权限，以将其他服务集成到其中。这是人们在编码学院和大学学习的现代语言，总的来说，它是最流行的编程语言。 开发人员非常喜欢它，这很好。

但此时的问题是，它是以网站所有者甚至设计师为代价的，因为营销人员说的这些话，等等，我习惯于编辑内容，做任何我想做的事，开发人员说，是的，那是现在发生在 JavaScript 中，所以你不能那样做。 但是等一下，我设置了菜单并制作了页面，而 JavaScript 开发人员说，不，我们制作菜单，我们制作页面。 突然之间，我们回到了 1997 年。您想将图片向左移动五个像素，请打开一张票。 当然，这很糟糕。 这与 1997 年的情况一样糟糕。

所以我们对此的愿景是，好吧，无头是一种趋势。 它会继续下去。 有好处，但我们必须对这种动态做点什么。 因此，WP Engine 在构建软件、基础设施、Atlas 和 Faust 等方面发挥了我们的作用，您将在今天晚些时候听到这些内容。 但我只想从高层次上谈谈这些东西是什么，然后展望未来以及会发生什么样的事情。

所以我们知道开发人员很高兴，好的，很好。 设计师呢？ 好吧，这对设计师来说真的是个好消息，因为事实证明，有很多很棒的设计系统专门针对 React 等 JavaScript 框架。 例如，这是我们在 WP Engine 中使用的设计库。 所以我们建造了这个。 我们称之为独角兽。 这是一种内部产品名称。 但是有些工具既可以免费使用，也可以来自任何开源和封闭源代码，您可以将其用于此类事情。

但基本上，这个想法是你有一个组件库，同样，就像块一样，但对于 React，这些组件中的每一个都是以特定的方式设计的，以特定的方式运行。 它们可能有不同的状态，比如它们是活动的还是不活动的，选中的还是禁用的，或者使用不同的语言或不同的上下文，等等，无论是营销网站的视觉元素，还是控件，甚至在营销站点，您需要诸如表单、定价页面之类的东西，或者某种状态，或者控制面板或用户门户与营销站点之间的某种更好的集成。 这些越多，客户体验就越好。

不管怎样，有这样的系统，对设计师来说很棒，因为他们可以制作所有这些，并且几乎可以像单元测试系统一样使用它来查看它。 但是开发人员可以选择这些。 这些都是 React 组件。 他们可以把它们捡起来，放进去。所以就像我们用积木谈论营销人员一样，开发人员可以拿走这些东西，使用它，然后砰的一声，它们在品牌上，一切看起来都是一致的，而且组件已经在所有浏览器和东西上进行了测试，等等，所以这真的是设计师拥有他们的东西然后开发人员能够重用它的完美结合。 所以当谈到设计师可以做什么时，实际上是个好消息。

那么网站所有者呢？ 营销人员呢？ 可能是最重要的人，因为他们需要网站表现良好，无论这意味着什么。 这可能意味着产生广告收入。 这可能意味着电子商务交易。 这可能意味着伟大的品牌。 这可能意味着让您宣传您的公司，或者只是传达世界上重要的事情。 无论如何，他们需要网站来执行。

那么他们呢？ 嗯，对于营销人员来说，headless 的第一个好处就是性能。 所以这是我们的一位客户的图表，他刚刚通过超级碗广告看到了超级碗期间你获得了什么样的流量，对吧？

所以他们投放了两个广告，这些是两个小光点，或者你可以在右边看到的两个细光点。 第一个亮点是他们在一分钟内仅获得 500 万次点击的第一个广告。 然后第二个光点是第二个广告，在三分钟的时间里，他们获得了 2500 万次点击。 如此绝对惊人的规模。 该站点没有问题。 在那期间，我们坐在那里自己刷新网站。 它非常快。 在该峰值期间，第一次咬人的平均时间为 150 毫秒。

所以无头网站可以非常快速和可扩展，所以这真的很高兴看到。 还有，一开始就在这里显示这些奇怪的三个光点，就像一个心脏监视器，这真的很有趣。 那些是负载测试，因为当然，客户就像，我不知道你们是否可以处理我们的流量，所以我们进行了负载测试。 如您所见，即使是负载测试也无法重现您在超级碗期间获得的流量。 幸运的是，一切都很好，一切都按比例缩放，一切都很好。 但它几乎不值得尝试测试它，因为你无法模拟它。

无论如何，好的，所以这很好。 如果你是网站所有者，你会说是的，这就是我想要的技术，到目前为止，非常好。 但是我被剥夺权力怎么办？ 这就是我们对 Atlas 和 Faust 所做的改变。 所以你今天晚些时候也会看到这个。 你可以自己玩。

顺便说一句，这都是开源的，GPL，所有的好东西。 WordPress 组件和 JavaScript 组件都是开源和免费的。 所以这是一个社区项目。 我们很乐意让您尝试一下。 我们希望您为此做出贡献等等。 所以请检查一下。

但只是为了给你这个快速演示，你在左边看到的是常规的 WordPress 块编辑器，你可以看到有人正在编辑图像中带有一些奇怪背景颜色的文本，然后在右边，这是一个无头的基于浮士德的headless WordPress 站点，如您所见，块编辑器中的所有设置和配置都已转移到那里。

但这是神奇的部分，右边的东西是原生的、常规的 React 组件，不是奇怪和特殊的东西，只是常规的东西。

所以这意味着我们已经进入了块编辑器的世界，它具有我们所说的所有好处，并且会继续变得越来越好。 但我们还在前端保留了 React 生态系统和原生 JavaScript 的所有优势，因此普通的 React JavaScript 开发人员只会说，好吧，这些都是 React 组件。 我知道怎么解决这个问题。 我们完成了。

所以这对双方来说都是一种完美的情况，再一次，这就是那种态度，对双方来说都是完美的情况是我们将如何回到这个状态，即使是在没有头的情况下，每个人都控制自己的区域，每个人都对技术如何发展，等等。 这就是我们对无头的愿景。 而且，我认为它只是延续了 WordPress 的愿景，以及它在制作网站方面为世界上每个人所做的一切，我们也只是将其推向了无头。

那么，这在未来如何才能再次变得更好呢？ 一些事情，其中​​一些我们正在努力，其中一些我们没有，或者我们将来可能会做一些事情，但我鼓励社区致力于它们，因为我认为 WordPress 有实力一个社区。 我们正在尽自己的一份力量。 但实际上，我们所有人都需要做到这一点。

所以这里有一些想法。 所以首先，这是设计系统。 将这些集成设计系统与 React 结合起来真的很棒，但是块编辑器呢？ 不应该两者兼而有之吗？ 设计师不应该先制造东西，然后它们变成块，然后变成 React 组件，所以一切总是相互联系并且总是有意义的吗？ 我认为那将是不可思议的，而且显然是一个可以让每个人更加团结的地方。

测试是另一件事，它有点特别。 没有一种标准的方法可以做到这一点，尤其是当你同时考虑块和前端 React 组件时，拥有一个集成的测试套件意味着什么，甚至可能与设计系统集成，因为如果这些都经过测试，你可以放弃他们进来，这听起来真的很扎实。 听起来如果你有可靠的组件，你真的可以非常快速和高质量地构建东西。 我认为这是一个非常有趣的探索领域。

另一个已经在块编辑器路线图上，所以我不是我在这里真的没有说任何新的东西，就是确保块是多语言、多语言环境准备就绪的。 今天的大多数 WordPress 都不是英文的。 而且我认为随着时间的推移，越来越多的 WordPress 将不是英语，因为世界上有更多的人不会说英语，而且随着越来越多的人上网，其中大多数人不会说英语。

所以对我来说，它只是 WordPress 总体上自然发展的地方。 我认为它与 WordPress 的精神一般兼容，尽可能多的人可以访问。 那必须成块。 同样，这已经在路线图中了，但这很令人兴奋。 同样，这也需要通过无头系统流入。

然后我们可以与营销人员一起做更多事情并赋予更多权力。 我的意思是，他们拥有如此强大的力量，但那又如何呢？ 他们就像，总是有更多的事情要做，尤其是在无头游戏中，很多力量已经被移除，还有很多东西要放回去。 所以只是一个小例子，假设您将网站从一个地方移动到另一个地方，旧流量仍然会转到旧页面并需要重定向到下一页。 没问题。 WordPress 中有插件可以做到这一点。

但在无头上下文中，这是行不通的，因为无头组件也不知道这一点。 因此，将其从 WordPress 带回无头组件将意味着营销人员重新控制这些被调用的重定向。 所以有很多这样的例子，我们必须给营销人员更多的权力，特别是在一些权力已经被移除的无头环境中。

最后是 AI，所以在剩下的 30 秒内，我将向您全面介绍 AI 的现状和未来，除了一件事。 我绝对不会在 30 秒内这样做。 当然，这是一个令人难以置信的话题，一切都非常令人兴奋，我们需要比本次主题演讲结束更多的空间来谈论它。 所以请继续关注，很明显，这将是一个令人难以置信的探索领域。 事情会被尝试，事情会失败，事情会变得非常美妙，看到这一切的发生肯定会令人震惊。

所以我们可能会表现出一点偏见，但我们认为 WordPress 不仅是最好的 CMS，而且还是最好的无头 CMS。 无论云技术和互联网技术发生什么变化，我们都在这里。 同样，我认为 WordPress 的优势在于社区，而我们正在尽自己的一份力量，努力使这三个角色之间的动态尽可能强大，你们中的很多人也是如此，我认为这是一种有趣的方式陈述愿景声明是为了让开发人员、设计人员和网站所有者、营销人员能够尽自己最大的努力并共同努力。

我认为 WordPress 在该使命宣言方面做得很好。 和我们所有人一起，我们可以让这一点变得越来越真实。 我们已经做了 20 年，这仍然令人难以置信。 我们在这里为接下来的 20 人继续这样做。

所以坚持下去。 将举行超过 12 场关于各种主题的分组会议。 其中一些是关于 WP Engine 的产品，比如 Atlas，这是我们的无头产品，Local，WP Migrate，ACF。 有关于 WooCommerce 的主题，但也有关于 WordPress 世界中一般事物的主题。 甚至除此之外，还有来自 Google 的谈话，甚至还有来自 Matt Mullenweg 的谈话。 因此，请继续关注各种有趣的信息。 记住，所有的会议都被记录下来，所以如果你不得不错过一个会议，或者如果有两个会议同时进行并且你想同时看到它们，那么就在之后观看会议，我会在那里见到你。 谢谢。