如何用 MAMP 在本機安裝 WordPress

/

本篇要解決的問題

最近有朋友在問 WordPress 的事情,主要是一些對 100% 新手的入門介紹。回想 Augustus 當年就是翻了一本書,然後一邊摸索一邊試著裝在本機,一直到在本機上有比較知道每個功能是做什麼了以後,才灑 $$ 租了主機,開始實際經營一個站。

然後,社團上說 SiteGround 要撤出台灣!?震驚再震驚,不過續租的費用的確有貴,原本就在想二年後到期是不是要搬家……這段是提外話。

本篇是圖文整理了怎麼用 MAMP 這個工具在本機上安裝 WordPress,如果對 WordPress 還在觀望的朋友們可以先在本機裝好後摸摸看,看適不適合自己或公司,再決定要不要灑 $$。


1 安裝 MAMP

下載網址:https://www.mamp.info/en/downloads/

下載完後執行安裝即可。


2 下載 WordPress 原始碼

下載網址:https://tw.wordpress.org/download/

下載的檔案會是一包壓縮檔,解壓縮後會看到一整包資料夾:

WordPress原始碼的整包檔案
WordPress 原始碼的整包檔案

3 將原始碼放進 MAMP 指定的資料夾中

打開第一步安裝的 MAMP,灰色的是免費版,藍色的是付費版,開啟灰色的:

點擊灰色的 MAMP
點擊灰色的 MAMP

開啟後會看到像這樣子的介面:

這是廣告,點擊一下可以幫本站多個一點點的廣告收入,謝謝

MAMP 介面

「Document root」,就是 MAMP 會開啟哪個資料夾,截圖是 Mac 版本的,意思就是會開啟的是「應用程式 → MAMP → htdocs」的資料夾裡,像這樣:

應用程式 → MAMP → htdocs 的資料夾
應用程式 → MAMP → htdocs 的資料夾

接下來,我們就把第二步下載到的 WordPress 原始檔,解壓縮的資料夾整個放進去:

放進整個 WordPress 檔案
放進整個 WordPress 檔案

這一步就完成了,MAMP 會抓 WordPress 的檔案當作主要頁面。


4 建立資料庫

回到 MAMP 的介面,點擊「Start」:

點擊 Start
點擊 Start

一直到「Start」那邊變成「Stop」並亮起綠燈,代表 MAMP 已開啟 Server:

亮綠燈代表開啟成功
亮綠燈代表開啟成功

同時間會開啟預設的說明頁面:
http://localhost:8888/MAMP/?language=English

頁面往下拉,會看見一塊寫有「PHP、MySQL、SQLite」的手風琴,點擊「MySQL」:

點擊 MySQL
點擊 MySQL

會出現 MySQL 的內容:

MySQL 的內容
MySQL 的內容

可以看見預設的帳號、密碼都是「root」,先記下來,下一步會用到。

這是廣告,點擊一下可以幫本站多個一點點的廣告收入,謝謝

點擊右上角的「phpMyAdmin」,會進到資料庫管理頁面:

phpMyAdmin
phpMyAdmin

點擊「New」,右側會變成新增資料庫的頁面,在「Database name」那欄我們填寫「wordpress」:

新增 wordpress 資料庫
新增 wordpress 資料庫

填寫完後按下「Create」,就會看見左側的資料庫列表新增了「wordpress」:

成功新增 wordpress 資料庫
成功新增 wordpress 資料庫

有看見「wordpress」資料庫,這步就完成了,可以關掉這頁。


5 安裝 WordPress

開啟這個連結:http://localhost:8888/

會看見安裝 WordPress 需要有的基本設定:

WordPress 安裝首頁
WordPress 安裝首頁

點擊「開始安裝吧!」

接著會出現一張表格要填寫,我們只需要修改「使用者名稱」、「密碼」這二項,改成預設的密碼「root」,像這樣:

填寫 wp-config 項目
填寫 wp-config 項目

修改好後按下「傳送」,WordPress 就會回報安裝結果,成功的話會看到以下畫面:

wp-config 安裝成功
wp-config 安裝成功

這個畫面是指 wp-config.php 建立成功,還不代表 WordPress 安裝完成。

我們按下「執行安裝程式」,會進到要填網站的基本資料表格:

網站基本資料的表格
網站基本資料的表格

這些就各自填寫,填寫完後按下「安裝 WordPress」就行了。

最後會看到以下安裝成功的畫面:

WordPress 安裝成功
WordPress 安裝成功

按下「登入」,輸入好帳密後再按「登入」,鏘鏘,WordPress 安裝完成,成功進到網站後台,可以開始使用了:

登入後,成功進入 WordPress 後台
登入後,成功進入 WordPress 後台
Summary
如何用MAMP在本機安裝WordPress
Article Name
如何用MAMP在本機安裝WordPress
Description
本篇大綱:本篇要解決的問題。1 安裝 MAMP。2 下載 WordPress 原始碼。3 將原始碼放進 MAMP 指定的資料夾中。4 建立資料庫。5 安裝 WordPress。
Augustus
Let's Write
Let's Write
https://letswrite.tw/wp-content/uploads/2020/08/logo_512.jpg

隨選筆記文

Bot Telegram

Telegram Login Widget,製作用 Telegram 登入功能

Vue

用 VuePress 製作說明文件頁面 – 2:config.js 基本設定

Google Maps

Google Maps API 學習筆記 – 3:用熱圖 / Heat map 製作全台 12 小時雨量分佈圖

API

Instagram 基本顯示 API :抓取公開 IG 資料、相片、影片

Analytics Google

如果頁面有 id=”ga”,用 gtag 埋 Google Analytics 會收不到流量

Front-End

OSM + Leaflet 學習筆記1:建地圖、marker、事件、換圖層

Bot Slack

Slack 通知功能 可互動

Vue

Vue.js 用 computed 跟 filter 做一個簡易搜尋功能

Front-End

IntersectionObserver:上篇 – 基本介紹及使用

PWA

PWA 學習筆記 – 5:用 Firebase 做 Web Push

以下是留言,但關於留言的部份必需先讓你們知道:

本站的文章都是 Augustus 因為覺得有趣,才會實作並整理成筆記文而後進行發表。

如果留言是希望把 Demo 改成「你想要」的樣子,或是把功能改成「符合你需求」的樣子,

Sorry~ 除非那修改是 Augustus 也有興趣的,不然不會幫你們寫程式去面對工作或是交作業。

未來這類的留言不會再主動回覆。😎

另外,公開信箱是為了讓金流驗證用,

因為之前遇過幾次回信協助解決問題後,對方卻一聲謝謝也沒有,就這樣拿去幫工作交差。

因此決定不再回覆信件,有疑問就利用留言功能囉。

訂閱
通知
guest
0 Comments
Inline Feedbacks
看所有留言