如何使用 MAMP 在本機安裝 WordPress 網站?(Mac / Window 皆可用)

如何使用 MAMP 在本機安裝 WordPress 網站?(Mac / Window 皆可用)

這是一篇完整的「 WordPress 本機安裝 」教學。

WordPress 網站架設,除了使用線上優質 WordPress 主機 進行網站建置,就能馬上有對外公開的個人網站。

對於有些想建置網站的朋友們,或許可能想先在本機(Localhost)搭建網站,等待網頁設計完畢後,再申請個人網域+虛擬主機,這也是一個好方法。

這篇文章呢,我們會在 Mac 上用 MAMP 軟體進行 WordPress 架站,如果你是 Window 用戶同樣可用這款軟體。

兩者的畫面流程都大同小異,只是作業系統不同而已,皆可參考本文流程,應該都能順利完成!

那我們來看一下文章大綱,趕快開始囉:)


1. 在本機安裝 WordPress 的優缺點?

「 WordPress 本機安裝 」的優點,通常是新手入門剛學習架站時,會有一些摸索時間,如果有一個地方能事先練習,確實會是個好選擇。(衍伸閱讀:WordPress 是什麼Org vs Com

加上也不會因為還處於網站建置中的狀態,而浪費了幾天的主機租用時間,這也是降低金錢成本的好方法,同時能多學一些網頁相關技術。

但缺點就是除了要學習在本機架站的時間成本,另一方面就是要處理建站完成後,還要搬家到線上主機的作業流程。

這邊先點出優缺點,幫助大家事先有個基礎概念。

所以,如果你想直接開始申請個人網域+主機申請,新手入門會推薦 Bluehost 主機,可參考 Bluehost 教學 有完整流程(省事,不用處理上面提到的問題)。

如果想先在本機安裝 WordPress 當作開始的第一步,同樣也非常好,但是會花多一點的時間學習,但沒關係因為學到了也是你的:)


2. MAMP 是什麼?

好囉,接著來聊聊什麼是 MAMP?

MAMP 其實只是個縮寫,它是由 Mac OS(Apple 作業系統)+Apache(網頁伺服器)+MySQL(資料庫)+PHP(程式語言) 軟體,所組合而成的。

原先是給使用蘋果的用戶開發使用,一種超強網頁開發的懶人包。

後來發現 Window 用戶也有使用需求,所以近幾年就推出了 Window 版的 MAMP 專門給 Window 用戶使用(簡單來說 MAMP 支援雙系統)。

回想一開始踏入網頁開發的行業,也是先從 MAMP 軟體開始寫前後端,後來才慢慢自己分開搭建各自的環境,滿足更客製化的需求。

但對於新手入門來說,只要簡單容易上手就好,我們只需要安裝這款軟體,並做一些小設定,很快就能在自己的電腦上,搭建無限個網站啦!!


3. 安裝 MAMP 和操作 phpMyAdmin

下載+安裝 MAMP 軟體

首先前往 MAMP 官網 下載免費版,依照自己的作業系統進行下載。

WordPress 本機安裝 :下載 MAMP 軟體(Mac & Window 用戶)
下載 MAMP 軟體(Mac & Window 用戶)

下載完成點擊進行安裝,接下來我會用 Mac 作業系統示範流程,如果你是用 Window 一樣也可參考流程,介面都差不多。

然後按照安裝引導,即可完成 MAMP(免費版)& MAMP Pro 兩個軟體的安裝。

安裝 MAMP 軟體
安裝 MAMP 軟體

安裝完成後,就把 MAMP 開啟(不是 MAMP Pro 唷,這兩個是不一樣的),打開後應該會看到類似下圖的畫面。

Preferences 細節設定,可設定 Port 號、檔案放置路徑 .. ,除非是有些經驗的使用者再做客製化的設定,不然新手入門會建議先用預設值就好。

需記得檔案放置位置(下圖),因為我們的 WordPress 網站,之後就放在這路徑下面。

沒問題後點右上角的「 啟動服務 」,就會開始建立完整的架站環境啦~

WordPress 本機安裝 :MAMP 軟體介面介紹
MAMP 軟體介面介紹

啟用環境後,視窗會自動跳出 MAMP 的歡迎頁面,接著呢我們需要建立一個資料庫,這樣 WordPress 網站上的數據,才有地方可以儲存。

建立網站資料庫

點擊左上角的 Tools > phpMyAdmin,會進入到 phpMyAdmin,它是一款用 PHP 為基礎的 MySQL 資料庫管理工具,可用圖形介面方式就能操作網站底層數據。

WordPress 本機安裝 :前往 phpMyAdmin,資料庫管理工具
前往 phpMyAdmin,資料庫管理工具

進來後,我們先把語言調成中文,然後點選「 資料庫 」。

設定 phpMyAdmin & 前往資料庫
設定 phpMyAdmin & 前往資料庫

然後幫資料庫取個名字(請使用小寫英文取名,比較不會有後續問題),完成後點「 建立 」。

這樣子資料庫就建立完成囉!

建立新的資料庫
建立新的資料庫

這時候在 phpMyAdmin 面板中,也會看到剛新建的資料庫出現了~

phpMyAdmin 新建的資料庫,成功出現囉!
phpMyAdmin 新建的資料庫,成功出現囉!

建立使用者帳號

接著,我們需要建立一個使用者帳號,並賦予這個帳號操作資料庫的權限。

首先,點擊伺服器 > 使用者帳號 > 新增使用者帳號,可參考下圖。

phpMyAdmin 新增使用者帳號
phpMyAdmin 新增使用者帳號

輸入想設定的使用者相關訊息,像是帳號、密碼(需輸入兩次) ..,主機名稱選擇「 本機 」系統會自動帶上 localhost。

phpMyAdmin 新增使用者帳號
phpMyAdmin 新增使用者帳號

備註:這裡的使用者帳號&密碼,都需記起來唷,等下安裝 WordPress 時會用到:)

然後點擊「 全選 」把全部權限都打開,最後點「 執行 」。

WordPress 本機安裝 :phpMyAdmin 賦予使用者權限&執行
phpMyAdmin 賦予使用者權限&執行

如此一來,我們就把使用者帳號建立好了。

那之後如果有新建多個網站的需求,通常只需新增新的資料庫,而使用者帳號只需共用同一組就好(因為只有自己會在本機操作)。

整個模式大概就像,一個使用者帳號,能管理多個網站(資料庫)的概念。

這是額外的概念,順便跟大家分享!


4. 使用 MAMP 安裝 WordPress 網站

WordPress 安裝有多種方法,現在大多數 WordPress 最佳主機,都有快速安裝 WordPress 功能,這是最簡單的架站方法。

但如果要在本機架設 WordPress 網站,我們就需自己下載程式檔,並進行手動安裝。

下載 WordPress 主程式 & 放置在指定路徑

首先前往 下載 WordPress 主程式,下載完成的檔案是一個 zip 檔案,先進行檔案解壓縮,解壓縮後會出現一個 WordPress 檔案夾,裡面包含許多檔案。

可以把剛下載的資料夾重新命名,這有點像是幫你的網站取名字(請用英文),方便之後找尋。(我這邊示範取名為 mysite)

然後把資料夾整包,丟進 MAMP 設定的檔案路徑(你的路徑不一定與我相同,依照自己的路徑上傳即可),如下圖。

WordPress 網站檔案的上傳路徑
WordPress 網站檔案的上傳路徑

這是我上傳後的檔案路徑。

檔案上傳到 MAMP 的路徑(依照自己設定的路徑為主)
檔案上傳到 MAMP 的路徑(依照自己設定的路徑為主)

確認檔案上傳完成後,打開瀏覽器並訪問 http://localhost:8888/mysite,就會導向到 WordPress 的安裝頁面啦!

這時候差不多也快完成了~

安裝 WordPress 網站 & 登入後台

進入到 WordPress 安裝頁面後,點擊開始安裝。

WordPress 安裝頁面
WordPress 安裝頁面

輸入剛建立的資料庫名稱、使用者名稱、密碼,其他部分用預設值即可,完成後點下一步 & 進行安裝。

讓 WordPress 網站,與剛在 phpMyAdmin 設定的資料庫訊息,進行綁定
讓 WordPress 網站,與剛在 phpMyAdmin 設定的資料庫訊息,進行綁定

接著可以幫自己網站取個名字,和設定 WordPress 後台的登入帳密(請務必記得唷) & 電子郵件等 .. ,其他就用預設值即可。

完成後點「 安裝 WordPress 」。

設定 WordPress 後台的登入帳密
設定 WordPress 後台的登入帳密

此時 WordPress 網站就安裝完成囉,點擊「 登入 」可前往 WordPress 後台。

WordPress 安裝完畢囉,點擊登入後台
WordPress 安裝完畢囉,點擊登入後台

輸入剛填寫的 WordPress 後台帳密,然後進行登入。

登入到 WordPress 後台
登入到 WordPress 後台

賓果!太好了~我們終於在本機端順利架設 WordPress 網站了!恭喜大家!

WordPress 後台介面出現啦~
WordPress 後台介面出現啦~

5. 網站基本設定&內容優化

WordPress 是個強大多功能的 網頁製作平台,當網站安裝完成後,接下來好玩的地方才正要開始。

首先,你可以做一些 WordPress 基礎設定 & 學習後台如何操作,可參考 後台教學

因為它是開源軟體,全世界有非常多軟體工程師,不斷的開發各式各樣 優質佈景主題網站外掛 等 .. ,讓整個 WordPress 生態圈非常的豐富。

你也能用 WordPress 架設多種類型的網站,像是 建立 Blog形象網站架設購物網站設計 等 ..,讓你的網站達到想要的目的。

有關於網站上的任何面向強化,都能安裝相對應的外掛,就能馬上幫你處理問題,像是 SEO 優化頁面編輯器速度優化外掛 等 ..。

WordPress 還做到的事情還很多,這也是為什麼全球有 30 % 以上的網站,是使用它所架設而成的原因吧:)


6. 如何搬家到線上主機?

如果在本機的 WordPress 網站設計完成後,想搬家到線上主機,讓訪客都能瀏覽的到,要如何做呢?

你可以參考從 localhost 搬家到線上主機 這篇文章,或是如何把 WordPress 網站搬家到新主機(新網域),依照你的需求選擇學習即可。

更多不同的搬家外掛,可參考 WordPress 搬家外掛,我有針對不同外掛做分享教學。

至於 WordPress 優質主機 如何挑選呢?

如果是新手入門,Bluehost 主機 會是很好的選擇,一來費用便宜(加上有送免費的一年網址),二來使用介面簡單,還有一鍵安裝 WordPress 網站功能,操作起來很方便。

如果你是架設購物網站、媒合平台、網站論壇等 ..,比較多功能且複雜的網站類型,可使用 Cloudways 主機,它是一款優質的雲管理主機(VPS)。

主機速度速度&穩定度相對來的更高,但費用會稍微高一點,依照你的需求選擇即可:)


常見問題

MAMP 是什麼?

MAMP 其實只是個縮寫,它是由 Mac OS(Apple 作業系統)+Apache(網頁伺服器)+MySQL(資料庫)+PHP(程式語言) 軟體,所組合而成的。

原先是給使用蘋果的用戶開發使用,一種超強網頁開發的懶人包。

後來發現 Window 用戶也有使用需求,所以近幾年就推出了 Window 版的 MAMP 專門給 Window 用戶使用(簡單來說 MAMP 支援雙系統)。

WAMP 和 MAMP 有什麼差別呢?

兩者唯一的差別就是,開頭字母分別代表 Window & Mac 作業系統,除此之外其他並沒有差別。

但原先 MAMP 只能用於 MAC 的用戶,但後來有推出可兼容 Window 的軟體,所以這代表 Window 用戶也能使用 MAMP 囉!

先在本機(localhost)架設網站的好處?

好處是,對於新手入門可以在自己電腦上先練習架站,或是有些外掛想先進行測試(因為線上網站不方便測試),這些都是優點。

先在本機(localhost)架設網站的缺點?

跟直接申請線上網域+主機相比,會多出滿多步驟流程的,像是要在本機建立環境、網站設計完成後,也還要搬家到線上主機上。

localhost 是什麼意思?

localhost 就是本機的網址路徑(業界也有稱呼 localhost 是本機架站的簡稱),當你在本機訪問本地網站時,可觀察一下網域前面會有 localhost 的英文。


WordPress 學習資源

學習 WordPress 網站架設流程中,或許會遇到一些解決不了問題,可以在下方留言給我,我會盡力協助解答!

接下來,額外分享 3 項架站資源,可有效幫助大家處理網站問題。

資源一:犬哥數位(專業 WordPress 網頁設計公司)

如果你沒時間自己架站、或是遇到解決不了的網站問題。歡迎洽詢 犬哥數位(WordPress 網頁設計公司),請專家製作會更有效率!

WordPress 網頁設計公司|犬哥數位

資源二:WP 精選模組攻略書

由於 WordPress 主題 / 外掛有非常多種,很多網友私訊我不知道安裝哪一款,才有辦法實現功能。或是已經試了很多款外掛,但始終找不到適合自己的。

對此我整理了 高達 100 多款精選主題&外掛大全(電子書),這些都是我們團隊協助客戶開發案件時,會搭配使用的。一來外掛品質優良,二來功能性也足夠強!

WordPress 模組指南書
WordPress 模組指南書

資源三:官方教學資源(含 FB 社群解答)

如果你偏愛自架網站,也歡迎持續關注 犬哥網站 Blog,我們都持續有發布新的網站架設、網路行銷教學。

或是你比較喜歡看影片學習,也可關注 YouTube 頻道,幫助你更容易進入狀況。

當然,如果你在操作過程中遇到問題,也可以加入 WordPress 架站 x SEO 教學時光屋 – 犬哥網站 ,除了有網友一同幫你解惑外,犬哥團隊也會同步在社團幫助大家。

犬哥網站|交流社團
犬哥網站交流社團


關於作者

犬哥網站:網頁設計 x 網路行銷教學平台

犬哥網站

我們分享 WordPress 架站 x 網路行銷知識,不需會任何程式技術,就能自己建立各種網站。 搭配豐富的網路行銷教學,幫助你被更多人看到。 趕快跟著我們的腳步,開始學習吧:)

在〈如何使用 MAMP 在本機安裝 WordPress 網站?(Mac / Window 皆可用)〉中有 6 則留言

  1. 社長好 今天開始第一天安裝wordpress就花了一個下午的時間 我是電腦白痴 看書跟看你的這篇貼文才完成安裝 真是感謝你
    我是先安裝在本機練習的 剛要加入你的臉書粉專而已

    1. 犬哥網站

      嗨,博立,

      謝謝你的鼓勵跟喜歡,知道你成功建置自己的網站我也很開心,

      歡迎加入臉書社團,也很開心可以跟你一起在交流 WordPress 架站的心得或疑問唷:)

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

返回頂端