如何在本地環境安裝WordPress(Windows, macOS, Linux)

WordPress本地環境搭建與安裝教程

通常我們在使用WordPress搭建一個網站前,又或者測試一個WordPress主題或者外掛時,會通過本地環境搭建一個WordPress測試網站。但對於初入門的WordPress新手來說,搭建WordPress本地環境可能未必是一件容易的事情。

實際上,我們只需要幾個簡單的步驟,即可完成本地安裝WordPress。無論您是要測試新功能,試驗開發專案還是在正式上線之前搭建WordPress網站,本地WordPress安裝都可以幫助您實現這一目標。

在本文中,我們將分享如何使用DesktopServer,XAMPP,WAMP或MAMP在Windows、Mac及Linux電腦系統安裝WordPress 。

    1. 關於本地安裝WordPress的概述
    2. WordPress本地安裝之DesktopServer篇(Win&Mac環境)
    3. WordPress本地安裝之WAMP篇(Windows環境)
    4. WordPress本地安裝之MAMP篇(Mac&Win環境)
    5. WordPress本地安裝之XAMPP篇(Win, Mac&Linux環境)

關於本地安裝WordPress的概述

在本地安裝WordPress也有一些優勢。非正式環境,完全無需擔心影響訪客瀏覽網站體驗;即使無網路,也可以繼續操作。

此外,在處理檔案和本地編輯時,本地環境有時會更快。通常只需較少的設定即可啟動和執行它。

當您想在本地安裝WordPress時,您需要在計算機上設定本地AMP堆疊。對於WordPress,AMP代表Apache,MySQL,PHP。這些均是WordPress伺服器主機所需要執行的Web伺服器軟體。

您可以使用多種方法來實現本地伺服器環境搭建。最常見的選項包括WAMP,XAMPP和MAMP,這些都是優秀的軟體工具(當然我們還有本土的phpstudy,日後有時間也可以寫篇文章專門介紹一番)。

但是,它們被設計為可與多種其他軟體和工具一起使用,可能會有一些學習曲線。不過,沒關係,我們下面會逐一對這幾個軟體進行說明。

首先要介紹的是DesktopServer,它實際上是為WordPress作為本地AMP堆疊專門設計和優化的。

WordPress本地安裝之DesktopServer篇

DesktopServer是ServerPress提供的一款出色的WordPress產品,可以使在本地安裝WordPress變得輕而易舉:

DesktopServer安裝介面

DesktopServer安裝介面

您只需單擊一下按鈕,即可在幾秒鐘內啟動新的開發安裝。該工具還完全支援多站點和WP-CLI,並且可以在Windows和Mac上使用。

ServerPress有免費版本和高階版本,後者每年收費99.95美元。高階版本包括一些專業功能,例如:

  • 多站點支援
  • 匯入和匯出第三方備份
  • 直接部署到線上環境
  • 繞過任何登入外掛

您可以根據需要選擇最適合的版本。如果您只需要進行一些快速測試,免費版本完全足夠了。

步驟1:下載DesktopServer到本地計算機

要在本地安裝WordPress,您首先需要從官方下載DesktopServer。該軟體提供Windows版本和Mac版本。以下示例,我們將使用Windows版本。

單擊DesktopServer官網右上角的“FREE DOWNLOAD”按鈕( 如果需要專業版,請單擊“購買高階版Buy Premium”):

ServerPress網站

ServerPress網站

然後你將會下載到.zip 安裝包壓縮檔案到您的計算機。

步驟2:啟動DesktopServer安裝程式

檔案下載完成後,下一步是啟動DesktopServer安裝程式。在執行此操作之前,需要解壓縮剛剛下載的檔案。這可能需要幾分鐘才能完成。

完成後,點選Install DSL

DesktopServer安裝程式

DesktopServer安裝程式

首次啟動該程式時,系統提示您以管理員許可權重新啟動。選擇Continue。然後將提示您接受服務條款,並選擇安裝選項(新安裝選擇第一個選項即可):

DesktopServer安裝介面

DesktopServer安裝介面

選中“New DesktopServer Installation”,然後單擊“Continue”。安裝過程將開始,這可能需要一些時間。

完成後,將彈出視窗,提示您安裝已完成,並告知你在計算機目錄中的哪裡可以找到該應用程式。完成後,點選“Finish”

步驟3:啟用外掛並啟動Apache和MySQL服務

安裝完成後,您可以啟用多種不同的開發人員外掛:

DesktopServer開發人員外掛啟用

DesktopServer開發人員外掛啟用

這是在本地安裝WordPress時可以使用的開發人員外掛的清單。強烈建議Bypass login和DS-CLI外掛。

  • Airplane mode:本地開發時,控制外部檔案的載入。
  • Bypass login:通過快速選擇組合框中的前100個使用者名稱中的任意一個,允許開發人員繞過登入憑據。
  • Clean Import:重置.htaccess,清除第三方主機的快取
  • Debug and Trace:強制WP_DEBUG = true,並在PHP和JavaScript中啟用跨平臺/語言的跟蹤語句。
  • Dreamweaver Support:在處理模板檔案和style.css時,啟用Dreamweaver專案檔案的自動建立和WYSIWYG模式。
  • DS-CLI: 這是專業開發人員的增強型跨平臺命令列介面。它使您可以輕鬆使用CLI, Composer, Git和PHPUnit。包含NodeJS和NPM以允許安裝GRUNT,Gulp和其他Node依賴項。
  • DS-Deploy: 用於將站點從本地DesktopServer安裝移動到實時伺服器。
  • InnoDB Autoconvert:在建立,複製,移動和匯入操作中,將站點的錶轉換為InnoDB。
  • Local Admin Color Bar: 更改管理欄顏色。
  • Mailbox Viewer:為開發人員提供離線快速檢視郵件傳遞服務的功能。

請記住,其中某些選項僅適用於高階版本。完成後,選擇“Next”。然後提示是否要啟動Web和資料庫服務,繼續單擊“Next”

步驟4:建立一個新的開發站點

完成啟用外掛並啟動Web和資料庫服務後,下一個提示將是選擇“Create a new development website”

在DesktopServer中建立新開發網站的選項

在DesktopServer中建立新開發網站的選項

該程式將在此處為您安裝WordPress。您必須選擇您的網站名稱,這也是它的本地地址。我們將其稱為“testsite”,因此我們的開發URL將在本地計算機上為“testsite.dev”:

在DesktopServer中建立站點名稱介面

在DesktopServer中建立站點名稱介面

DesktopServer使您可以實際建立不同的blueprints,使其幾乎像一個預先構建的模板。但是,就我們而言,我們只需要全新安裝。

DesktopServer始終將最新版本的WordPress作為預設blueprint。這意味著您不必擔心從儲存庫手動下載並解壓縮它。

預設情況下,站點的根目錄位於“My Documents”資料夾中。但是,為了便於管理,建議在任意分盤建立一個名為“wordpress”的資料夾。

準備好後,點選Create。然後,您將看到本地WordPress安裝的URL。單擊該按鈕完成安裝。

步驟5:安裝和配置WordPress網站

當您單擊前面提到的連結時,本地WordPress網站將在瀏覽器選項卡中開啟,經常常規的WordPress安裝步驟(與線上安裝步驟一樣):

WordPress安裝設定頁面

WordPress安裝設定頁面

選擇語言後,下一步是為您的網站命名並選擇一個使用者名稱(如果該測試環境的資料會在後面部署到線上,請不要使用”admin”等一些容易被猜中的名字作為使用者名稱,以免成為安全隱患),強密碼和您的電子郵件地址:

WordPress網站搭建歡迎頁面

WordPress網站搭建歡迎頁面

完成後,選擇Install WordPress。現在,您可以瀏覽本地安裝的WordPress及開始進行測試。

在本例中,我們將轉到瀏覽器位址列中的“testsite.dev”。由於我們在安裝過程中選擇了Bypass login外掛功能,軟體將提供一個下拉選單,我們可以在其中選擇管理員並自動登入。顯然,您不會在生產站點上使用此功能,但是對於開發環境而言,它非常方便。

使用DesktopServer在本地安裝WordPress的其他提示

鑑於Windows檔案的許可權,你可能會或可能不會看到一條關於WordPress未能更新通知資訊:

WordPress更新失敗訊息

WordPress更新失敗訊息

要解決此問題,只需以管理員身份開啟命令提示符,然後在WordPress目錄資料夾中執行以下命令:

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
attrib -s *.*
attrib -s *.*
attrib -s *.*

WordPress的LAMP許可權

WordPress的LAMP許可權

如果需要有關如何執行操作的更多指導或說明,則可以在ServerPress上瞭解更多詳細資訊

要建立其他WordPress網站或對其進行編輯,只需再次啟動DesktopServer.exe檔案。您可以停止和重新啟動服務,建立新站點,對其進行編輯,匯出和匯入等。要訪問phpMyAdmin,可以單擊左下方的“Sites”按鈕:

DesktopServer應用程式站點管理按鈕

DesktopServer應用程式站點管理按鈕

或者,您可以在瀏覽器的位址列中輸入“localhost”。這將在localhost上開啟管理員介面:

DesktopServer本地主機的管理員介面

DesktopServer本地主機的管理員介面

在這裡,您可以獲得所有WordPress網站的連結,以及儀表盤連結和phpMyAdmin連結。

另一個很棒的功能是單擊即可啟動WP-CLI(或DS-CLI)的功能。如果您在上面的設定過程中選擇了DS-CLI選項,則您的資訊中心內將提供一個連結。只需單擊它,就可以啟動WP-CLI命令。

DesktopServer還包括匯出功能,該功能使您可以將WordPress網站直接匯出到實時網站或.zip  檔案。但,必須使用它的付費版本

WordPress本地安裝之WAMP篇

如果要在Windows計算機上本地安裝WordPress,也可以使用WampServer(也稱為WAMP)進行安裝。WAMP是一個捆綁了專門用於Windows裝置的Apache Web伺服器,PHP和MySQL的軟體。下面將會詳細說明XAMPP安裝教程與配置,及本地WordPress安裝。

步驟1:下載WAMP

第一步是將WAMP軟體下載並安裝到您的計算機上。您可以通過訪問WampServer網站,點選Start Using WampServer按鈕:

WampServer網站

WampServer網站

你將會看到可以選擇兩個版本:WampServer 32位和WampServer 64位,根據自己的系統版本選擇適合的版本。

如果你不確定你的作業系統是32位或64位,以Win10為例,點選Windows開始按鈕,在Settings(設定)>About(關於)找到系統版本資訊:

Windows系統版本資訊檢視

Windows系統版本資訊檢視

步驟2:執行Wampserver.exe檔案開始安裝

下載軟體後,單擊wampserver.exe檔案執行安裝程式。這可能需要一兩分鐘。注:另外,記下軟體安裝目錄,因為稍後需要重新訪問該資料夾:

Wamp設定介面

Wamp設定介面

安裝介面上將提示您一系列說明,以完成安裝。在此過程中,系統將要求您定義網路瀏覽器。

步驟3:建立新的MySQL資料庫

下一步是建立一個空白的MySQL資料庫。啟動WAMP之後,螢幕右下角將出現一個綠色圖示。

單擊圖示,然後單擊phpMyAdmin,然後會跳轉到瀏覽器進入phpMyAdmin的登入介面:

phpMyAdmin登入頁面

phpMyAdmin登入頁面

在使用者名稱欄位中,輸入“root”,將密碼欄位保留為空,然後選擇“Go” 按鈕。接下來,單擊Databases

phpMyAdmin資料庫管理介面

phpMyAdmin資料庫管理介面

“Create Databases”部分下,給新資料庫命名。接下來,點選Create按鈕,即可建立一個資料庫。

步驟4:安裝WordPress

建立完資料庫後,下一步就是在本地安裝WordPress。訪問WordPress.org並單擊獲取WordPress,然後下載最新版本的WordPress:

WordPress下載

WordPress下載

這會將.zip檔案WordPress壓縮包下載到本地電腦。使用7zip或者winrar等解壓縮工具,解壓該壓縮包將會獲得一個wordpress的資料夾。

右鍵單擊該資料夾,然後選擇“複製”,將其複製到WAMP的安裝目錄。

此時,您還可以根據需要重新命名“wordpress”資料夾。該資料夾的名稱將是您本地WordPress安裝的URL。本教程,將其重新命名為”mytestsite”。

步驟5:瀏覽器訪問本地WordPress網站

開啟瀏覽器,然後在搜尋位址列中輸入“http://localhost/mytestsite/”。當然,如果命名為為其他名稱,應該將“mytestsite”替換成你的命名。

然後,將顯示一系列提示,以幫助你設定WordPress安裝,流程與上一節提及的步驟一致,此處不再展開。完成後,單擊“Let’s Go!”。

WordPress安裝-資料庫詳細資訊頁面

WordPress安裝-資料庫詳細資訊頁面

在下一個安裝介面,需要輸入資料庫資訊。包括資料庫名(步驟三設定的名稱),使用者名稱為“root”,密碼欄位保留為空。

接下來,單擊“Run the installation”按鈕。然後,繼續命名本地站點並建立網站管理員使用者名稱和密碼,最後點選Install WordPress即可完成本地WordPress網站安裝。

WordPress本地安裝之MAMP篇

如果你使用的是Mac電腦,則可以考慮使用MAMP。MAMP是Macintosh,Apache,MySQL和PHP的縮寫。該軟體非常易於使用,是大部分Mac使用者的首選。

步驟1:下載MAMP

與前兩個軟體一樣,首先你需要通過官網下載MAMP(同時兼任Mac和Windows,更推薦Mac使用MAMP)。

MAMP下載頁面

MAMP下載頁面

注:可免費下載和使用MAMP,但也可以使用付費版本  。

步驟2:安裝MAMP並啟動伺服器

下載完成後,單擊mamp.pkg 檔案。將會彈出一個安裝視窗。點選Continue按鈕根據提示安裝應用:

MAMP安裝介面

MAMP安裝介面

接下來,點選Mac頂部導航選單Go(前往)> Applications(應用),然後單擊MAMP資料夾:

MAMP應用程式資料夾

MAMP應用程式資料夾

在該資料夾中,單擊MAMP Elephant圖示:

MAMP應用程式圖示

MAMP應用程式圖示

開啟一個新視窗,點選Start Servers

MAMP啟動伺服器選項

MAMP啟動伺服器選項

Apache和MySQL伺服器啟動後,MAMP將自動在瀏覽器中開啟WebStart頁面。

步驟3:建立資料庫並更新使用者資訊

建立一個新的資料庫。在WebStart頁面上,選擇Tools> phpMyAdmin

通過MAMP WebStart頁面開啟phpMyAdmin

通過MAMP WebStart頁面開啟phpMyAdmin

phpMyAdmin開啟後,單擊“資料庫Databases”選項卡。為新建的資料庫命名,然後選擇Create

為本地MAMP站點建立一個新資料庫

為本地MAMP站點建立一個新資料庫

接下來,您將需要更新MAMP預設建立帳戶的MySQL資料庫使用者憑據,因為需要它們來完成WordPress安裝過程。瀏覽回到phpMyAdmin主介面,然後單擊“User accounts”  選項卡。

然後,單擊 使用者名稱為mamp的帳戶的“編輯許可權” :

編輯MAMP預設建立的phpMyAdmin使用者

編輯MAMP預設建立的phpMyAdmin使用者

選擇Edit privileges選項卡,輸入新的密碼,然後點選Go執行

更改MAMP預設建立的phpMyAdmin帳戶密碼

更改MAMP預設建立的phpMyAdmin帳戶密碼

然後,關閉phpMyAdmin。

步驟4:安裝WordPress並從Localhost訪問網站

訪問WordPress.org並下載最新版本的WordPress。完成下載後,解壓壓縮包獲得”wordpress”資料夾。右鍵點選該資料夾,然後選擇複製

回到Mac電腦桌面,點選選單Go(前往)>Applications(應用)>MAMP,然後開啟htdocs  資料夾:

MAMP應用程式的htdocs資料夾

MAMP應用程式的htdocs資料夾

在該資料夾內,貼上剛複製的WordPress資料夾。建議將其重新命名為“mytestsite”或類似的名稱:

MAMP重新命名站點名稱

MAMP重新命名站點名稱

然後,在瀏覽器新選項卡位址列輸入http://localhost/8888/mytestsite。將提示您輸入資料庫憑據(即前面步驟三所設定的資訊),並命名站點名稱及站點使用者名稱、密碼:

完成WordPress安裝嚮導

完成WordPress安裝嚮導

完成WordPress安裝提示後,一切就完成了!

WordPress本地安裝之XAMPP篇

XAMPP是另一個流行的PHP開發環境,以便於你在Windows,macOS或Linux本地環境安裝WordPress。下面是詳細的XAMPP安裝教程與配置:

步驟1:下載及安裝XAMPP

訪問Apache Friends網站,並在綠色的Download按鈕旁,選擇適用於Windows的XAMPP (如果你使用Linux或者Mac,則選擇對應的版本):

Apache Friends網站

Apache Friends網站

然後將會自動下載安裝包到本地計算機。完成後,單擊.exe檔案以啟動安裝程式。

注:如果是macOS,這將是一個.dmg檔案。開啟它後,單擊XAMPP圖示並將其拖到“Applications(應用程式)”資料夾中。

步驟2:選擇需要安裝的元件

執行安裝程式後,提示你選擇要安裝的元件。務必勾選核心的四個元件Apache,MySQL,PHPphpMyAdmin,其他元件根據自己實際需要勾選即可:

XAMPP元件選擇介面

XAMPP元件選擇介面

完成元件選擇後,單擊“Next(下一步)” 按鈕,然後選擇XAMPP安裝路徑。

再次單擊Next(下一步)按鈕,忽略Bitnami提示,再次選擇Next(下一步)

步驟3:啟動XAMPP控制面板並測試本地伺服器

在最後一個介面上,選擇啟動XAMPP控制面板。在開啟的XAMPP控制面板中,您可以單擊ApacheMySQL旁邊的Start按鈕(如果你使用過phpstudy,會不會有點似曾相識的感覺):

XAMPP控制面板

XAMPP控制面板

啟動它們後,狀態應變為綠色。就可以開始測試本地伺服器是否正常。在瀏覽器位址列輸入“http://localhost/”進行訪問。如果可訪問,則說明已成功將XAMPP新增到本地計算機。

步驟4:下載WordPress並建立資料庫

下一步是在本地計算機安裝WordPress。訪問WordPress.org並下載最新版本的WordPress。

下載完成後,解壓壓縮檔案,然後複製資料夾至XAMPP安裝目錄下的htdocs資料夾,並重新命名wordpress資料夾名為“mytestsite”

接下來的步驟就是建立資料庫。

回到XAMPP控制面板,然後選擇MySQL旁邊的Admin以啟動phpMyAdmin。

單擊資料庫Databases,然後命名資料庫並選擇建立Create (如需要更詳細的資訊,參考前面幾個軟體的使用教程)。

第5步:瀏覽器訪問本地建立的WordPress站點

在瀏覽器輸入“http://localhost/mytestsite”

系統將提示選擇一種語言,填寫站點相關資訊及資料庫詳細資訊,即可本地環境搭建WordPress網站!

小結

通過設定WordPress本地環境,你可以再本地搭建一個WordPress網站,以便於作為測試、開發或者準備新網站內容使用。

在本文中,我們詳細介紹瞭如何通過本地伺服器環境軟體DesktopServer,WAMP,MAMP或XAMPP在Mac和Windows上搭建WordPress網站。儘管幾個工具的使用步驟有所不同,但大同小異,可以簡單歸納為五個主要步驟:

  1. 下載本地伺服器環境軟體應用。
  2. 安裝並配置本地伺服器環境應用程式。
  3. 為測試站點建立空白MySQL資料庫
  4. 下載最新版本的WordPress
  5. 通過瀏覽器訪問測試站點地址以完成localhost設定。

評論留言