通常我們在使用WordPress搭建一個網站前,又或者測試一個WordPress主題或者外掛時,會通過本地環境搭建一個WordPress測試網站。但對於初入門的WordPress新手來說,搭建WordPress本地環境可能未必是一件容易的事情。
實際上,我們只需要幾個簡單的步驟,即可完成本地安裝WordPress。無論您是要測試新功能,試驗開發專案還是在正式上線之前搭建WordPress網站,本地WordPress安裝都可以幫助您實現這一目標。
在本文中,我們將分享如何使用DesktopServer,XAMPP,WAMP或MAMP在Windows、Mac及Linux電腦系統安裝WordPress 。
關於本地安裝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安裝介面
您只需單擊一下按鈕,即可在幾秒鐘內啟動新的開發安裝。該工具還完全支援多站點和WP-CLI,並且可以在Windows和Mac上使用。
ServerPress有免費版本和高階版本,後者每年收費99.95美元。高階版本包括一些專業功能,例如:
- 多站點支援
- 匯入和匯出第三方備份
- 直接部署到線上環境
- 繞過任何登入外掛
您可以根據需要選擇最適合的版本。如果您只需要進行一些快速測試,免費版本完全足夠了。
步驟1:下載DesktopServer到本地計算機
要在本地安裝WordPress,您首先需要從官方下載DesktopServer。該軟體提供Windows版本和Mac版本。以下示例,我們將使用Windows版本。
單擊DesktopServer官網右上角的“FREE DOWNLOAD”按鈕( 如果需要專業版,請單擊“購買高階版Buy Premium”):
ServerPress網站
然後你將會下載到.zip 安裝包壓縮檔案到您的計算機。
步驟2:啟動DesktopServer安裝程式
檔案下載完成後,下一步是啟動DesktopServer安裝程式。在執行此操作之前,需要解壓縮剛剛下載的檔案。這可能需要幾分鐘才能完成。
完成後,點選Install DSL:
DesktopServer安裝程式
首次啟動該程式時,系統提示您以管理員許可權重新啟動。選擇Continue。然後將提示您接受服務條款,並選擇安裝選項(新安裝選擇第一個選項即可):
DesktopServer安裝介面
選中“New DesktopServer Installation”,然後單擊“Continue”。安裝過程將開始,這可能需要一些時間。
完成後,將彈出視窗,提示您安裝已完成,並告知你在計算機目錄中的哪裡可以找到該應用程式。完成後,點選“Finish”。
步驟3:啟用外掛並啟動Apache和MySQL服務
安裝完成後,您可以啟用多種不同的開發人員外掛:
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中建立新開發網站的選項
該程式將在此處為您安裝WordPress。您必須選擇您的網站名稱,這也是它的本地地址。我們將其稱為“testsite”,因此我們的開發URL將在本地計算機上為“testsite.dev”:
在DesktopServer中建立站點名稱介面
DesktopServer使您可以實際建立不同的blueprints,使其幾乎像一個預先構建的模板。但是,就我們而言,我們只需要全新安裝。
DesktopServer始終將最新版本的WordPress作為預設blueprint。這意味著您不必擔心從儲存庫手動下載並解壓縮它。
預設情況下,站點的根目錄位於“My Documents”資料夾中。但是,為了便於管理,建議在任意分盤建立一個名為“wordpress”的資料夾。
準備好後,點選Create。然後,您將看到本地WordPress安裝的URL。單擊該按鈕完成安裝。
步驟5:安裝和配置WordPress網站
當您單擊前面提到的連結時,本地WordPress網站將在瀏覽器選項卡中開啟,經常常規的WordPress安裝步驟(與線上安裝步驟一樣):
WordPress安裝設定頁面
選擇語言後,下一步是為您的網站命名並選擇一個使用者名稱(如果該測試環境的資料會在後面部署到線上,請不要使用”admin”等一些容易被猜中的名字作為使用者名稱,以免成為安全隱患),強密碼和您的電子郵件地址:
WordPress網站搭建歡迎頁面
完成後,選擇Install WordPress。現在,您可以瀏覽本地安裝的WordPress及開始進行測試。
在本例中,我們將轉到瀏覽器位址列中的“testsite.dev”。由於我們在安裝過程中選擇了Bypass login外掛功能,軟體將提供一個下拉選單,我們可以在其中選擇管理員並自動登入。顯然,您不會在生產站點上使用此功能,但是對於開發環境而言,它非常方便。
使用DesktopServer在本地安裝WordPress的其他提示
鑑於Windows檔案的許可權,你可能會或可能不會看到一條關於WordPress未能更新通知資訊:
WordPress更新失敗訊息
要解決此問題,只需以管理員身份開啟命令提示符,然後在WordPress目錄資料夾中執行以下命令:
attrib -s *.*
WordPress的LAMP許可權
如果需要有關如何執行操作的更多指導或說明,則可以在ServerPress上瞭解更多詳細資訊。
要建立其他WordPress網站或對其進行編輯,只需再次啟動DesktopServer.exe檔案。您可以停止和重新啟動服務,建立新站點,對其進行編輯,匯出和匯入等。要訪問phpMyAdmin,可以單擊左下方的“Sites”按鈕:
DesktopServer應用程式站點管理按鈕
或者,您可以在瀏覽器的位址列中輸入“localhost”。這將在localhost上開啟管理員介面:
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 32位和WampServer 64位,根據自己的系統版本選擇適合的版本。
如果你不確定你的作業系統是32位或64位,以Win10為例,點選Windows開始按鈕,在Settings(設定)>About(關於)找到系統版本資訊:
Windows系統版本資訊檢視
步驟2:執行Wampserver.exe檔案開始安裝
下載軟體後,單擊wampserver.exe檔案執行安裝程式。這可能需要一兩分鐘。注:另外,記下軟體安裝目錄,因為稍後需要重新訪問該資料夾:
Wamp設定介面
安裝介面上將提示您一系列說明,以完成安裝。在此過程中,系統將要求您定義網路瀏覽器。
步驟3:建立新的MySQL資料庫
下一步是建立一個空白的MySQL資料庫。啟動WAMP之後,螢幕右下角將出現一個綠色圖示。
單擊圖示,然後單擊phpMyAdmin,然後會跳轉到瀏覽器進入phpMyAdmin的登入介面:
phpMyAdmin登入頁面
在使用者名稱欄位中,輸入“root”,將密碼欄位保留為空,然後選擇“Go” 按鈕。接下來,單擊Databases:
phpMyAdmin資料庫管理介面
在“Create Databases”部分下,給新資料庫命名。接下來,點選Create按鈕,即可建立一個資料庫。
步驟4:安裝WordPress
建立完資料庫後,下一步就是在本地安裝WordPress。訪問WordPress.org並單擊獲取WordPress,然後下載最新版本的WordPress:
WordPress下載
這會將.zip檔案WordPress壓縮包下載到本地電腦。使用7zip或者winrar等解壓縮工具,解壓該壓縮包將會獲得一個wordpress的資料夾。
右鍵單擊該資料夾,然後選擇“複製”,將其複製到WAMP的安裝目錄。
此時,您還可以根據需要重新命名“wordpress”資料夾。該資料夾的名稱將是您本地WordPress安裝的URL。本教程,將其重新命名為”mytestsite”。
步驟5:瀏覽器訪問本地WordPress網站
開啟瀏覽器,然後在搜尋位址列中輸入“http://localhost/mytestsite/”。當然,如果命名為為其他名稱,應該將“mytestsite”替換成你的命名。
然後,將顯示一系列提示,以幫助你設定WordPress安裝,流程與上一節提及的步驟一致,此處不再展開。完成後,單擊“Let’s Go!”。
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,但也可以使用付費版本 。
步驟2:安裝MAMP並啟動伺服器
下載完成後,單擊mamp.pkg 檔案。將會彈出一個安裝視窗。點選Continue按鈕根據提示安裝應用:
MAMP安裝介面
接下來,點選Mac頂部導航選單Go(前往)> Applications(應用),然後單擊MAMP資料夾:
MAMP應用程式資料夾
在該資料夾中,單擊MAMP Elephant圖示:
MAMP應用程式圖示
開啟一個新視窗,點選Start Servers:
MAMP啟動伺服器選項
Apache和MySQL伺服器啟動後,MAMP將自動在瀏覽器中開啟WebStart頁面。
步驟3:建立資料庫並更新使用者資訊
建立一個新的資料庫。在WebStart頁面上,選擇Tools> phpMyAdmin:
通過MAMP WebStart頁面開啟phpMyAdmin
phpMyAdmin開啟後,單擊“資料庫Databases”選項卡。為新建的資料庫命名,然後選擇Create:
為本地MAMP站點建立一個新資料庫
接下來,您將需要更新MAMP預設建立帳戶的MySQL資料庫使用者憑據,因為需要它們來完成WordPress安裝過程。瀏覽回到phpMyAdmin主介面,然後單擊“User accounts” 選項卡。
然後,單擊 使用者名稱為mamp的帳戶的“編輯許可權” :
編輯MAMP預設建立的phpMyAdmin使用者
選擇Edit privileges選項卡,輸入新的密碼,然後點選Go執行:
更改MAMP預設建立的phpMyAdmin帳戶密碼
然後,關閉phpMyAdmin。
步驟4:安裝WordPress並從Localhost訪問網站
訪問WordPress.org並下載最新版本的WordPress。完成下載後,解壓壓縮包獲得”wordpress”資料夾。右鍵點選該資料夾,然後選擇複製。
回到Mac電腦桌面,點選選單Go(前往)>Applications(應用)>MAMP,然後開啟htdocs 資料夾:
MAMP應用程式的htdocs資料夾
在該資料夾內,貼上剛複製的WordPress資料夾。建議將其重新命名為“mytestsite”或類似的名稱:
MAMP重新命名站點名稱
然後,在瀏覽器新選項卡位址列輸入http://localhost/8888/mytestsite。將提示您輸入資料庫憑據(即前面步驟三所設定的資訊),並命名站點名稱及站點使用者名稱、密碼:
完成WordPress安裝嚮導
完成WordPress安裝提示後,一切就完成了!
WordPress本地安裝之XAMPP篇
XAMPP是另一個流行的PHP開發環境,以便於你在Windows,macOS或Linux本地環境安裝WordPress。下面是詳細的XAMPP安裝教程與配置:
步驟1:下載及安裝XAMPP
訪問Apache Friends網站,並在綠色的Download按鈕旁,選擇適用於Windows的XAMPP (如果你使用Linux或者Mac,則選擇對應的版本):
Apache Friends網站
然後將會自動下載安裝包到本地計算機。完成後,單擊.exe檔案以啟動安裝程式。
注:如果是macOS,這將是一個.dmg檔案。開啟它後,單擊XAMPP圖示並將其拖到“Applications(應用程式)”資料夾中。
步驟2:選擇需要安裝的元件
執行安裝程式後,提示你選擇要安裝的元件。務必勾選核心的四個元件Apache,MySQL,PHP和phpMyAdmin,其他元件根據自己實際需要勾選即可:
XAMPP元件選擇介面
完成元件選擇後,單擊“Next(下一步)” 按鈕,然後選擇XAMPP安裝路徑。
再次單擊Next(下一步)按鈕,忽略Bitnami提示,再次選擇Next(下一步)。
步驟3:啟動XAMPP控制面板並測試本地伺服器
在最後一個介面上,選擇啟動XAMPP控制面板。在開啟的XAMPP控制面板中,您可以單擊Apache和MySQL旁邊的Start按鈕(如果你使用過phpstudy,會不會有點似曾相識的感覺):
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網站。儘管幾個工具的使用步驟有所不同,但大同小異,可以簡單歸納為五個主要步驟:
- 下載本地伺服器環境軟體應用。
- 安裝並配置本地伺服器環境應用程式。
- 為測試站點建立空白MySQL資料庫。
- 下載最新版本的WordPress。
- 通過瀏覽器訪問測試站點地址以完成localhost設定。
評論留言