DE{CODE}：机构的蓝图和其他本地功能

WP Engine 正在提升 Local：Blueprints 中一个鲜为人知但深受喜爱的功能！ 与 WP Engine 产品营销经理 Britt Dreisbach 和高级产品经理 Austin Wendt 一起深入了解新的 Blueprints 工作流程以及如何让它为您的业务服务。 奖励：抢先预览本地可用的新阿特拉斯蓝图！ 该会议还介绍了其他本地功能，这些功能旨在帮助机构和开发人员简化他们的 WordPress 工作流程，同时轻松管理多个站点。

会议幻灯片

全文抄本

AUSTIN WENDT：欢迎大家，感谢大家今天的加入。 我们很高兴与您讨论本地化，特别是蓝图和代理机构的其他本地化功能。 我叫奥斯汀·温特。 我是 WP Engine 本地产品的高级产品经理。 我们的本地产品营销经理布里特·德赖斯巴赫 (Britt Dreisbach) 今天晚些时候将与我一起讨论这个话题。

在我们开始之前，为了让您快速了解一下，我想带您了解一下我们的议程。 因此，如果您不熟悉 Local，我想介绍一下 Local 是什么以及您为什么要使用它，然后我们将深入探讨我们一直在努力开发的一些新功能和改进功能与蓝图有关。 我会把它交给 Britt，她将介绍一些其他功能和在我们的代理工作流程中非常有效的附加功能，并向您展示如何开始使用 Local。

Local，如果你不熟悉的话，是排名第一的本地 WordPress 开发工具。 因此，Local 于 2016 年初作为一家名为 Pressmatic 的公司成立，如果您以前听说过这个名字，它是一款仅适用于 Mac OS 的应用程序，旨在简化 WordPress 网站的构建。 那时，启动一个新的 WordPress 站点太难了，或者如果您想测试对站点的更改，则必须在生产环境中进行。 如果您在生产中尝试某些东西但它坏了，那么可能会破坏客户站点的风险很大。

2016 年末，Flywheel 收购了 Pressmatic，并将名称更改为 Local By Flywheel（如果您听说过的话）。 我们的目标是扩大 Local 的范围，将其带到更多操作系统和更多用户，并使开发网站和将网站部署到 Flywheel 等公司变得更加容易。 然后在 2019 年，Flywheel 被 WP Engine 收购，这就是我们今天的处境。

所以我们从名称中删除了 By Flywheel，现在它是我们都知道和喜爱的 Local。 有一段时间，Local 是一种付费服务。 所以它曾经是你必须支付的东西。 2021 年 6 月，我们决定让 Local 对所有人免费。 我们在 WP Engine 非常坚信并且是我们使命的一部分，我们的使命是推动自由创造。

我们希望尽可能多地使用 Local，让尽可能多的开发人员受益，从而使构建 WordPress 成为 WordPress 社区的一个超级无缝过程。 所以现在它是一个免费工具，我们每个月都有超过 100,000 名月度活跃用户在 Windows、Mac OS 和 Linux 上使用 Local 来构建他们的网站并在为他们自己或他们的客户上线之前测试更改。

我们今天想谈的是我们一直在蓝图功能上进行的投资。 蓝图是 Local 中长期存在的功能。 他们从一开始就存在，但我们希望看到更多人利用他们在支持代理工作流程方面提供的真正力量。

所以我们一直在做的事情是蓝图。 就 – 蓝图是用户定义的 WordPress 网站模板，有助于跳过重复、耗时的设置。 Local 非常擅长在我称之为非常基本的 hello world 状态下快速创建新站点。 因此它会为您创建一个新站点。 如果您知道 Hello World 帖子，就会创建它。 这是一个非常基本的 WordPress 主题，没有附加数据或媒体，没有激活插件，只为您准备好制作您喜欢的主题。

现在，如果您已经在本地工作了一段时间或者只是构建了 WordPress 一段时间，我们知道在构建新站点时通常会有一些设置步骤，无论是您创建的插件你喜欢在你的网站上使用，它是你喜欢安装的某些主题。 它允许开发人员从已知的定义状态非常快速地创建站点。 因此，当您创建一个蓝图时，您基本上是在使用您已经构建的站点，包括那些主题、插件、任何页面和媒体、站点设置，并将它们捆绑在一起，以便您下次创建站点时可以很容易从那个已知位置创建。

非常好的事情是，当我们与代理用户交谈时，蓝图对我们的代理客户有很多价值。 那是因为它们允许机构建立一些对他们非常有效的最佳实践和模式。 这些模式中的最佳实践是什么，它们因机构而异，但我们在与机构开发人员交谈时发现的是这个。 每个机构似乎都有一组通用的插件或主题或软件版本，他们喜欢在所有（如果不是大部分）网站上使用和共享这些插件或主题或软件版本。

因此，Blueprints 允许您做的是在您的机构中建立这些最佳实践和模式，并最终减少您吸引新客户或测试站点更改所需的时间。 比方说，如果我是这里的代理机构，我会创建珠宝网站，正如您在您面前的屏幕上看到的那样。 当我尝试加入新客户时，也许我有一个模板可以用来从零开始快速启动并最终帮助我加入更多客户，更快地进入我的代理机构。

其次，我认为我们从用户那里听到了很多东西，这对于在开发团队之间共享非常有用，所以就像您已经编纂了这些最佳实践和标准一样，您可以在您的开发团队中共享它们并且他们可以使用它们作为他们创建新站点时的起点，既适用于现有开发人员，也适用于您在您的机构中入职的新工程师。 能够与沟通的他们分享蓝图真是太棒了，这就是我们的最佳实践就是我们喜欢遵循的模式，当您在我们的机构建立新网站时，这就是他们应该看起来和感觉的方式。

正如我之前提到的，蓝图传统上一直是用户定义的，这意味着用户在本地创建它们。 我们非常高兴地在本周本地发布的 DE{CODE} 会议上宣布并推出的其中一件事是，我们将推出我们称之为 WP Engine 提供的蓝图，以此来减少时间它需要启动，但也允许开发人员更轻松地试验新技术。

所以你会看到，我们将在这里讨论，本地 Atlas 蓝图的概念。 Atlas 是 WP Engine 的无头 WordPress 产品。 如果您不熟悉，无头 WordPress 是我们看到的市场在 WordPress 技术方面的发展方向，这是一个可扩展的解决方案，WordPress 后端与 Node.js 前端合作。 这为您和您的团队提供了很大的灵活性和可扩展性。

它还使开发人员能够使用一些更快的新前端技术并提高 SEO 和页面加载速度，同时仍然利用我们都知道和喜爱的非常强大且易于使用的 WordPress 后端。 现在，当我们与这些机构的开发人员交谈时，我们发现他们很乐意深入研究 headless WordPress 技术，但时间通常是一个限制因素，或者他们有客户要求但他们并不舒服但将其作为该机构的付费产品提供。

所以我们继续前进并完成的是我们创建了三个蓝图，每个蓝图都有自己的自定义主题和模拟数据，我们的 FaustWP 插件，它是我们的 Node.js 框架，以及 Atlas Content Modeler 和 WPGraphQL，它们有助于在 WordPress 后端和 Node.js 前端之间传输数据。 这里的想法是，希望这对您和您的发展来说是一个很好的方式——您和您的团队可以一起看到无头 WordPress 和 Atlas 的潜力，并希望达到您愿意将这些作为产品提供给您的客户的地步。

现在，我想通过一个演示向您展示 Local 的最新版本，因为它与将蓝图引入本地 UI 有关。 所以我会在这里配置我的本地环境。 我打开了 Chrome 和 Local。 因此，我们将采用一个站点，例如 Garrett's Grocery。 因此，我将继续并启动该站点。 假设我在一家代理机构工作，我建立的大部分网站都是针对杂货店网站的。

所以继续启动这个网站，这就是我通常做的——就像我为我设置的一个典型的杂货店网站的模板。 我有我的大标题图片，Garrett's Grocery 在那里，我有一些假数据和下面的一些帖子，当我回来时我可以编辑它们。 我还按照我希望的方式配置了 WordPress 管理仪表板，包括插件和我想添加的任何其他工具。

因此，如果我在此处打开该仪表板，您将看到的内容与您在任何其他 WordPress 管理仪表板上所期望的一样。 但是如果我去插件——为了举例，我只是随机选择了四个。 但是说，当我创建一个新站点时，我总是知道我需要 Elementor、Gutenberg、WooCommerce 和 Yost SEO。 所以我已经在此处安装了它们，如果我要将其保存为本地蓝图，那么当我在本地创建新站点时，它们将被打包并包含在内。

因此，要在本地创建新蓝图，有几个不同的选项。 您可以单击站点标题旁边的这个三点菜单，然后会有一个另存为蓝图选项，或者我可以右键单击站点列表中的站点名称，然后单击另存为蓝图。 因此，我们将返回此处的三点菜单并选择另存为蓝图。 将要发生的是它会要求我为蓝图命名，因此我们将其称为“我的杂货店入门网站”。

然后将有一个文件排除过滤器，它允许我删除我不想包含在该蓝图中的任何文件扩展名，我将保持原样。 所以我点击保存蓝图，这里将要发生的事情是本地基本上将导出所有内容、媒体、帖子、插件、主题、我在该网站上配置的任何内容、所有设置，并将其放入可重复使用的格式，这样下次我去创建一个站点时，我可以管理它并从那里超级轻松地创建。

所以你看我在这里得到了一个蓝图创建确认横幅，提示转到蓝图。 所以我们将单击它，我们所做的就是将蓝图置于本地左侧导航栏上 UI 导航的前面和中心。 所以你可以看到我在本地创建的所有蓝图现在都在这里，还有我们刚刚一起创建的杂货店入门网站。

我可以转到右侧的这个三点菜单，现在有一些我们将在未来添加的管理选项，但会重命名和删除。 因此，例如，我们将继续重命名该站点，我可以将蓝图重命名为 Grocery Starter Site 2 并点击重命名。 您会在 UI 中看到此更新，然后在 Local 中更改名称。 我还可以在此处按“显示详细信息”，它会告诉我更多关于蓝图本身以及安装在其上的不同版本和软件的信息。

正如我提到的，现在我们感到兴奋的事情之一是 WP Engine 赞助或提供蓝图的想法，这些现在将由我们的附加组件控制。 所以我将转到 Add On 库并安装 WP Engine Atlas，这样我将启用并重新启动。 如果您还没有安装它，它将被安装并重新启动。

所以这将做的是 Local 将为我安装并重新启动，并且 Local 在重新启动时看起来完全一样。 加勒特的杂货店还在这里。 如果我愿意，我可以对网站进行更改。 但是，如果我返回到导航中的蓝图并向下滚动，您会看到此处添加了 Atlas 蓝图部分。 正如我提到的，这是一个很好的方式，让您了解我们提供的产品，同时也是一些课程的链接，以开始学习如何最好地使用它。 我们为您提供了三种选择。

有一个基本蓝图，一个博客蓝图，这是您在 WordPress 方面会想到的一种标准，然后是组合蓝图，它是该博客与其他一些组件的组合，以帮助示例项目和展示您的工作. 关于这些的最好的部分，如果我想看看投资组合蓝图是什么样的，我们已经在我们自己的基础设施上托管了所有这些，所以你可以启动投资组合蓝图并看到我在这里有一些图像，我'我有一些假数据，我已经为我创建了一些帖子，我可以编辑并添加我自己的媒体。

整个页面上都有一些 CTA 和一个客户推荐部分，我可以在其中放下自己的报价，如果这是一家杂货店，可以很快地在这里放下一些东西。 然后链接到流行的社交媒体，我可以在底部编辑这些媒体，如果我不想的话也可以删除。 更好的是，如果我不熟悉 headless WordPress 或者我只是想知道它是如何工作的，开发人员可以在 GitHub 中打开这段代码，所有这些都已由 WP Engine 开源。

因此，您可以查看幕后的所有代码，了解我们是如何构建它的，了解一些提示和技巧以及构建无头 WordPress 的最佳实践，我们将继续开发课程以及教开发人员让无头 WordPress 在您的机器和网络上启动并运行的最佳方法。 所以这是我们第一次，就像我说的那样，从 WP Engine 向社区提供 Atlas 蓝图或任何蓝图，我们对此感到非常兴奋并且有很大的潜力。

现在，我认为这都是无头的。 在未来，我们可以看到添加不同的技术，甚至是一个以社区为中心的部分，用户可以在其中创建和共享他们自己的蓝图。 今天，这也很棒的是，如果我现在想从这些 Atlas 蓝图或我的任何蓝图进行创建，那将非常简单。 因此，如果我转到左下角的加号图标来创建一个新站点，将会发生的事情是我们将蓝图创建移到了最前面和中间，这样用户就不会错过它.

因此，为了能够从此处的蓝图创建您的新站点，它曾经隐藏在高级选项菜单中，我不确定是否有很多用户知道如何找到它。 因此，选择“从蓝图创建”并点击“继续”，您将看到与我们刚才看到的类似的屏幕。 因此，我将看到我刚刚创建的蓝图列表，以及我想要查看的任何详细信息，以便在创建我的站点之前知道我将获得什么。

因此，如果我们向下滚动，您会看到我们现在也有这些 Atlas 蓝图，这使您可以从我们刚才谈论的那些 Atlas 蓝图快速创建。 您可以预览该站点，打开 GitHub 上的代码，并最终做出最适合您的选择。 因此，例如，如果我想从 Portfolio Blueprint 创建，我可以选择 Portfolio 并点击 Continue，Local 会像今天一样为我处理剩下的事情。

所以它会为我启动 Node.js 前端，它会启动 WordPress 后端，并确保这两者可以相互交谈。 它将导入 WP Engine 为您提供的所有数据和插件以及预配置设置，您应该立即在您的机器上配置一个无头 WordPress 站点。 我们对它的潜力感到非常兴奋，并将其应用于更多技术和更多类型的网站。 今天我们也很高兴在这里看到您的反馈，以及加入我们的社区论坛 community.localwp.com。

如果您对我们如何改进这一点或让您作为 WordPress 开发人员或代理开发人员的生活更美好有任何反馈，我很乐意听到。 但有了这个，我想把它传递给 Britt Dreisbach，正如我之前提到的，他是我们的产品营销经理，让您有机会更多地谈论代理商喜欢的其他本地功能。 布里特，我会交给你的。

BRITT DREISBACH ：大家好。 正如 Austin 所说，我叫 Britt Dreisbach，是 Local 的产品营销经理。 我从 Flywheel 来到 WP Engine，所以我已经与代理机构密切合作了很长一段时间，我喜欢我们的 Local 产品，因为我认为它是一个非常棒的工具，它真正融合了以开发人员为中心的特点，让您快速移动，同时还结合了如此漂亮的设计和我们知道代理商也喜欢的其他功能。 因此，今天我们将讨论我们的代理机构和开发人员都喜欢的 Local 内置的一些功能。

因此，从那些内置功能开始，我想谈的第一个是“一键式管理”。 因此，正如您在此处的屏幕上看到的那样，我打开了我的网站，然后我可以登录到我客户的网站，它就在那里显示了她的登录信息。 所以这是一个非常棒的功能，因为它可以让您专注于更快地进行设置。 您不必一直追踪客户凭据，也不必管理所有客户凭据的列表和电子表格。 您可以从各种管理级别查看 WP Admin 的外观。

因此，WP Admin 虽然非常简单，但却是一个非常简单易用的工具，它内置于 Local 中，可让您更智能地工作，更快、更安全地工作。 所以这是我们的第一个。 我今天要谈的第二个内置于 Local 的功能是 Live Links，这是一个非常受欢迎的功能。 因此，正如您在这里看到的，我有能力向我的客户或任何人——可能是我团队中的某个人、另一个开发人员、设计师——展示我的网站在我的本地机器上的样子，而无需将其上线或将其推送到暂存区或生产，例如。

因此，正如我们在网站上看到的那样，我们有我的 Erin's Excellent Eats 网站，假设我已准备好向客户展示它。 我可以进去，我可以更改我的登录凭据、用户名或密码，真正为我的客户或我的代理机构定制它，并保持真正品牌化的、美妙的体验。

这还可以让您获得更快的反馈，与您的客户或内部团队协作，并快速测试您的网站，而无需再一次将其上线、推送到暂存、生产等。 所以 Live Links 是 Local 中非常流行的工具。 要开始使用 Live Links，您可以创建一个免费的本地帐户，这样您就可以直接从本地安全快速地创建该站点隧道。

最后，我今天要谈的最后一个内置功能是 Local Connect。 因此，正如您在右侧看到的那样，我已连接到我的 Flywheel 帐户。 您看到的所有这些网站也在我的 Flywheel 平台上。

因此，我只需单击几下即可将此站点从 Flywheel 拉入本地，它会立即拉入我的本地实例，因此我知道我拥有该站点的最新版本并且我已准备好快速工作并做出我的客户或我的团队可能要求的那些改变。 然后，您还可以立即将网站实时推送到 WP Engine 或 Flywheel，因此这也是我们拥有的一个非常棒的工具。 它允许您推送到 Flywheel 上的暂存或生产环境，或者您也可以推送到 WP Engine 上的开发环境。

因此，除了 Local Connect，我们还有 Magic Sync Viewer，这是一个非常酷的工具。 Magic Sync 是我们的差分部署技术。 所以你稍后会在这里看到，在这个例子中，它会提取我网站上的所有文件，并智能地推荐将哪些文件带到 Flywheel 上。

所以它会智能地推荐更新、添加、删除的文件，假设我只想部署某个部分。 我可以控制我要部署的具体文件，这实际上允许用户在使用本地连接的 Magic Sync 时将部署速度提高五倍。 因此，与许多其他标准部署选项相比，它是一个非常强大的工具。

然后，我喜欢 Local Connect 的另一个非常强大的统计数据是，我们知道使用 Local Connect 的 Flywheel 客户的部署频率是不使用 Local Connect 的客户的两倍，我认为这确实说明了能够轻松简单地快速部署、工作和迭代，这对于试图保持敏捷的机构来说非常重要。

但您不必相信我们的话。 我是克里斯·科耶。 他在 CSS-Tricks、CodePen 和 Shop Talk Show 工作，他喜欢 Local 和 Local Connect。 这段话出自他。 他说，“最好的选择是本地。 我的生活就是两个地方的同一个站点列表：在 Local 和 Flywheel 中。”

因此，能够降低您的最新版本或者可能降低您的暂存环境，进行一些更改并将直播推向生产，在您了解和喜爱并且日复一日依赖的两个平台之间进行集成是一个对我们的 Local Connect 用户来说，真的非常棒的工作流程工具和优势。 这就是我在 Local 中获得的内置功能，但正如我们已经讨论过的那样，让我们​​深入了解一些附加组件。 同样，您可以从本地的附加组件库中获取附加组件，这是一个小拼图工具。

我还想谈谈 Image Optimizer，专门针对代理商，因为我们的很多代理商开发人员都在管理大量网站内容，如果您想在本地环境、WordPress 网站、计算机桌面上节省空间，您可以使用 Image Optimizer 做到这一点。 因此，如果您不想，则不必在您的 WordPress 站点中安装额外的插件。

您不必在本地计算机上安装其他工具或查找 Web 解决方案，只需单击几下即可直接从本地优化所有图像。 它真的很棒，它缩小了规模，并为您节省了大量时间，这使您可以节省自己机器、自己技术以及实时站点的空间。 然后这也有助于让您客户的网站以更好的速度运行，这就是我们都在寻找的，对吧？

这就是图像优化器。 然后我将简要介绍的最后一个附加组件是链接检查器，这是另一个非常简单但重要的工具。 因此，只需单击一个按钮，您就可以扫描整个网站，它会填充您网站上所有损坏链接的列表。 所以这可以让您更快地运行 QA 检查，但它也可以确保您提供最佳的客户体验，对吗？

您不希望能够向您的客户发送实时链接，然后他们会从您的网站上找到所有这些损坏的链接。 它确保您始终提供最佳的客户体验。 所以这些只是我们附加组件中的一部分。 我强烈建议您去本地图书馆查看我们所有的附加插件。 那里有一些非常酷和强大的工具。 但今天，除了我们的新蓝图和 Atlas 蓝图之外，我们只介绍了我们的机构喜欢的一些功能。

综上所述，Local 显然是 WordPress 开发人员的绝佳选择，但我们有许多专注于帮助代理工作流程的功能和工具，我们迫不及待地想在未来继续构建更多功能。 要开始检查所有内容，您可以前往 localwp.com 并单击那里的大下载按钮。 正如 Austin 之前提到的，本地和我们所有的功能都是免费的。

然后，如果您还想继续向我们提供想法、反馈或拥有您可能一直在考虑的新功能，您可以在 community.localwp.com 上加入对话。 这就是我们今天为大家准备的。 非常感谢您的参与。 再一次，我是布里特。 我代表我自己和奥斯汀，感谢您今天加入我们。