在自己的電腦用 XAMPP 架設 WordPress 網站(Windows 篇)

在自己的電腦用 XAMPP 架設 WordPress 網站(Windows 篇) 3

最後更新日期:2022年05月28日

WordPress 是一套非常受歡迎的內容管理系統,在目前世界上的所有網頁中,有超過 40% 是由 WordPress 所建置,可見受歡迎程度非同小可!

如果你想要架設屬於自己的 WordPress 網站,基本上只要挑選好虛擬主機就可以順利的架設好自己的網站,但是隨後所要面臨到的問題就是要熟悉 WordPress 後台的操作模式,並不是人人都可以立刻上手!

那麼有沒有辦法是可以先在自己的電腦上架設 WordPress 來練習?當然是有的,本篇文章所要介紹的「XAMPP」就是一套免費的軟體工具,可以提供你在本機電腦上,快速的用 XAMPP 架設 WordPress 網站!

如果在閱讀文章的過程中有任何問題,歡迎隨時在底下留言,或是透過聯絡我跟我溝通討論,讓我們準備開始吧!

除了 XAMPP 之外,還有另外一款免費工具「MAMP」也可以達成在本機電腦架設 WordPress 的目的,詳細教學文章如下:
MAMP 教學|如何在本機電腦安裝 WordPress?3分鐘搞定WordPress離線安裝

XAMPP 是什麼?

XAMPP 架設 WordPress

XAMPP 是一套基於 PHP 的開發環境,其中包含 Apache、 MariaDB、PHP 和 Perl,可以讓使用者輕鬆快速的在本機電腦上架設 WordPress 網站,支援 Windows、macOS 和 Linux。

如果你想要架設網站,但是對於 WordPress 又沒有那麼熟悉,就可以先利用 XAMPP 來把 WordPress 架設在自己電腦上來練習與熟悉,讓你在正式開始架設網站前可以有完整的體驗!

使用教學

在自己的電腦用 XAMPP 架設 WordPress 網站(Windows 篇) 6

本篇文章是以 Windows 版本的 XAMPP 來當作示範教學,其餘系統的版本使用上也是大同小異,差異程度並不大,只要熟悉了流程在任何系統上都適用!

準備好要架設自己的本機 WordPress 網站了嗎?讓我們一起往下看!

預估時間: 10 minutes

下載 XAMPP 安裝檔

在自己的電腦用 XAMPP 架設 WordPress 網站(Windows 篇) 8

點我前往 XAMPP 下載頁面,因為我是使用 Windows 11 來進行示範,所以選擇 Windows 版本的,如果你是其他系統記得自己選成對的版本,附帶的 PHP 版本直接選擇最新的來下載,如上圖。

安裝 XAMPP

在自己的電腦用 XAMPP 架設 WordPress 網站(Windows 篇) 10

再來就是要安裝 XAMPP 主程式了,基本上安裝過程中全部保持預設即可,如果你有特殊的需求或是覺得那些功能用不到,安裝過程中可以隨意調整,我是保持預設來安裝,如上圖。

這邊安裝流程我就省略,安裝的時間大約 5 分鐘就可以完成。

啟動資料庫

在自己的電腦用 XAMPP 架設 WordPress 網站(Windows 篇) 12

安裝完成後打開 XAMPP 主程式,把 Apache 和 MySQL 兩個模組按 Start 按鍵啟動,如上圖。

前往資料庫後台

在自己的電腦用 XAMPP 架設 WordPress 網站(Windows 篇) 14

確認 Apache 與 MySQL 模組都是綠色的狀態,就可以按一下 Admin 按鈕前往資料庫的後台,會開啟一個網頁。

網頁開啟後如下圖,在右上角的地方找到 phpMyAdmin 點擊並進入。
在自己的電腦用 XAMPP 架設 WordPress 網站(Windows 篇) 16

建立一個新的資料庫

在自己的電腦用 XAMPP 架設 WordPress 網站(Windows 篇) 18

首先我們要建立一個新的資料庫給 WordPress 安裝使用,資料庫名稱以英文為主,其餘保持預設,如上圖。

建立資料庫使用者帳號

在自己的電腦用 XAMPP 架設 WordPress 網站(Windows 篇) 20

接下來要建立一個使用資料庫的管理員帳號,點擊新增使用者帳號,如上圖。

帳號與密碼都自己設定即可,主機名稱請選擇 localhost,其餘保持預設。
在自己的電腦用 XAMPP 架設 WordPress 網站(Windows 篇) 22

在最下方的「全域權限」,把全部的選項都打勾,這樣該帳號才有最高的權限,沒問題就按下「執行」按鈕,就會開始建立囉。
在自己的電腦用 XAMPP 架設 WordPress 網站(Windows 篇) 24

下載 WordPress 安裝檔

在自己的電腦用 XAMPP 架設 WordPress 網站(Windows 篇) 26

到這邊資料庫的設定就完成了,接下來要下載最新版本的 WordPress 安裝檔,請點我前往下載。

下載回電腦後請解壓縮,並且把資料夾名稱命名成自己想要的,依我的例子就是命名成「tedsays」,會等於你的網址名稱,如果我想要訪問我的網站,就是要輸入「http://localhost/tedsays」前往。

資料夾命名完成後,要把它複製移動到「C:\xampp\htdocs」路徑資料夾內,如下圖。
在自己的電腦用 XAMPP 架設 WordPress 網站(Windows 篇) 28

開始安裝 WordPress

在自己的電腦用 XAMPP 架設 WordPress 網站(Windows 篇) 30

還記得我剛剛所說的網址嗎?依照我的例子,我是要前往「http://localhost/tedsays」就會開始安裝 WordPress 的流程,記得把後方資料夾名稱改成自己的。

WordPress 連接資料庫

在自己的電腦用 XAMPP 架設 WordPress 網站(Windows 篇) 32

接下來要把 WordPress 連接上剛剛所建立的資料庫,輸入資料庫的名稱、使用者名稱與密碼後,其餘保持預設並按下傳送按鈕,如上圖。

如果順利連接上資料庫,會看到如下圖畫面。
在自己的電腦用 XAMPP 架設 WordPress 網站(Windows 篇) 34

建立 WordPress 後台帳號

在自己的電腦用 XAMPP 架設 WordPress 網站(Windows 篇) 36

接下來需要建立一個 WordPress 後台的帳號,網站標題先隨便輸入,之後到後台還可以更改,如上圖。

成功建立之後就會看到如下圖片,代表可以登入 WordPress 後台囉!
在自己的電腦用 XAMPP 架設 WordPress 網站(Windows 篇) 38

開始體驗 WordPress

在自己的電腦用 XAMPP 架設 WordPress 網站(Windows 篇) 40

登入 WordPress 後台就可以開始體驗與使用 WordPress 囉!

Supply:

  • WordPress

Tools:

  • XAMPP

網站架設概念

如果你已經熟悉了整個流程,後續可以考慮把網站上線,讓大家可以拜訪你的網站,至於詳細的架設 WordPress 網站的方法,請參考下列詳細概念文章:

總結

XAMPP 是一套非常好用的免費軟體,不管是在你尚未熟悉 WordPress 的時期想要練習,或是已經是老手了想要弄個網站來測試,都相當好用,像我自己就會用一個本機的 WordPress 來安裝與測試外掛、修改佈景主題等等!

常見問題

XAMPP 是什麼?

XAMPP 是一套基於 PHP 的開發環境,其中包含 Apache、 MariaDB、PHP 和 Perl,可以讓使用者輕鬆快速的在本機電腦上架設 WordPress 網站,支援 Windows、macOS 和 Linux。

XAMPP 支援哪些系統?

支援 Windows、macOS 與 Linux 三種作業系統。

資料來源

文章內資料與圖片來源如下:

XAMPP 簡介

XAMPP 簡介
在自己的電腦用 XAMPP 架設 WordPress 網站(Windows 篇) 42

XAMPP 是一套基於 PHP 的開發環境,其中包含 Apache、 MariaDB、PHP 和 Perl,可以讓使用者輕鬆快速的在本機電腦上架設 WordPress 網站,支援 Windows、macOS 和 Linux。

Price Currency: TWD

Operating System: Windows, macOS, Linux

Application Category: DeveloperApplication

Editor's Rating:
5

歡迎免費訂閱Google 新聞」、「RSS」、追蹤Facebook」、「Instagram」、「YouTube」、「Dcard」、「TikTok」或加入討論社團」,並且可以透過「小額贊助」方式支持本站所有媒體持續營運!

返回頂端