如何使用 GitHub 和 Deploy 自動部署 WordPress 主題變更

WPressize Me

12/28/2022

如何使用 GitHub 和 Deploy 自動部署 WordPress 主題變更

為什麼要使用版本控制系統進行 WordPress 主題開發?

版本控制系統允許您隨時間記錄文件或文件集的更改,以便您日後可以回憶特定版本。換句話說,每次我們更改 WordPress 主題模板、圖片或 CSS 文件時,版本控制系統會跟蹤這些更改。例如,假設您決定運行一批更改。如果這些更改引起了問題,您可以恢復(或回滾)到WordPress 主題的現有版本。Git 是一種常見的版本控制系統,它允許多個用戶在相同的代碼基礎上進行操作,如 WordPress 主題。如果兩個開發者編輯同一文件,Git 內建的控制措施會處理這些問題(稱為合併衝突)。

為什麼要使用部署系統?

一個與 GitHub 等服務集成的部署系統允許您自動或手動上傳對 WordPress 主題所做的更改。您可以將其視為單向同步系統。舉例來說,如果您從 WordPress 主題中刪除一個文件,您也必須通過 FTP 刪除它。使用部署系統,當您將代碼更改提交到 GitHub 時,這些操作會自動完成。本文中,我們將使用名為 DeployHQ 的部署系統,簡稱建議為 Deploy。Deploy 也支持其他 Git 儲存庫提供商如 Bitbucket,但我們在這篇教程中將使用 GitHub。

設置 GitHub 儲存庫以存儲 WordPress 主題

首先,您需要在 GitHub 上註冊一個賬戶,然後使用 GitHub 客戶端來存儲 WordPress 主題的更改。您可以訪問 GitHub 網站並輸入您的電子郵件地址來創建新賬戶。接下來,輸入用戶名和密碼,GitHub 還會要求您選擇電子郵件偏好。之後,您可以向下滾動並通過解謎來驗證您的賬戶。驗證完成後,您將看到 GitHub 儀表板。從這裡,您可以點擊頂部的“+”圖標並選擇“新建儲存庫”選項。輸入儲存庫名稱,例如您的 WordPress 主題的文件夾名稱,然後選擇公共或私人儲存庫,最後勾選加 README 文件的選項並點擊“創建儲存庫”。現在,您的 GitHub 儲存庫已準備就緒。

將 GitHub 文件上傳到本地電腦並同步代碼

接下來,您需要將我們的 WordPress 主題代碼放入我們的儲存庫中。為此,您可以訪問 GitHub Desktop 網站並下載適用於 Windows 或 Mac 的桌面客戶端。下載完成後,啟動 GitHub 客戶端,並使用您的 GitHub 賬戶登錄。然後點擊“授權桌面”按鈕允許 GitHub Desktop 訪問您的賬戶。接下來,打開 GitHub Desktop 客戶端,並配置 Git。點擊“克隆儲存庫”選項並選擇您創建的儲存庫,並選擇儲存路徑。您已經將 GitHub 上的儲存庫克隆到我們的電腦上。接下來,將我們的 WordPress 主題代碼添加到儲存庫的文件夾中,並提交和同步這些代碼到 GitHub。

設置 Deploy

最後一步是確保 GitHub 儲存庫上的任何更改都推送到您的 WordPress 網站。DeployHQ 是一個基於 Web 的服務,它將監視您的 GitHub 儲存庫的變更,並自動或手動將這些更改上傳到您的 WordPress 網站。首先,訪問 Deploy 網站並註冊一個新賬戶。完成註冊後,登錄到 Deploy 儀表板,點擊“創建項目”按鈕。提供一個項目名稱,選擇 GitHub 作為代碼託管平台。接著,根據提示進行設定,直到完成。接下來,您需要提供服務器信息,包括主機名、端口、用戶名和密碼及部署路徑。輸入這些詳細信息後,點擊“創建服務器”,然後點擊“部署”按鈕開始上傳 GitHub 文件。

自動部署設置

為了設置自動部署,訪問 Deploy 儀表板並前往“項目”頁面,點擊項目名稱,然後前往“自動部署”選項卡,啟用自動部署的選項。接著,複製 Webhook URL 並添加到 GitHub 儲存庫的設定中。最後,GitHub 儲存庫將通知 Deploy,Deploy 會自動將變更實施到您的網站。

我們希望本文能夠幫助您學會如何使用 GitHub 和 Deploy 自動部署 WordPress 主題變更。如果您喜歡這篇文章,請訂閱我們的 YouTube 頻道以獲取 WordPress 視頻教程,您也可以在 Twitter 和 Facebook 上找到我們。



Related Posts

  • 2024-07-20
  • WordPress 主题

您是否想在 WordPress 中為不同頁面使用多個佈景主題?可以自訂網頁的外觀和布局,為文章、頁面和部分區域建立模板。但是如果您想為網站的某些部分或頁面使用完全不同的佈景主題呢?本文將指導您如何在 WordPress 中為頁面使用多個佈景主題。

閱讀更多
  • 2024-07-19
  • WordPress 主题

您是否想在 WordPress 網站上添加回頂效果?這種效果在頁面較長時非常有用,可以讓用戶輕鬆返回頁面頂部,提升網站的用戶體驗。本文將教您如何使用 jQuery 和插件在 WordPress 中添加平滑回頂效果。

閱讀更多
  • 2024-07-13
  • WordPress 主题

您是否想在 WordPress 中創建一個自定義頁面?自定義頁面允許您使用與網站其餘部分不同的佈局。許多 WordPress 網站使用自定義頁面佈局來建立銷售頁面、登陸頁面、網路研討會頁面等。在這篇文章中,我們將向您展示如何輕鬆地在 WordPress 中創建自定義頁面。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>