這是一篇完整的「 WordPress 本機安裝 」教學。
WordPress 網站架設,除了使用線上優質 WordPress 主機 進行網站建置,就能馬上有對外公開的個人網站。
對於有些想建置網站的朋友們,或許可能想先在本機(Localhost)搭建網站,等待網頁設計完畢後,再申請個人網域+虛擬主機,這也是一個好方法。
這篇文章呢,我們會在 Mac 上用 MAMP 軟體進行 WordPress 架站,如果你是 Window 用戶同樣可用這款軟體。
兩者的畫面流程都大同小異,只是作業系統不同而已,皆可參考本文流程,應該都能順利完成!
那我們來看一下文章大綱,趕快開始囉:)
- 1. 在本機安裝 WordPress 的優缺點?
- 2. MAMP 是什麼?
- 3. 安裝 MAMP 和操作 phpMyAdmin
- 4. 使用 MAMP 安裝 WordPress 網站
- 5. 網站基本設定&內容優化
- 6. 如何搬家到線上主機?
- 常見問題
- WordPress 學習資源
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 官網 下載免費版,依照自己的作業系統進行下載。
下載完成點擊進行安裝,接下來我會用 Mac 作業系統示範流程,如果你是用 Window 一樣也可參考流程,介面都差不多。
然後按照安裝引導,即可完成 MAMP(免費版)& MAMP Pro 兩個軟體的安裝。
安裝完成後,就把 MAMP 開啟(不是 MAMP Pro 唷,這兩個是不一樣的),打開後應該會看到類似下圖的畫面。
Preferences 細節設定,可設定 Port 號、檔案放置路徑 .. ,除非是有些經驗的使用者再做客製化的設定,不然新手入門會建議先用預設值就好。
需記得檔案放置位置(下圖),因為我們的 WordPress 網站,之後就放在這路徑下面。
沒問題後點右上角的「 啟動服務 」,就會開始建立完整的架站環境啦~
啟用環境後,視窗會自動跳出 MAMP 的歡迎頁面,接著呢我們需要建立一個資料庫,這樣 WordPress 網站上的數據,才有地方可以儲存。
建立網站資料庫
點擊左上角的 Tools > phpMyAdmin,會進入到 phpMyAdmin,它是一款用 PHP 為基礎的 MySQL 資料庫管理工具,可用圖形介面方式就能操作網站底層數據。
進來後,我們先把語言調成中文,然後點選「 資料庫 」。
然後幫資料庫取個名字(請使用小寫英文取名,比較不會有後續問題),完成後點「 建立 」。
這樣子資料庫就建立完成囉!
這時候在 phpMyAdmin 面板中,也會看到剛新建的資料庫出現了~
建立使用者帳號
接著,我們需要建立一個使用者帳號,並賦予這個帳號操作資料庫的權限。
首先,點擊伺服器 > 使用者帳號 > 新增使用者帳號,可參考下圖。
輸入想設定的使用者相關訊息,像是帳號、密碼(需輸入兩次) ..,主機名稱選擇「 本機 」系統會自動帶上 localhost。
備註:這裡的使用者帳號&密碼,都需記起來唷,等下安裝 WordPress 時會用到:)
然後點擊「 全選 」把全部權限都打開,最後點「 執行 」。
如此一來,我們就把使用者帳號建立好了。
那之後如果有新建多個網站的需求,通常只需新增新的資料庫,而使用者帳號只需共用同一組就好(因為只有自己會在本機操作)。
整個模式大概就像,一個使用者帳號,能管理多個網站(資料庫)的概念。
這是額外的概念,順便跟大家分享!
4. 使用 MAMP 安裝 WordPress 網站
WordPress 安裝有多種方法,現在大多數 WordPress 最佳主機,都有快速安裝 WordPress 功能,這是最簡單的架站方法。
但如果要在本機架設 WordPress 網站,我們就需自己下載程式檔,並進行手動安裝。
下載 WordPress 主程式 & 放置在指定路徑
首先前往 下載 WordPress 主程式,下載完成的檔案是一個 zip 檔案,先進行檔案解壓縮,解壓縮後會出現一個 WordPress 檔案夾,裡面包含許多檔案。
可以把剛下載的資料夾重新命名,這有點像是幫你的網站取名字(請用英文),方便之後找尋。(我這邊示範取名為 mysite)
然後把資料夾整包,丟進 MAMP 設定的檔案路徑(你的路徑不一定與我相同,依照自己的路徑上傳即可),如下圖。
這是我上傳後的檔案路徑。
確認檔案上傳完成後,打開瀏覽器並訪問 http://localhost:8888/mysite
,就會導向到 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 學習資源
學習網站架設+網路行銷的過程中,或許會遇到一些解決不了問題,可以在下方留言給我,我會盡力協助解答!
接下來,額外分享 2 項實用資源,可有效幫助大家做學習。
資源一:犬哥數位(專業 WordPress 網頁設計公司)
如果你沒時間自己架站、或是遇到解決不了的網站問題。歡迎洽詢 犬哥數位(WordPress 網頁設計公司),請專家製作會更有效率!
我們有多年網頁設計經驗,加上上百個實戰高質感作品,絕對能滿足您的需求!
資源二:WordPress+SEO 超強線上課程
這門 WordPress 高手架站課 濃縮了犬哥多年在網頁設計的實戰經驗,從網頁設計觀念、WordPress / WooCommerce 後台操作、熱門主題.外掛教學、品牌網站 / 部落格 / 電商網站,3 大類型網站建置方法等 .. 豐富內容,一次教會你。
課程內容非常的紮實(長度超過 20 小時)。如果你剛學習自架網站,這門課程可以讓你用最快的速度,就學會這項技能!
網站建立完畢後,但卻沒有流量怎麼辦?或是只能靠花錢投廣告才會有訂單?
這門 SEO 排名飆升課,教你掌握關鍵字策略、SEO 文章撰寫、多種實戰 SEO 技巧、透視對手 SEO 策略、SEO 必備軟體教學、最新 AI SEO 應用等 ..,大幅提升行銷能力。
帶你衝上 Google 排名第一頁,大量提升網站營收和訂單!
NAMO DNS 伺服器如何使用
嗨,來社團發問吧!有圖比較好協助處理~
WordPress社團:小犬社團
社長好 今天開始第一天安裝wordpress就花了一個下午的時間 我是電腦白痴 看書跟看你的這篇貼文才完成安裝 真是感謝你
我是先安裝在本機練習的 剛要加入你的臉書粉專而已
嗨,博立,
謝謝你的鼓勵跟喜歡,知道你成功建置自己的網站我也很開心,
歡迎加入臉書社團,也很開心可以跟你一起在交流 WordPress 架站的心得或疑問唷:)
感謝清楚的步驟說明,讓我馬上就發現自己漏掉的步驟成功安裝了~~~
嗨,CCC,
不用客氣唷,有幫助到你很開心,也謝謝你的回饋~