終極 WordPress 本地開發備忘單

已發表: 2023-02-14

想要在不翻閱文檔的情況下設置本地 WordPress 開發環境？ 我們的 WordPress 本地開發備忘單將幫助您快速智能地啟動和運行！

在這個“簡單”的實用指南中，我們將簡要介紹什麼是 WordPress 本地開發以及使用它的一些主要好處，然後我們將直接介紹如何設置本地環境、在您的計算機上安裝 WordPress計算機，並在上線前測試您的網站。

本指南涵蓋以下內容：

  • 什麼是 WordPress 本地開發？
  • WordPress本地開發的好處
  • 設置本地開發環境
    • 你需要什麼
    • 安裝本地服務器軟件
    • 設置虛擬主機
    • 為本地 WordPress 安裝創建數據庫
  • 在本地安裝 WordPress
    • 在本地服務器上下載和安裝 WordPress
    • 配置 wp-config.php 文件
  • 將實時 WordPress 站點導入本地環境
    • 導出實時站點的數據庫
    • 將實時站點的數據庫導入本地服務器
    • 替換數據庫中的 URL
    • 將直播站點的文件上傳到本地環境
  • 在本地 WordPress 站點上開發和測試
    • 進行更改和測試
    • 調試
    • 測試不同的插件和主題
  • 將本地 WordPress 站點部署到實時服務器
    • 導出本地站點的數據庫
    • 將數據庫導入實時服務器
    • 將本地站點的文件上傳到實時服務器
    • 更新數據庫中的 URL
  • 本地開發與 Webhost 暫存環境
    • 當地發展環境的優勢
    • 本地開發環境的缺點
    • Webhost 暫存環境的優點
    • Webhost 登台環境的缺點

什麼是 WordPress 本地開發？

WordPress 本地開發允許您創建一個開發環境，用於在您的計算機上構建、工作和測試 WordPress 站點，而不會影響您的實時站點。

本地開發環境複製生產服務器，從而可以在將更改推送到實時站點之前測試不同的場景並解決問題。

地方發展的好處

WordPress 本地開發的一些主要優勢包括：

  • 安全測試環境：本地開發環境提供了一個安全空間來測試新功能、插件和主題，而不會影響您的實時站點。
  • 速度、性能和效率：本地開發環境比遠程服務器更快、響應更快。 這是因為它運行在你的電腦上，所以你的電腦訪問和處理數據的速度比服務器快得多，而且你的機器和服務器之間的通信沒有延遲。
  • 成本效益：設置本地開發環境消除了對昂貴的託管服務的需求，並降低了與將更改部署到實時站點相關的成本。 您只需要一台計算機和一個文本編輯器即可開始使用。
  • 改進的協作：多個開發人員可以同時處理一個項目，而不會干擾彼此的工作。
  • 離線開發：使用本地開發環境，即使您處於離線狀態也可以開發您的站點。
  • 提高安全性：有一個你想從事的“絕密”項目嗎？ 由於本地開發環境在您的機器上運行，因此它比遠程服務器更安全，因此您可以在您的站點上構建和工作，遠離窺探。 沒有未經授權的訪問或黑客攻擊的風險。

如果您剛剛開始作為 WordPress 開發人員，請參閱我們的 WordPress 本地開發介紹一文。 如果您已經比較有經驗，請查看我們關於在本地環境中改進 WordPress 開發工作流程的方法的文章。

設置本地開發環境

在您可以設置本地 WordPress 開發環境之前，您需要做一些事情。

你需要什麼

除了擁有足夠存儲空間和處理能力的計算機來支持您的開發工作外，您還需要搭建本地開發環境：

本地服務器軟件

您將需要安裝一個本地服務器軟件來運行您的本地開發環境。

XAMPP、MAMP 和 WAMP 是三個流行的選項。 這些本地服務器軟件包中的每一個都為 Web 開發人員提供了一個完整的開發環境，其中包含所有必要的組件（例如 Apache Web 服務器、MySQL 數據庫和 PHP 腳本語言，在一個單獨的包中）、一個用於管理這些組件的控制面板和一個管理數據庫的工具。

但是，每個軟件包也有其獨特的功能和關鍵差異，因此選擇滿足您特定需求的軟件包非常重要。

讓我們簡要地看一下每一個：

XAMPP

XAMPP
XAMPP

XAMPP 是一款免費、開源且易於安裝的 Web 服務器軟件，可為 Web 開發人員提供本地開發環境。 它代表 Apache、MariaDB、PHP 和 Perl，是 XAMPP 的四個主要組件。

XAMPP 的一些關鍵特性（和優點）：

  • 包括 Apache Web 服務器、MariaDB 數據庫以及 PHP 和 Perl 腳本語言。
  • 支持多種操作系統，包括 Windows、Mac 和 Linux。
  • 易於使用的控制面板，用於管理 Web 服務器和數據庫組件。
  • 選擇安裝其他組件，例如用於數據庫管理的 phpMyAdmin。

缺點：

  • 不如 MAMP 或 WAMP 流行，因此社區支持可能不那麼強大。
  • 與 MAMP 或 WAMP 相比，設置更複雜，需要更多技術知識來安裝和配置組件。

XAMPP 最適合需要具有多個組件的完整開發環境並且熟悉配置和管理這些組件的 Web 開發人員。 它也最適合在多個操作系統上工作並需要跨平台解決方案的開發人員。

MAMP

MAMP
MAMP

MAMP 是一個本地服務器軟件，為 Web 開發人員提供開發環境。 它代表 Macintosh、Apache、MySQL 和 PHP，是 MAMP 的四個主要組件。

MAMP 的一些關鍵特性（和優點）：

  • 包括 Apache Web 服務器、MySQL 數據庫和 PHP 腳本語言。
  • 受 macOS 操作系統支持，但也可用於基於 Windows 的操作系統。
  • 易於使用的控制面板，用於管理 Web 服務器和數據庫組件。
  • 選擇安裝其他組件，例如用於數據庫管理的 phpMyAdmin。

缺點：

  • 只能使用PHP腳本語言。
  • 與 XAMPP 相比，組件更少，這可能會限制某些開發人員的需求。

MAMP 最適合在 macOS 操作系統上工作的 Web 開發人員。

有關使用此選項的更多信息，請查看我們關於如何使用 MAMP 在本地開發 WordPress 的教程。

Wamp服務器

Wamp服務器
Wamp服務器

WAMP 是一種本地服務器軟件，為 Web 開發人員提供開發環境。 它代表 WAMP 的四個主要組件 Windows、Apache、MySQL 和 PHP。

WAMP 的一些主要特性（和優點）：

  • 包括 Apache Web 服務器、MySQL 數據庫和 PHP 腳本語言。
  • 支持視窗操作系統。
  • 易於使用的控制面板，用於管理 Web 服務器和數據庫組件。
  • 選擇安裝其他組件，例如用於數據庫管理的 phpMyAdmin。

缺點：

  • 僅支持 Windows，因此使用 macOS 或 Linux 的開發人員可能需要尋找其他地方。
  • 與 XAMPP 相比，組件更少，這可能會限制某些開發人員的需求。

WAMP 最適合在 Windows 操作系統上工作並且需要具有基本組件的完整開發環境的 Web 開發人員。

有關此選項的更多信息，請查看我們關於如何使用 WAMP 在本地開發 WordPress 的教程。

雖然 XAMPP、MAMP 和 WAMP 都是尋找本地開發環境的 Web 開發人員的絕佳選擇，但還有其他可用選項，包括 Local by Flywheel、DesktopServer 和（如果您需要在多台機器上本地處理 WordPress）甚至從 USB 安裝和運行 WordPress。

文本編輯器

您需要的另一個組件是用於 WordPress 開發的文本編輯器，專為使用 PHP 等編程語言而設計。 文本編輯器對於編輯代碼和更改您的網站至關重要。

讓我們看一下文本編輯器的幾個流行選項：

崇高的文字

崇高的文字
崇高的文字

Sublime Text 是一種流行的文本編輯器，被開發人員廣泛用於編碼和腳本編寫。 它提供了一個乾淨、快速和直觀的界面，可以輕鬆處理大型代碼庫。

Sublime Text 的一些關鍵特性：

  • 超過 80 種編程語言的語法突出顯示和代碼完成
  • 可定制的配色方案、鍵綁定和宏
  • 高級搜索和編輯工具，例如多選、拆分編輯和列編輯
  • 使用特定於項目的設置系統在項目之間即時切換

對於從事需要用 HTML、CSS 和 JavaScript 編寫代碼的項目的開發人員來說，Sublime Text 是一個很好的工具。 它提供易於使用的語法突出顯示、代碼完成和編輯工具，使編碼過程快速高效。

視覺工作室代碼

視覺工作室代碼
視覺工作室代碼

Visual Studio Code 是由 Microsoft 開發的免費開源代碼編輯器。 它提供了一系列功能和工具來幫助開發人員創建和管理大型項目。

Visual Studio Code 的一些關鍵特性：

  • IntelliSense，一種智能且高級的代碼完成和調試工具
  • 內置 Git 支持和調試
  • 支持多種編程語言並擁有龐大的擴展庫
  • 可定制的界面和工作區

有關其他文本編輯器，請參閱我們的 WordPress 開發最佳文本編輯器列表。

您是否勾選了以上所有要求？

電腦符合要求的規格
選定的本地服務器軟件
選定的文本編輯器

偉大的！ 然後讓我們繼續下一步……

安裝本地服務器軟件

對於此示例，我們將在 Windows 操作系統上安裝 XAMPP。 使用下面描述的相同過程在您的計算機上安裝您選擇的本地服務器軟件，並按照軟件包的特定說明進行操作：

  1. 下載 XAMPP ：轉到 XAMPP 官方網站並下載適用於 Windows 的最新版本的 XAMPP。
  2. 安裝 XAMPP ：雙擊下載的文件開始安裝過程。 運行下載的安裝程序文件並按照屏幕上的說明安裝 XAMPP。 默認情況下，XAMPP 將安裝在C:\xampp目錄中。
  3. 啟動 XAMPP ：安裝後，從“開始”菜單或桌面快捷方式打開 XAMPP 控制面板。 通過單擊每個模塊旁邊的“開始”按鈕啟動 Apache 和 MySQL 模塊。
  4. 驗證安裝：要驗證 XAMPP 是否正常工作，請打開 Web 瀏覽器並導航至http://localhost 。 這應該會顯示 XAMPP 歡迎頁面。
  5. 創建虛擬主機：要創建虛擬主機，請按照下面列出的步驟操作。

現在應該在您的機器上安裝和配置了 XAMPP。 您已準備好開始在本地開發和測試您的網站。

注意：安裝 XAMPP 或其他本地服務器軟件（如 MAMP 或 WAMP）的過程可能會因所使用的操作系統而略有不同。 對於 Mac 和 Linux 操作系統，您可以按照 XAMPP 網站上提供的安裝說明進行操作。

有關設置 XAMPP、升級 XAMPP、排除 XAMPP 故障以及將 WordPress 從 XAMPP 本地主機遷移到 Web 的更多信息，請參閱我們的其他 XAMPP 相關教程。

設置虛擬主機

在本地開發環境中設置虛擬主機允許開發人員在他們的本地機器上運行多個網站，每個網站都有自己唯一的 URL。 這提供了更真實的測試環境，並且更容易在不同項目之間切換。

有關在本地開發環境中設置虛擬主機並開始測試網站的分步指南：

1.打開 Apache 配置文件：打開本地服務器軟件的配置文件。 對於此示例，我們使用 XAMPP，因此打開 Apache 配置文件，該文件通常位於/etc/httpd/conf/httpd.conf或C:\xampp\apache\conf\httpd.conf 。

2.啟用虛擬主機：找到標有“# Virtual Hosts”的部分並通過刪除行開頭的哈希符號 (#) 取消註釋以下行： #Include conf/extra/httpd-vhosts.conf 。

3.配置虛擬主機：打開虛擬主機配置文件，通常位於/etc/httpd/conf/extra/httpd-vhosts.conf或C:\xampp\apache\conf\extra\httpd-vhosts.conf 。

4.添加新的虛擬主機：通過創建具有以下格式的新代碼塊來添加新的虛擬主機： 

ServerName example.local
DocumentRoot "/path/to/document/root"
<Directory "/path/to/document/root">
AllowOverride All
Require all granted

做這個：

  • 將“example.local”替換為虛擬主機所需的 URL。
  • 將“/path/to/document/root”替換為虛擬主機文檔根目錄的完整路徑。

5.更新hosts文件：hosts文件將域名映射到IP地址。 要通過您指定的 URL 訪問虛擬主機，您需要在主機文件中添加一個條目。 主機文件通常位於/etc/hosts or C:\Windows\System32\drivers\etc\hosts 。 添加具有以下格式的新行： 127.0.0.1 example.local 。 將“example.local”替換為虛擬主機配置中指定的 URL。 保存對配置文件的更改。

6.重新啟動 Apache ：重新啟動 Apache 本地 Web 服務器以應用更改。

7.測試虛擬主機：通過在網絡瀏覽器中訪問 URL 來測試您的虛擬主機。 瀏覽器應該顯示虛擬主機的文檔根目錄的內容。

為本地 WordPress 安裝創建數據庫

在本地設置 WordPress 項目之前的下一步是為您的本地開發環境創建一個數據庫。

按照這些分步說明在 XAMPP 中創建數據庫：

1.打開 XAMPP 控制面板：從開始菜單或桌面快捷方式打開 XAMPP 控制面板。 確保 Apache 和 MySQL 模塊正在運行。

2.訪問 phpMyAdmin ：要訪問 phpMyAdmin，請打開 Web 瀏覽器並導航至http://localhost/phpmyadmin 。 這將在您的瀏覽器中打開 phpMyAdmin 界面。

3.創建新數據庫：在phpMyAdmin 界面中，單擊“數據庫”選項卡。 在“創建數據庫”部分，輸入新數據庫的名稱並選擇“utf8mb4_general_ci”排序規則。 然後，單擊“創建”按鈕。

4.創建新用戶：要為數據庫創建新用戶，請單擊“用戶”選項卡，然後單擊“添加用戶”按鈕。 在“添加用戶”表單中，輸入新用戶的用戶名和密碼，並選擇“本地”作為主機。 確保通過選中“授予數據庫的所有權限”複選框來授予用戶所有權限。 最後，單擊“開始”按鈕。

5.保存您的詳細信息：記下或保存您的數據庫名稱、用戶名和密碼。 稍後您將需要這些來將數據庫連接到 WordPress。

完成上述步驟後，您將成功為本地 WordPress 安裝和本地開發環境創建數據庫。

您現在可以在本地開發和測試 WordPress 站點時使用此數據庫來存儲和管理數據。

您是否完成了上述所有步驟？

安裝本地服務器軟件
設置虛擬主機
創建數據庫

偉大的！ 然後讓我們繼續下一步……

在本地安裝 WordPress

現在我們已經準備好了本地環境，下一步就是下載、安裝和配置 WordPress。

在本地服務器上下載和安裝 WordPress

請按照以下步驟完成此過程：

  1. 訪問 WordPress 網站：前往 WordPress.org 官方網站，然後單擊“下載 WordPress”按鈕以下載最新版本的 WordPress。
  2. 提取存檔：WordPress 下載將是一個壓縮的 ZIP 文件。 將存檔的內容提取到計算機上的目錄中。
  3. 將提取的文件移動到本地服務器：將提取目錄的內容移動到本地服務器的根目錄。 例如，如果您使用的是 XAMPP，這在 Windows 上通常是C:\xampp\htdocs ，在 macOS 上通常是/Applications/XAMPP/htdocs 。
  4. 創建數據庫：（注意：如果您一直在跟進，則此步驟應該已經完成。）在安裝 WordPress 之前，您需要創建一個數據庫。 您可以使用諸如 phpMyAdmin 之類的工具執行此操作，大多數本地服務器軟件（例如 XAMPP 和 MAMP）都包含該工具。
  5. 開始安裝：打開您的 Web 瀏覽器並導航至http://localhost/wordpress （或本地服務器的等效 URL）。 這將啟動 WordPress 安裝過程。
  6. 選擇語言：在第一個屏幕上，選擇您喜歡的語言，然後單擊“繼續”按鈕。
  7. 填寫數據庫信息：在下一個屏幕上，填寫您在第 4 步中創建的數據庫信息。這包括數據庫名稱、數據庫用戶名和數據庫密碼。
  8. 填寫站點信息：在下一個屏幕上，填寫您本地 WordPress 站點的信息。 這包括站點標題、用戶名、密碼和電子郵件地址。
  9. 運行安裝：填寫完所有信息後，單擊“安裝 WordPress”按鈕運行安裝。
  10. 登錄您的站點：安裝完成後，使用您在第 8 步中創建的用戶名和密碼登錄您的本地 WordPress 站點，開始自定義和開發您的本地站點。

您現在已經成功下載並安裝了 WordPress。

在將網站部署到實時服務器之前，您現在可以開始在本地自定義和開發您的網站，享受本地開發環境的所有優勢。

配置 wp-config.php 文件

wp-config.php文件是設置本地 WordPress 安裝和本地開發環境的重要組成部分。 此文件包含控制 WordPress 如何與您的數據庫和其他重要設置交互的配置設置。

如果您按照上面的安裝說明進行操作，您的數據庫憑據將自動添加到wp-config.php文件中。

如果出於任何原因需要手動配置wp-config.php文件，請按照以下說明操作：

1.創建一個wp-config.php文件：如果您的本地 WordPress 安裝還沒有wp-config.php文件，您可以通過複製wp-config-sample.php文件並將其重命名為wp-config.php 。

2.更新數據庫憑據：打開wp-config.php文件並使用適當的信息更新以下行： 

define( 'DB_NAME', 'database_name' );
define( 'DB_USER', 'database_user' );
define( 'DB_PASSWORD', 'database_password' );
define( 'DB_HOST', 'localhost' );

將database_name 、 database_user和database_password替換為您在上一步中創建數據庫和用戶時使用的值。

3.設置 WordPress 安全密鑰：WordPress 安全密鑰通過加密存儲在 cookie 中的信息，為您的網站增加一層額外的安全保護。 您可以在官方 WordPress 站點生成一組安全密鑰。 複製生成的密鑰並將它們粘貼到您的wp-config.php文件中，替換已經存在的佔位符密鑰。

4.啟用調試：對於本地開發，在WordPress中啟用調試很有用。 這將提供更詳細的錯誤消息和警告，可幫助您解決站點問題。 要啟用調試，請將以下行添加到您的 wp-config.php 文件中：

define( 'WP_DEBUG', true );

5.保存更改：對wp-config.php文件進行更改後，保存文件並關閉它。

成功配置wp-config.php文件將確保您本地安裝的 WordPress 站點能夠連接到數據庫，是安全的，並在您在本地開發和測試站點時提供有用的調試信息。

將實時 WordPress 站點導入本地環境

如果您需要將實時 WordPress 站點導入本地環境，請按照以下步驟操作：

導出實時站點的數據庫

要導出實時站點的數據庫，您需要有權訪問實時站點的服務器。

以下是導出實時站點數據庫的步驟（注意：不同的服務器環境會以不同的方式執行此操作，但大多數應該遵循類似的過程）：

  1. 登錄到您的實時服務器的控制面板。
  2. 訪問數據庫：第一步是訪問實時站點的數據庫。 您可以使用諸如 phpMyAdmin 之類的工具來執行此操作，該工具通常由您的網絡託管服務提供商提供。 查找名為“數據庫”的部分，然後單擊“phpMyAdmin”。
  3. 選擇數據庫：登錄 phpMyAdmin 後，從左側面板中為您的實時站點選擇數據庫。
  4. 導出數據庫：單擊“導出”按鈕開始導出過程。
  5. 選擇導出格式：在導出屏幕上，選擇“快速”導出方法，選擇“SQL”格式並確保選中“結構”和“數據”選項。
  6. 下載導出文件：單擊“開始”按鈕將導出文件下載到您的計算機。

導入數據庫到本地服務器

要將實時站點的數據庫導入本地服務器，請確保您選擇的本地服務器軟件已安裝在您的計算機上。

以下是將實時站點的數據庫導入本地服務器的步驟：

  1. 在本地服務器軟件中打開 phpMyAdmin ：登錄到本地服務器的 phpMyAdmin，然後選擇您為本地 WordPress 安裝創建的數據庫。
  2. 導入數據庫：點擊“導入”按鈕，從剛剛下載的導出文件中導入數據。
  3. 選擇導入文件：在導入屏幕上，單擊“選擇文件”按鈕，選擇剛剛下載的導出文件，然後單擊“開始”按鈕開始導入過程。

替換數據庫中的 URL

導入實時站點的數據庫後，您需要替換數據庫中的 URL 以匹配您本地的開發環境。

以下是替換數據庫中 URL 的步驟：

1. 在您的本地服務器軟件中打開 phpMyAdmin。
2. 從左側面板中選擇導入的數據庫。
3. 單擊“SQL”選項卡。
4. 在文本區域輸入以下查詢： 

UPDATE wp_options SET option_value = replace(option_value, 'http://www.livesite.com', 'http://local.livesite.com') WHERE option_name = 'home' OR option_name = 'siteurl';
UPDATE wp_posts SET guid = replace(guid, 'http://www.livesite.com','http://local.livesite.com');
UPDATE wp_posts SET post_content = replace(post_content, 'http://www.livesite.com', 'http://local.livesite.com');

5. 將“http://www.livesite.com”替換為你的直播站點的URL，將“http://local.livesite.com”替換為你本地開發環境的URL。

6. 單擊“開始”按鈕執行查詢。

將直播站點的文件上傳到本地環境

要將實時站點的文件上傳到本地環境，您需要具有對實時站點服務器的 FTP 訪問權限。

按照以下步驟將實時站點的文件上傳到您的本地環境：

  1. 使用 FileZilla 等 FTP 客戶端連接到您的實時站點的服務器。
  2. 導航到服務器上實時站點的根目錄。
  3. 將所有文件下載到本地計算機。
  4. 將下載的文件放在本地開發環境的根目錄下，一般在XAMPP或其他本地服務器軟件中的“htdocs”或“www”文件夾下。

筆記：

  1. 如果您已經安裝了 WordPress，則上述文件夾不會為空，系統會提示您替換現有文件和目錄，因此請替換除wp-config.php文件之外的所有文件以保持相同的配置，包括已連接的已填充實時站點數據的數據庫。
  2. 在將實時站點的文件上傳到本地環境之前，您可能需要更改文件權限以使本地服務器軟件可以寫入文件。
  3. 此外，請確保在進行任何更改之前測試您的本地 WordPress 備份。

就是這樣！ 您現在已成功將實時站點導入本地 WordPress 安裝和本地開發環境。

在本地 WordPress 站點上開發和測試

您終於準備好使用與實際站點相同的數據在本地開發和測試您的站點，為您提供真實的測試和開發環境。

讓我們來看看這個過程：

進行更改和測試

  1. 登錄本地 WordPress 站點：在 Web 瀏覽器中打開本地 WordPress 站點，然後使用管理員憑據登錄 WordPress 儀表板。
  2. 更改站點：您可以通過編輯主題、插件或自定義代碼來更改本地 WordPress 站點。 只需從 WordPress 儀表板訪問這些元素。
  3. 測試更改：對本地 WordPress 站點進行更改後，測試更改以確保它們按預期工作非常重要。 您可以通過訪問站點的前端並檢查更改是否生效來測試更改。

調試

  1. 使用調試模式： WordPress 有一個內置的調試模式，可以更容易地識別和解決您網站上的問題。 要啟用調試模式，您需要將以下代碼添加到您的 wp-config.php 文件中： define( 'WP_DEBUG', true ); .
  2. 檢查錯誤日誌：如果您的本地 WordPress 站點出現問題，您可以檢查錯誤日誌以查看是否有任何錯誤消息或警告消息可以幫助您確定問題。 錯誤日誌可以在 WordPress 調試日誌文件中找到，該文件位於 wp-content 目錄中。
  3. 使用調試工具：有許多適用於 WordPress 的調試工具和插件可以幫助您識別和解決站點上的問題。 例如，Query Monitor 插件提供了有關數據庫查詢、插件使用等的詳細信息。 請參閱本教程以獲取有關調試 WordPress 的幫助：調試 WordPress：如何使用 WP_Debug

測試不同的插件和主題

在本地 WordPress 站點上安裝、激活和測試插件和主題的工作方式與在任何其他常規 WordPress 站點上的工作方式完全相同。 因此，請確保在測試模式下執行以下操作：

  1. 安裝插件：在您的本地 WordPress 站點上安裝插件，以向您的站點添加新特性或功能。 要安裝插件，請登錄 WordPress 儀表板，轉到插件部分，然後單擊添加新按鈕。
  2. 激活插件：安裝後激活您正在測試的插件，以便在您的站點上使用它。 要激活插件，請轉到 WordPress 儀表板的插件部分，然後單擊要使用的插件旁邊的激活按鈕。
  3. 測試插件：激活插件後，測試插件以確保其按預期工作非常重要。 通過訪問您網站的前端並檢查插件是否生效來測試插件。
  4. 安裝主題：在本地 WordPress 站點上安裝主題以更改站點的外觀。 要安裝主題，請登錄 WordPress 儀表板，轉到“外觀”部分，然後單擊“主題”按鈕。
  5. 激活主題：安裝主題後激活主題以更改站點的外觀。 要激活主題，請轉到 WordPress 儀表板的外觀部分，然後單擊要使用的主題旁邊的激活按鈕。
  6. 測試主題：激活主題後，測試主題以確保其按預期工作非常重要。 通過訪問您站點的前端並檢查主題是否已生效來測試主題。

您是否已在本地站點上進行了所需的所有更改、調試了問題並測試了不同的插件和主題？

偉大的！ 現在您已準備好讓您的本地 WordPress 網站上線。

將本地 WordPress 站點部署到實時服務器

此過程的最後一步是將所有本地 WordPress 文件和數據庫導出到您的實時託管環境，並確保您網站的所有更改、配置和 URL 在您的實時網站上正常運行。

導出本地站點的數據庫

按照以下步驟將本地 WordPress 站點導出到實時服務器：

  1. 使用 PHPMyAdmin 登錄到本地站點的數據庫。
  2. 選擇要導出的數據庫。
  3. 轉到“導出”選項卡。
  4. 選擇“快速”導出方法。
  5. 選擇“SQL”格式。
  6. 單擊“開始”將 SQL 文件下載到您的計算機。

將數據庫導入實時服務器

按照以下步驟將本地 WordPress 數據庫的導出文件導入您的實時站點：

  1. 使用 PHPMyAdmin 登錄實時服務器的數據庫。
  2. 為實時站點創建一個新數據庫。
  3. 轉到新數據庫並選擇“導入”選項卡。
  4. 從本地站點選擇導出的 SQL 文件。
  5. 單擊“Go”導入數據庫。

現在您已經將數據庫從您的本地站點遷移到您的實時站點，讓我們對您站點的文件執行相同的操作。

將本地站點的文件上傳到實時服務器

按照以下步驟將本地 WordPress 站點的文件上傳到您的實時站點：

  1. 準備文件：在將本地站點的文件上傳到服務器之前，最好檢查並清理文件。 這可能包括刪除任何不必要的文件，例如備份或測試文件，以盡量減少上傳的數據量。
  2. 連接到服務器：您可以使用多種方法連接到服務器，例如 FTP 或 SFTP。 您將需要使用客戶端軟件（例如 FileZilla）連接到服務器。 您需要提供服務器主機、用戶名和密碼才能連接。
  3. 上傳文件：連接到服務器後，您可以將本地站點的文件上傳到服務器。 您可以通過多種方式上傳文件，包括上傳單個文件或上傳整個本地站點文件夾。 導航到服務器上實時站點的根目錄。 將所有本地站點的文件上傳到服務器上實時站點的目錄，並在出現提示時替換現有文件。
  4. 更新數據庫信息：將文件上傳到服務器後，您需要更新wp-config.php文件中的數據庫信息以反映實時站點的數據庫信息。 在文本編輯器中打開wp-config.php文件並更新數據庫名稱、用戶名和密碼以匹配實時數據庫。
  5. 更新數據庫中的 URL：請參閱下面的部分。
  6. 測試站點：將本地站點的文件上傳到服務器後，最好測試站點以確保一切正常。 這可能涉及測試站點的功能、鏈接和圖像，以確保它們按預期工作。

更新數據庫中的 URL

您可以使用文本編輯器或直接在數據庫中操作來更新數據庫中的 URL（確保在進行更改之前完全備份數據庫）。

使用文本編輯器更新 URL

按照以下步驟使用文本編輯器更新數據庫中的 URL。

  1. 導出數據庫：在更新數據庫中的 URL 之前，您需要導出數據庫。 使用您的數據庫管理工具（例如 phpMyAdmin）。
  2. 查找並替換 URL ：導出數據庫後，您將需要查找並替換數據庫中的 URL。 您可以使用文本編輯器（例如 Sublime 或 Visual Studio Code）執行此操作。 搜索並替換URL，確保仔細徹底地替換URL，包括序列化數據中的URL。
  3. 導入數據庫：更新數據庫中的 URL 後，您需要將數據庫導入回本地開發環境。 您可以使用數據庫管理工具（例如 phpMyAdmin）導入數據庫。
  4. 測試站點：導入更新後的數據庫後，最好測試站點以確保一切正常。 這可能涉及測試站點的功能、鏈接和圖像，以確保它們按預期工作。

更新數據庫中的 URL

按照以下步驟直接更新數據庫中的 URL：

1. 使用 PHPMyAdmin 登錄實時站點的數據庫。
2. 選擇實時站點的數據庫。
3. 轉到“SQL”選項卡。
4. 運行以下 SQL 查詢以更新 URL： 

UPDATE wp_options SET option_value = replace(option_value, 'http://old-url', 'http://new-url') WHERE option_name = 'home' OR option_name = 'siteurl';
UPDATE wp_posts SET guid = replace(guid, 'http://old-url','http://new-url');
UPDATE wp_posts SET post_content = replace(post_content, 'http://old-url', 'http://new-url');

將“old-url”替換為本地站點的 URL，將“new-url”替換為實時站點的 URL。

5. 單擊“開始”運行查詢。
6. This will update all references to the local site's URL with the live site's URL in the database, ensuring that all links and images on the live site work correctly.

If you have followed the above steps correctly, the URLs in your database should have successfully updated. After these steps, your local WordPress site should now be fully functional on the live server. Make sure to thoroughly test the live site to ensure that all features are working correctly, and make any necessary adjustments to ensure a seamless transition from the local development environment to the live server.

Local Development vs Webhost Staging Environment

While WordPress local development provides a safe and efficient environment to build, edit, and test WordPress websites, you may decide to work in a webhost staging environment instead (here are some good reasons why you may not want to develop WordPress locally).

Both local development environments and webhost staging environments, however, have their pros and cons.

Here is a brief overview of the pros and cons of using a WordPress local development versus a webhost staging environment:

Pros of Local Development Environment

  • Easy to Use : Local development environments are easy to use, even for beginner developers.
  • Flexibility : You have complete control over your local development environment, so you can configure it however you like.
  • Test Any Changes : With a local development environment, you can test any changes you make to your site without affecting the live version.

Cons of Local Development Environment

  • Not a Live Environment : A local development environment is not a live environment, so you cannot test your site with live data.
  • Limited Resources : Your local machine may have limited resources, such as memory and processing power, which can affect your site's performance.
  • Not a True Representation : A local development environment may not accurately represent a live server environment, so testing may not be 100% accurate.

Pros of Webhost Staging Environment

  • Live Environment : A webhost staging environment is a live environment, so you can test your site with live data.
  • More Accurate Testing : A webhost staging environment is a more accurate representation of a live server environment, so testing is more reliable.
  • More Resources : A webhost staging environment typically has more resources available than a local development environment, so your site's performance will be better.

Cons of Webhost Staging Environment

  • Cost : Setting up a webhost staging environment can be expensive, as you have to pay for hosting and a domain name.
  • Not as Fast : A webhost staging environment is not as fast as a local development environment because it runs on a remote server.

For smaller projects, a local development environment is a great option because it is free and easy to use. For larger projects, however, a webhost staging environment may be a better option because it is a live environment and provides more accurate testing.

Ultimately, the choice between these two methods will depend on your individual needs, preferences, and hosting options.

Note: We recommend avoiding shared hosting, and hosting on our Quantum plan instead for basic WordPress sites, but if you have reasons for choosing shared hosting, then check out our article on how to run WordPress local development on shared hosting.

All WPMU DEV hosting plans (except for Quantum) include a staging environment. Refer to our staging documentation for more details on the benefits of using a staging environment to develop and test WordPress sites.

Do you use a local environment to build and test WordPress sites? Share your experiences and comments below!