WordPress 和 GitHub 集成

为 WordPress 开发主题和插件既有趣又有利可图。 虽然有很多方法可以管理您的工作流、版本控制和存储，但专注于最好的可用工具可以帮助您的项目更上一层楼。

幸运的是，GitHub 使这项任务变得容易得多。 它是一个流行的开源代码存储库，为开发人员提供了许多有价值的工具。 此外，它目前是世界上最大的开源代码主机，拥有超过 3400 万用户和超过 1 亿个存储库。

本文将为您提供将 WordPress 开发站点与 GitHub 集成的完整指南。 此外，我们将查看一些您可能想要考虑添加到您的工作流程中的插件。 让我们开始编码吧！

如何结合 GitHub 和 WordPress（4 个步骤）

为了将您的 WordPress 开发环境与 GitHub 相结合，您需要完成几个重要步骤。 这从创建本地 WordPress GitHub 环境开始。 然后您将继续安装 GitHub 并创建您的第一个存储库。

第 1 步：创建本地 WordPress 环境

如果您计划为 WordPress 开发，最好建立一个高质量的本地开发环境。 为此，我们建议使用 Local：

在本地开发意味着您可以创建一个模拟您的生产服务器的环境。 您可以离线开发和测试您的源代码，而不会破坏任何已经存在的内容。

设置本地环境后，您将拥有所有必要的开发人员功能和工具供您使用。 要开始，您可以选择免费下载！ 在主页上，然后选择您的操作系统：

下载软件包并完成系统安装过程后，您可以打开 Local 并开始设置本地开发站点。 出现提示时，单击创建新站点：

接下来，您将输入开发站点的名称。 本地站点域名和路径将自动填充。 但是，如果需要，您可以使用“浏览”选项为您的站点选择不同的本地路径：

您还可以选择从蓝图创建站点。 这意味着当您开始积累多个站点或开发项目时，您可以将经常使用的 WordPress 主题和插件集打包在一起。 然后通过使用蓝图，您可以在创建新的开发站点时快速访问和加载它们。

完成域名选择后，点击继续。 接下来，系统会提示您为本地 WordPress 安装选择用户名和密码：

开发环境完成后，您将看到一个屏幕，其中包含新站点信息的摘要：

这将是您使用 Flywheel 创建的所有本地站点的主仪表板。 从这里，您可以快速检查您网站的状态，查看它，然后通过选择Admin前往您的 WordPress 管理仪表板。 此外，您可以轻松查看您的 WordPress 数据库、安全性和其他实用程序信息。

第二步：安装 GitHub

要在 WordPress 中启用 GitHub，您需要创建一个免费的 GitHub 帐户并在本地驱动器上下载并安装 Git。 Git 是处理 GitHub 上所有工作流程的开源版本控制系统 (VCS)。

对于可用于安装和配置 Git 的内容，您有两种选择。 如果您习惯于使用命令行工具，那是一种选择。 或者，您可以使用 GitHub Desktop 客户端：

对于本次演示，我们将下载并安装 GitHub Desktop。 下载并解压缩文件后，您需要使用 GitHub 信息登录：

如果您不熟悉 Git 的工作原理，可以将其视为工作流程中的中间人。 GitHub 是您可以托管项目的地方，而 Git 是将 GitHub 存储库拉到本地开发环境的功能，以便您可以对其进行处理。

完成后，您可以使用 Git 将更改推送到 GitHub，这样您的文件将始终是最新的。

第 3 步：创建存储库

现在您的本地环境已准备就绪，计算机上安装了 WordPress 和 Git，您可以为项目创建存储库了。 在 GitHub Desktop 中，您可以选择在硬盘驱动器上创建新存储库：

然后系统会提示您配置新的本地存储库：

在命名您的存储库并配置一些其他设置后，例如根据需要选择许可证，单击Create Repository 。 然后您将在 GitHub Desktop 用户界面中看到您的新存储库：

这是您项目的命令中心。 从这里，您可以提交更改并将您的存储库发布到 GitHub。 此外，您可以从 GitHub 网站创建存储库：

如果您以这种方式创建存储库，则可以使用桌面界面中的克隆存储库功能将其拉入本地开发环境：

从 GitHub 中选择要克隆的存储库并设置本地路径后，单击克隆以完成操作。

第 4 步：发布您的存储库

将文件添加到本地存储库文件夹后，它们将出现在 GitHub 桌面上。 从那里，您可以启动更改、打开您的代码编辑器，并将您的存储库发布到 GitHub：

点击Publish repository后，系统会提示您添加描述并完成发布过程：

然后，您可以检查您的 GitHub 帐户以确保您的存储库已发布：

当您更改文件并在 Local by Flywheel WordPress 环境中测试它们时，您可以轻松地在 GitHub Desktop 中提交更改。 然后，您将能够一键将更新的存储库发布到 GitHub。

适用于 WordPress 的 Github 插件

为 GitHub 添加有意义的功能的 WordPress 插件并不多。 一些较新的和未经审查的插件可用，旨在通过已发布的存储库更新您的博客。 但是，有两个可靠的选项可为开发人员提供有用的功能。

1.Github嵌入

Github Embed 是一个免费的 WordPress 插件，可让您将 GitHub 信息嵌入您的网站。 您可以通过在您的 WordPress 页面和帖子中使用一个简单的链接来做到这一点。 一旦您将 GitHub 链接嵌入您的网站，只要您对该存储库进行更改，它就会更新。

这对于销售主题和插件的开发人员特别有用。 使用此工具，您可以轻松地让您的客户了解任何新变化、问题和改进的最新信息。

2. GitHub 更新器

请务必注意，您从 GitHub 下载并添加到 WordPress 网站的插件和主题不会被标记为更新。 这意味着如果开发人员进行了更改，您将不会在 WordPress 仪表板中收到通知。

这就是 GitHub Updater 插件可以帮助您的地方。 它的开发目的是为 GitHub 主题和插件提供自动更新。 当您在 WordPress 网站上安装他们的项目时，一些 GitHub 开发人员甚至需要使用此插件。

下一步

此时，您已准备好在 Flywheel、WordPress 和 GitHub 之间创建 Git 工作流！ 您将能够从 GitHub 检索代码，并创建您自己的主题和插件或为 WordPress 社区中的当前项目做出贡献。

除了增强您的开发工作流程之外，您还可以利用 GitHub 的许多功能和工具。 例如，您可以使用 GitHub Pages 将您的存储库直接推送到实时网站。 GitHub 对于大型团队都在同一项目上工作的项目也非常有效。

使用 WP Engine 保持控制

将自己定位到 GitHub 和更简化的开发工作流程可以改变您的项目。 这个平台不仅是自由职业者的理想选择，而且还促进了开源社区的创新。

在 WP Engine，我们相信开源开发的力量。 这就是我们致力于为 WordPress 用户提供最佳开发人员资源的原因。 查看我们为您的下一个项目制定的计划！