WordPress 和 GitHub 集成
已發表: 2023-02-12為 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 用戶提供最佳開發人員資源的原因。 查看我們為您的下一個項目制定的計劃!