WordPress網站架設

WordPress空站架設：本地端架站教學與實作，新手必學完整攻略

想快速上手WordPress網站開發？本教學提供完整的「WordPress空站架設:本地端架站教學與實作」指南，帶你從零開始，輕鬆建構自己的WordPress網站。我們將逐步解說如何選擇並安裝XAMPP、Local等本地伺服器環境，設定資料庫，以及下載和安裝WordPress核心檔案。教學涵蓋主題與外掛的安裝與設定、網站安全與效能優化等重要環節，並附帶圖文解說和實操範例。更重要的是，我們會分享解決常見錯誤的技巧，例如資料庫連線失敗等問題，助你避免走彎路。無論你是學生、自由工作者還是WordPress新手，都能透過本教學快速掌握WordPress本地端架站技巧，為你的學習或測試項目打下堅實基礎。建議新手從最簡單的環境如Local開始，逐步熟悉流程後再嘗試更複雜的設定，以降低學習曲線。

這篇文章的實用建議如下(更多細節請繼續往下閱讀)

新手優先選擇Local或DevKinsta：若您是WordPress初學者，建議從Local或DevKinsta開始。它們介面友善，針對WordPress優化，能降低學習曲線，讓您快速建構本地WordPress空站，並專注於學習核心功能，而非複雜的伺服器設定。熟悉後再嘗試XAMPP或MAMP等其他環境。
善用教學中的錯誤排除技巧：學習過程中難免遇到問題，例如資料庫連線失敗等。本文提供的「WordPress空站架設:本地端架站教學與實作」指南中包含了許多常見錯誤的解決方案，務必仔細閱讀並理解，才能有效避免走彎路，提高效率。
循序漸進，由簡入繁：別急於求成，先完成基本的WordPress空站架設，熟悉核心流程後，再逐步學習安裝主題、外掛，並探索網站安全和效能優化等進階技巧。建議搭配教學中的圖文解說和實操範例，邊學邊做，逐步建立紮實的基礎。

文章目錄

選擇你的本地開發環境

在開始 WordPress 的本地端架站之旅前，首要之務是選擇一個適合你的本地開發環境。本地開發環境，簡單來說，就是在你的電腦上模擬出一個伺服器，讓你可以像在真實的網站伺服器上一樣，安裝 WordPress、測試主題和外掛、進行各種修改與開發，而無需擔心會影響到實際運行的網站。這不僅能大幅提升開發效率，還能讓你在安全的環境下盡情實驗。

常見的本地開發環境選項

市面上存在多種本地開發環境，各有千秋。對於 WordPress 初學者來說，以下幾款是最常見且推薦的選擇：

XAMPP：
XAMPP 是一個免費且跨平台的 Web 伺服器解決方案，支援 Windows、macOS 和 Linux。它整合了 Apache 伺服器、MySQL 資料庫、PHP 和 Perl 等元件，讓你一鍵安裝即可擁有完整的開發環境。XAMPP 的優點是設定簡單、資源豐富，網路上有大量的教學資源可供參考。不過，XAMPP 的介面可能較為陽春，對於新手來說可能需要花一些時間適應。
MAMP：
MAMP (Macintosh, Apache, MySQL, and PHP) 顧名思義，最初是專為 macOS 設計的本地開發環境，但現在也有 Windows 版本。MAMP 的介面比 XAMPP 更為直觀易用，特別是 MAMP Pro 版本，提供了更多進階功能，例如虛擬主機管理、動態 DNS 等。MAMP 的免費版本功能有限，MAMP Pro 則需要付費購買。
Local：
Local (以前稱為 Local by Flywheel) 是一個專為 WordPress 開發設計的本地環境。它操作簡單、介面美觀，可以讓你輕鬆建立和管理多個 WordPress 網站。Local 內建了許多針對 WordPress 優化的功能，例如一鍵 SSL 憑證設定、郵件捕捉等，能大幅提升開發效率。Local 的缺點是資源佔用較高，在較舊的電腦上可能會有些吃力。此外，Local 也不支援直接使用 WP-CLI，需要透過 SSH 進入容器才能執行命令。
DevKinsta：
DevKinsta 也是一個專為 WordPress 開發打造的本地環境，由 Kinsta 這家 WordPress 主機公司所開發。DevKinsta 的主要特色是與 Kinsta 主機的整合，可以讓你輕鬆地將本地網站部署到 Kinsta 主機上。DevKinsta 的操作介面也相當簡潔明瞭，適合新手使用。與 Local 類似，DevKinsta 也需要 Docker 才能運行。

如何選擇最適合你的本地開發環境？

選擇本地開發環境，並沒有絕對的標準答案，取決於你的個人需求、電腦環境和技術水平。以下是一些建議，希望能幫助你做出選擇：

如果你是完全的新手，對於伺服器設定一竅不通，那麼 Local 或 DevKinsta 會是比較

其他考量

除了以上幾點，你還可以考慮以下因素：

社群支援：選擇一個擁有龐大社群的本地開發環境，可以讓你更容易找到解決問題的方法。
更新頻率：選擇一個持續更新的本地開發環境，可以確保你使用的軟體是最新版本，擁有最新的功能和安全性修復。
擴充性：選擇一個具有良好擴充性的本地開發環境，可以讓你根據自己的需求添加額外的功能。

無論你選擇哪一種本地開發環境，最重要的是實際嘗試並找到最適合自己的工具。不要害怕犯錯，多方嘗試才能找到最順手的工具，讓你更有效率地學習 WordPress 開發。

希望以上的資訊能幫助你選擇到合適的本地開發環境，為你的 WordPress 架站之旅打下堅實的基礎。祝你一切順利！

XAMPP/Local安裝與設定

在開始使用WordPress之前，您需要先安裝並設定您的本地開發環境。我們將重點介紹兩種流行的選擇：XAMPP和Local，並提供逐步的安裝和設定指南。選擇適合您的作業系統和技術偏

XAMPP安裝與設定

XAMPP是一個免費且開源的跨平台Web伺服器解決方案，包含了Apache、MySQL、PHP和Perl。它非常適合那些想要完全控制其本地開發環境的人。

Windows系統

前往 XAMPP官方網站下載適用於Windows的最新版本。
執行下載的安裝程式。請注意，在安裝過程中，停用UAC（使用者帳戶控制）可能會避免一些權限問題。
選擇您要安裝的元件。建議至少選擇Apache、MySQL和PHP。
選擇安裝目錄。預設目錄為 C:\xampp。
完成安裝後，啟動XAMPP控制面板。
在XAMPP控制面板中，啟動Apache和MySQL服務。
開啟您的瀏覽器，輸入http://localhost或http://127.0.0.1，如果看到XAMPP的歡迎頁面，則表示安裝成功。

macOS系統

前往 XAMPP官方網站下載適用於macOS的最新版本。
打開下載的.dmg文件，然後將XAMPP圖示拖放到「應用程式」資料夾中。
打開XAMPP應用程式。您可能會看到一個警告訊息，指出該應用程式來自未經驗證的開發人員。您可以在「系統偏好設定」>「安全性與隱私」中允許它執行。
在XAMPP控制面板中，啟動Apache和MySQL服務。
開啟您的瀏覽器，輸入http://localhost或http://127.0.0.1，如果看到XAMPP的歡迎頁面，則表示安裝成功。

Local安裝與設定

Local (以前稱為 Local by Flywheel) 是一個更簡化的本地WordPress開發環境，專為WordPress開發人員設計。它提供了一個友

前往 Local官方網站下載適用於您的作業系統的版本。
執行下載的安裝程式。
按照螢幕上的指示完成安裝。
啟動Local應用程式。
點擊「Create a new site」按鈕。
輸入您的網站名稱，然後選擇您要使用的環境。建議選擇「Preferred」。
設定您的WordPress使用者名稱、密碼和電子郵件地址。
點擊「Add Site」按鈕。 Local將會自動下載並安裝WordPress。
安裝完成後，點擊「Admin」按鈕以登入您的WordPress儀錶板。

XAMPP和Local的比較

XAMPP: 更靈活，您可以完全控制您的伺服器設定，但設定過程可能比較複雜。適合有經驗的開發人員。
Local: 更易於使用，具有簡化的設定過程和許多有用的功能。適合初學者和那些想要快速啟動和運行的人。

無論您選擇XAMPP還是Local，請確保您已成功安裝並啟動了伺服器。接下來，我們將介紹如何下載和安裝WordPress核心檔案。

WordPress空站架設:本地端架站教學與實作. Photos provided by unsplash

下載與安裝WordPress核心檔案

在完成了本地開發環境的設定後，下一步就是取得 WordPress 的核心檔案，並將其安裝到你的本地伺服器中。核心檔案是 WordPress 網站運作的基礎，包含了所有讓網站正常運作的程式碼和檔案。這部分將引導你如何安全且正確地下載並安裝這些檔案。

從WordPress.org下載最新版本

首先，你需要從 WordPress 官方網站下載最新版本的 WordPress 核心檔案。請按照以下步驟操作：

前往 WordPress.org 下載頁面。
你會看到一個名為 “下載 WordPress [版本號碼]” 的按鈕，例如 “下載 WordPress 6.5″。點擊該按鈕以下載最新版本的 WordPress。
下載完成後，你會得到一個名為 `wordpress-[版本號碼].zip` 的壓縮檔。

務必從官方網站下載，以確保你取得的檔案是安全且未經修改的。

解壓縮WordPress核心檔案

下載完成後，你需要將壓縮檔解壓縮到你選擇的本地伺服器資料夾中。具體步驟如下：

找到你剛剛下載的 `wordpress-[版本號碼].zip` 檔案。
使用滑鼠右鍵點擊該檔案，然後選擇「解壓縮至 wordpress-[版本號碼]」。
解壓縮後，你會看到一個名為 `wordpress` 的資料夾，裡麪包含了所有 WordPress 的核心檔案。

將WordPress檔案移動到網站根目錄

解壓縮後，你需要將 WordPress 檔案移動到你的網站根目錄。網站根目錄是你本地伺服器用來存放網站檔案的資料夾。
以下是如何在 XAMPP 和 Local by Flywheel 中找到你的網站根目錄：

XAMPP: 網站根目錄通常位於 `C:\xampp\htdocs` (Windows) 或 `/Applications/XAMPP/htdocs` (macOS) 下。你可以將 WordPress 檔案移動到 `htdocs` 資料夾中，或者在 `htdocs` 資料夾中建立一個新的資料夾，例如 `mywebsite`，然後將 WordPress 檔案移動到該資料夾中。
Local by Flywheel: Local 的網站根目錄通常位於 `~/Local Sites/[你的網站名稱]/app/public`。你可以直接將WordPress檔案複製到這個資料夾中。

重要提示： 請確保你將 wordpress 資料夾中的所有檔案，而不是整個 wordpress 資料夾本身，移動到你的網站根目錄中。

目錄結構建議

在網站根目錄中，你會看到以下這些 WordPress 核心檔案和資料夾：

index.php：這是網站的首頁檔案。
wp-config-sample.php：這是 WordPress 的設定檔範例。
wp-admin：這個資料夾包含了所有 WordPress 管理後台的檔案。
wp-content：這個資料夾包含了所有主題、外掛和上傳的媒體檔案。
wp-includes：這個資料夾包含了所有 WordPress 運作所需的函式庫和檔案。

瞭解這些檔案和資料夾的作用，將有助於你更好地管理和維護你的 WordPress 網站。

完成以上步驟後，你的 WordPress 核心檔案就已經成功安裝到你的本地伺服器中了。接下來，你就可以開始設定資料庫連線，並進行 WordPress 的安裝程序。

**WordPress核心檔案下載與安裝步驟**
步驟	說明	備註
1. 下載WordPress核心檔案	前往WordPress.org下載頁面 (https://wordpress.org/download/) 點擊”下載 WordPress [版本號碼]”按鈕下載。下載檔案為 `wordpress-[版本號碼].zip` 壓縮檔。	務必從官方網站下載，確保檔案安全。
2. 解壓縮WordPress檔案	找到下載的 `wordpress-[版本號碼].zip` 檔案。右鍵點擊，選擇「解壓縮至 wordpress-[版本號碼]」。解壓縮後得到 `wordpress` 資料夾。
3. 移動檔案到網站根目錄	將 `wordpress` 資料夾中的所有檔案(而非資料夾本身)移動到網站根目錄：	重要提示：移動的是資料夾內的檔案，而非資料夾本身。
	XAMPP: `C:\xampp\htdocs` (Windows) 或 `/Applications/XAMPP/htdocs` (macOS) (可建立子資料夾) Local by Flywheel: `~/Local Sites/[你的網站名稱]/app/public`
4. 核心檔案目錄結構	index.php: 網站首頁檔案 wp-config-sample.php: WordPress設定檔範例 wp-admin: 管理後台檔案 wp-content: 主題、外掛、媒體檔案 wp-includes: WordPress函式庫和檔案	瞭解檔案作用有助於網站管理維護。

資料庫設定與WordPress空站連接

現在你已經準備好本地開發環境，也下載了 WordPress 核心檔案，下一步就是設定資料庫，並將 WordPress 連接到這個資料庫。WordPress 使用資料庫來儲存所有網站的內容、設定和使用者資訊。因此，建立並正確設定資料庫是成功架設 WordPress 空站的關鍵步驟。以下將說明如何使用 phpMyAdmin 建立資料庫，並將 WordPress 連接到該資料庫：

使用 phpMyAdmin 建立資料庫

無論你選擇使用 XAMPP、Local 或 MAMP，通常都會包含 phpMyAdmin 這個資料庫管理工具。phpMyAdmin 讓你透過網頁介面輕鬆管理 MySQL 資料庫。按照以下步驟建立新的資料庫：

啟動你的本地伺服器：
確保你的 XAMPP/Local/MAMP 環境中的 Apache 和 MySQL 服務都已啟動。
開啟 phpMyAdmin：
在瀏覽器中輸入 http://localhost/phpmyadmin/ 並前往 phpMyAdmin 介面。
建立新的資料庫：
在 phpMyAdmin 介面中，點擊頂部的 “資料庫” 標籤。在 “建立資料庫” 區塊中，輸入你想要使用的資料庫名稱。例如，你可以將資料庫命名為 “wordpressdb”。選擇 “utf8mb4_unicode_ci” 作為排序規則。這個排序規則支援多種語言的字元，能確保你的網站可以正確顯示各種語言的內容。

點擊 “建立” 按鈕。phpMyAdmin 將會建立一個新的空資料庫。

編輯 wp-config.php 檔案並連接資料庫

WordPress 使用 wp-config.php 檔案來儲存資料庫連線資訊。你需要編輯這個檔案，告訴 WordPress 如何連接到你剛剛建立的資料庫。依照以下步驟操作：

找到 wp-config-sample.php 檔案：
在你下載的 WordPress 核心檔案中，找到 wp-config-sample.php 檔案。這個檔案是 wp-config.php 的範本。
複製並重新命名檔案：
複製 wp-config-sample.php 檔案，並將副本重新命名為 wp-config.php。請確保新的檔案名稱正確，WordPress 才能正確讀取。

編輯 wp-config.php 檔案：

使用文字編輯器（例如 Notepad++、Sublime Text 或 Visual Studio Code）開啟 wp-config.php 檔案。找到以下幾行程式碼：

  / WordPress 資料庫名稱 /
  define( 'DB_NAME', 'database_name_here' );

  / MySQL 資料庫使用者名稱 /
  define( 'DB_USER', 'username_here' );

  / MySQL 資料庫密碼 /
  define( 'DB_PASSWORD', 'password_here' );

  / MySQL 主機名稱 /
  define( 'DB_HOST', 'localhost' );

將 database_name_here, username_here, 和 password_here 替換成你剛剛建立的資料庫資訊。如果你使用 XAMPP 或 MAMP，預設的使用者名稱通常是 “root”，密碼是空白。Local 預設的使用者名稱是 “root”，密碼也是 “root”。確保 DB_HOST 設定為 localhost。例如：

  / WordPress 資料庫名稱 /
  define( 'DB_NAME', 'wordpressdb' );

  / MySQL 資料庫使用者名稱 /
  define( 'DB_USER', 'root' );

  / MySQL 資料庫密碼 /
  define( 'DB_PASSWORD', '' );

  / MySQL 主機名稱 /
  define( 'DB_HOST', 'localhost' );

儲存 wp-config.php 檔案：

確認已儲存修改後的 wp-config.php 檔案。

常見的資料庫連線問題與解決方案

在設定資料庫連線時，可能會遇到一些問題。以下列出一些常見問題和解決方案：

錯誤訊息：”Error establishing a database connection”：

這個錯誤通常表示 WordPress 無法連接到資料庫。請檢查 wp-config.php 檔案中的資料庫名稱、使用者名稱、密碼和主機名稱是否正確。
無法登入 phpMyAdmin：

如果你無法登入 phpMyAdmin，請檢查你的 MySQL 伺服器是否已啟動。你也可以嘗試重設 MySQL 的 root 密碼。
網站出現 “頁面無法正常運作” 或類似錯誤：

這可能是因為資料庫損毀。你可以嘗試使用 WordPress 內建的資料庫修復工具。在 wp-config.php 檔案中，加入以下程式碼：
```
define('WP_ALLOW_REPAIR', true);
```
然後，在瀏覽器中輸入 http://localhost/wordpress/wp-admin/maint/repair.php 並前往該頁面，依照指示修復資料庫。完成後，請務必將 define('WP_ALLOW_REPAIR', true); 從 wp-config.php 檔案中移除，以避免安全風險。

透過以上步驟，你應該可以成功建立資料庫，並將 WordPress 連接到資料庫。這是架設 WordPress 空站的重要一步。在完成資料庫設定後，就可以開始進行 WordPress 的安裝程序。

WordPress空站架設:本地端架站教學與實作結論

恭喜你！完成了這篇「WordPress空站架設:本地端架站教學與實作」的完整指南。透過逐步的教學和實作範例，你已經學習瞭如何選擇和設定本地開發環境 (例如 XAMPP 和 Local)，下載並安裝 WordPress 核心檔案，以及設定資料庫連線。你現在應該已經擁有了一個功能完善的本地 WordPress 空站，可以開始嘗試安裝主題、外掛，並進一步探索 WordPress 的無限可能性。

本教學著重於提供實務操作經驗，而非單純的理論知識。我們不僅涵蓋了 WordPress 空站架設的基本步驟，更重要的是，我們分享了許多實用的技巧和訣竅，幫助你避免常見的錯誤，例如資料庫連線失敗等問題。這將讓你更有效率地學習 WordPress，並在本地端環境中安全地進行各種實驗。

記住，「WordPress空站架設:本地端架站教學與實作」是一個持續學習的過程。即使你已經完成了空站的架設，也不要停止學習。持續探索新的主題、外掛，並學習如何優化網站效能和安全性，才能讓你的 WordPress 網站更加完善和強大。持續練習，並勇於嘗試不同的方法，你將會發現 WordPress 的世界是如此廣闊且充滿樂趣。

希望這篇教學能幫助你踏出建構自己網站的第一步，讓你充滿自信地探索 WordPress 的世界！如果你有任何問題，歡迎隨時參考教學內容，或在相關社群尋求協助。祝你網站架設順利，並在 WordPress 的學習旅程中收穫滿滿！

WordPress空站架設:本地端架站教學與實作常見問題快速FAQ

Q1: 我下載的WordPress檔案解壓縮後，要如何將它放在正確的網站根目錄？

解壓縮WordPress檔案後，你需要將檔案複製到你的本地伺服器網站根目錄。網站根目錄是伺服器用來存放網站檔案的資料夾。在XAMPP中，網站根目錄通常位於 `C:\xampp\htdocs`（Windows）或 `/Applications/XAMPP/htdocs`（macOS）下。在Local by Flywheel中，網站根目錄通常位於 `~/Local Sites/[你的網站名稱]/app/public`。請務必將WordPress檔案（例如 `index.php`、`wp-admin` 等）複製到這個目錄，而不是將整個 `wordpress` 資料夾複製到裡面。務必確認是複製檔案，而不是整個資料夾。

Q2: 資料庫連線設定失敗，顯示錯誤訊息 “Error establishing a database connection”，該怎麼辦？

這個錯誤通常表示 WordPress 無法連接到資料庫。請仔細檢查 `wp-config.php` 檔案中資料庫名稱、使用者名稱、密碼和主機名稱是否正確。請確保`DB_HOST`設定為localhost。如果確定資料庫資訊正確，請確認你的本地伺服器 (XAMPP/Local/MAMP) 中的 MySQL 服務是否已啟動。另外，請檢查 WordPress 核心檔案的權限是否允許寫入 `wp-config.php` 檔案。如果這些資訊都正確，請嘗試清除瀏覽器的快取和 Cookie，並重新嘗試連線。

Q3: 我在使用 phpMyAdmin 時無法建立新的資料庫或登入，該如何解決？

無法在 phpMyAdmin 中建立新的資料庫或登入，可能原因有幾個：
1. MySQL 服務未啟動或未正確設定：請確認你的 MySQL 服務在本地伺服器中已啟動。
2. phpMyAdmin 權限問題：檢查 phpMyAdmin 是否有足夠的權限存取 MySQL 資料庫。
3. 網路連線問題：確認你的電腦能正常連接到本地伺服器。
4. localhost 設定錯誤：請確認你在瀏覽器中輸入的`http://localhost/phpmyadmin/` 地址是正確的，且能正確指向你的 phpMyAdmin 介面。
5. MySQL root 密碼問題：如果使用預設的 root 帳號，請確認 MySQL root 密碼是否正確。如果忘記密碼，請參考 MySQL 官方文檔學習如何重設密碼。如果你使用 Local，請確認你的 Local 服務是否正確啟動。

如果問題依然存在，請檢查你的電腦防火牆或系統設定，確認它們沒有阻擋phpMyAdmin的網路連線。如果以上步驟仍無法解決問題，請提供更詳細的錯誤訊息，以便我能進一步協助你。

WordPress教學

Local開發環境

XAMPP

WordPress架設

本地端架站

WordPress空站架設：本地端架站教學與實作，新手必學完整攻略