如何離線構建 WordPress 網站(只需 3 個簡單步驟)
已發表: 2022-08-29當您編輯實時網站時,您所做的任何更改都將立即實施。 這意味著,如果您想嘗試新的編碼或實驗性軟件,您最終可能會破壞您的網站並疏遠新訪問者。
要解決此問題,您可以創建網站的本地離線版本。 這使您無需互聯網連接即可運行和編輯 WordPress。 通過在您的個人計算機上安裝您的網站,您可以測試新功能、學習如何使用 WordPress,並最終使您的編輯生效。
在這篇文章中,我們將解釋為什麼您可能想要離線構建 WordPress 網站。 然後,我們將向您展示如何使用 DevKinsta 執行此操作。 讓我們開始吧!
為什麼您可能會考慮創建離線網站
如果您是網站所有者,您可能已經知道執行簡單的管理任務會對您的實時內容產生負面影響。 通常,軟件更新、新安裝和基於代碼的更改可能會導致停機或其他問題。
避免破壞您的網站的一種簡單方法是創建一個登台環境。 通過製作實時網站的副本,您可以安全地測試開發更改。 使用 Kinsta,您甚至可以一鍵設置臨時站點:

但是,有時您可能希望完全離線編輯您的網站。 例如,如果您無法訪問 Wi-Fi,您將無法打開暫存站點。
幸運的是,您可以在計算機上保存網站的本地版本。 離線構建 WordPress 站點後,您可以在沒有 Internet 連接的情況下進行更改。
如果您是專業的開發人員或設計師,您可能需要離線在客戶的網站上工作。 克隆它們並在本地工作後,您可以在不影響實時內容的情況下開發成功的編碼改進。 然後,您可以簡單地將這些更改推送到原始站點。
此外,本地站點可以提供一種有效的方式來學習如何使用 WordPress。 如果您是一個完整的初學者,您可以在購買託管計劃或域之前創建一個新的離線網站。 當您嘗試本地 WordPress 開發時,這可以降低成本。
如何離線構建 WordPress 網站(分 3 步)
既然您知道使用本地 WordPress 網站的好處,讓我們討論如何創建一個!
第 1 步:安裝 DevKinsta
儘管您可以使用許多不同的本地 WordPress 開發工具,但這些工具可能具有復雜的設置過程。 使用 DevKinsta,您只需單擊一下即可創建您的第一個本地環境:

以下是我們在 DevKinsta 中內置的一些高質量功能:
- 支持 PHP 7.2 – 8.0
- 與 MyKinsta 集成
- 本地郵件管理
- 內置數據庫管理器
DevKinsta 可以支持 macOS、Windows 和 Linux 操作系統。 但是,在您下載我們的本地開發工具之前,請務必確保您的計算機滿足以下要求:
- 至少 5GB 的磁盤空間
- 至少 1GB 的 RAM
- 下載期間的互聯網連接
- 在 BIOS 中啟用虛擬化
然後,安裝過程將根據您計算機的軟件而有所不同。 在下載並打開 DevKinsta DMG 文件之前,您可能需要安裝 Docker Desktop。
第 2 步:添加新站點
安裝 DevKinsta 後,您可以使用三種不同的方法來創建本地 WordPress 網站。 為確保您根據需要選擇正確的方法,讓我們逐一介紹每種方法。
方法 1:添加新的 WordPress 站點
如果 DevKinsta 安裝正確,您將看到創建新站點頁面。 在這裡,您可以添加一個新的 WordPress 站點,從 Kinsta 導入一個,或者創建一個自定義版本:

要從頭開始創建一個全新的 WordPress 網站,請選擇新建 WordPress 網站。 這將構建一個配置有 Nginx、MySQL 和最新 WordPress 軟件的本地環境。
對於這種方法,您需要做的就是填寫站點名稱、WordPress 管理員用戶名和 WordPress 管理員密碼。 然後,單擊創建站點:

30-60 秒後,DevKinsta 將創建一個新站點。 您將能夠看到有關新數據庫、服務器、PHP 版本等的信息:

在此過程中,您可能需要輸入計算機密碼或接受確認對話框。 這將允許軟件更改您的主機文件並完成創建數據庫。
方法 2:導入您的 Kinsta 網站
如果您有 Kinsta 託管計劃,則可以克隆您現有的網站。 通過這樣做,您可以輕鬆地將任何更改推送回原始暫存環境或實時站點。 要開始,請選擇從 Kinsta 導入:

接下來,您需要連接您的 MyKinsta 帳戶。 輸入用戶名和密碼後,點擊登錄:


然後,選擇要克隆到計算機的站點。 由於 DevKinsta 支持 staging 和 live 環境,您可以選擇其中一個:

如果網站是多站點,請指定它是使用子域還是子目錄。 您也可以選擇無多站點:

單擊Import site後,DevKinsta 將創建您選擇的網站的本地副本。
方法 3:添加自定義站點
如果您想更好地控製本地 WordPress 安裝,可以選擇自定義站點選項。 這將使您能夠配置有關站點的特定設置:

首先,為網站選擇一個名稱。 您還可以命名數據庫並選擇 PHP 版本:

在WordPress 詳細信息下,您可以修改站點標題以及 WordPress 版本。 最後,填寫您的管理員電子郵件、用戶名和密碼:

單擊Create site後,DevKinsta 會將域添加到您的主機文件並設置一個新數據庫。 這應該只需要 15 到 20 秒。
第 3 步:管理您的本地網站
創建本地網站後,您需要知道如何訪問和管理它。 這樣,您可以實施更改並評估它們的成功程度。 在站點頁面上,單擊箭頭圖標以打開您網站的前端:

要轉到您的 WordPress 管理員,請選擇一個網站。 然後,在站點信息頁面的頂部,找到WP Admin按鈕:

在生成的瀏覽器中,您可以填寫您的 WordPress 登錄信息。 然後,您將能夠使用儀表板查看和編輯您的網站:

進行更改後,您可以返回 DevKinsta站點信息頁面。 通過選擇Sync > Push to Kinsta ,您可以將這些開發實施到您的登台或實時站點上。 或者,您也可以將更改從 Kinsta 拉取到此本地環境:

如果單擊Database manager ,您可以在瀏覽器選項卡中啟動 Adminer。 使用此工具,您可以創建新數據庫、檢查表中的數據、更改列設置、執行 SQL 查詢等等:

作為初學者,您可能只需要創建一個本地 WordPress 站點。 但是,如果您是開發人員或為代理機構工作,您可以在 DevKinsta 中構建和管理多個站點。
在 DevKinsta 中,每個站點都在容器化環境中運行。 這意味著您可以根據需要添加任意數量的項目。 為此,請單擊主頁上的添加站點:

到現在為止,您應該有一個新的離線 WordPress 網站和自定義它所需的工具! 這可以幫助您在沒有 Wi-Fi 的情況下開發您的網站,並避免出現實時編碼錯誤。
概括
啟動本地版本的 WordPress 後,即使沒有互聯網連接,您也可以打開和管理您的網站。 當您重新上線時,您只需將更改推送到您的實時網站即可。 這樣,您可以隨時完成開發任務。
使用 DevKinsta,安裝本地 WordPress 環境可以是一個簡單的過程。 立即下載此免費工具,一鍵創建離線測試站點!