WordPress Blog 教學|如何用WordPress架設部落格/個人網站 (2022)

如何用WordPress架設部落格(Blog)、個人網站的封面

你想知道如何用WordPress架設網誌、食記、旅遊部落格 (Blog) 嗎?這篇筆記會用淺顯易懂的方式跟你分享如何用最簡單、最低的成本的方法,快速架設出一個出色的個人網站/部落格。

我會不藏私地免費把如何架設部落格的方法鋪成階梯,你只要跟著6大步驟操作,就可以省很多時間,少走很多我以前走過的冤枉路,在架站的路上贏過90%以上的新手。

你的WordPress部落格/個人網站將會擁有

🎁 部落格功能
🎁 客製化版型
🎁 自訂個人域名
🎁 自訂個人Logo
🎁 SSL安全憑證
🎁 響應式網頁設計
🎁 搜尋引擎優化
🎁 訂閱電子報功能
🎁 表單功能
🎁 防止駭客功能
🎁 Google Search Console
🎁 Google Analytics

適用部落格類型

以下是常見的部落格類型,如果你還不確定想做哪類型的部落格的話,可以參考看看。

👍 食記
👍 網誌
👍 食譜
👍 旅遊部落格
👍 生活部落格
👍 美妝部落格
👍 留學部落格
👍 遊戲部落格
👍 育兒部落格
👍 書評部落格
👍 影評部落格
👍 政治部落格
👍 宗教部落格
👍 新住民部落格
👍 心情筆記部落格
👍 健身運動部落格
👍 知識分享部落格
👍 工作紀錄部落格
👍 投資理財部落格
👍 語言學習部落格

以前我還不會架設網站的時候就很希望有一個中文教學是我能無腦一步一步照著按就好了,現在我會架設網站了,我就來做這麼一個可以簡單地照著按、按、按就可以架好個人部落格網站的教學 🐾

或許有些人會把這樣的教學拿去賣錢,不過我以前也受到網路上很多人的幫忙才學會架網站的,所以我想把製作個人部落格的方法免費跟你分享。如果你想支持我的話,歡迎透過這個網站提供的連結購買,這樣我就能夠獲得一些收益。有的軟體或工具有諾特斯觀眾的專屬優惠折扣,希望能幫你省一些架設網站的成本。

小默契
# 代表架設網站的「大步驟」。
🚩 代表每個步驟細分的「小行動」。
💡 代表你需要了解的「小知識」。

用WordPress架設部落格 (Blog)

一開始我會先跟你分享,用WordPress架設部落格(Blog) /個人網站前需要知道的事情。

如果你想直接開始架設Blog可以點擊下方按鈕。

架設部落格 (Blog) /個人網站有什麼好處?

《你要如何衡量你的人生?》這本書的作者說過:「我們把自己的時間、精力和才華投入在什麼地方,我們的人生就會呈現相同的樣貌。」而我覺得架設自己的部落格 (Blog) 是一個值得我們投入自己的時間、精力和才華的地方。

架設自己的Blog的好處

  • 學會架設網站這個新技能。
  • 可以自己設計屬於自己的Blog版型。
  • 可以用文字、圖片抒發心情、記錄生活。
  • 可以透過Blog賺取被動收入與主動收入。
  • 可以把自己的Blog發展成網路事業。
  • 可以透過Blog跟自己有相同興趣的人有所連結。
架設部落格(Blog)個人網站的好處
架設部落格 (Blog) 個人網站的好處

⭐ 免費更多筆記
如何架設可以賺錢的網站

為什麼選擇WordPress來架站?

WordPress是一個免費的架站平台,全世界有41%的網站是用WordPress架設的,而且這個比例每年都逐漸提高

WordPress.org官網指出WordPress有41%的全網使用率
WordPress.org官網指出WordPress有41%的全網使用率

我會選擇用 WordPress,更準確來說是WordPress.org來架設個人部落格的主要原因是品牌跟自由 (你現在觀看的這個教學也是教你使用WordPress.org來架設網站)。

WordPress其實有分成WordPress.com跟WordPress.org,用錯的話長久下來就虧大了,你果你不清楚這兩個的差別的話,可以看我之前做過的影片。

你可能聽過很多人用痞客邦、Blogspot (Blogger) 等等來寫Blog,但使用別人的網站來寫部落格比較沒有建立自己的品牌的感覺。而且版面設計、功能限制也很多,甚至也有可能像過去無名小站倒閉的風險。只要痞客邦或Blogspot倒閉,你經營的內容或努力寫的文章可能就沒了。

相對來說使用WordPress架設網站的話,我們可以有自己的域名建立品牌形象,在設計與功能也都能客製化調整,也可以很簡單地備份你的文章。所以,我推薦使用WordPress來寫Blog。

以下我還列了幾個WordPress的優點,你可以參考看看。

WordPress的優點

  • 免費。
  • 開源軟體。
  • 不用學程式就可以架站。
  • 可以客製化各種設計、排版。
  • 可以根據需求增加功能。
  • 不只可以架部落格,還可以做網路商店、官方形象網站等等。
  • 可以進行搜尋引擎優化 (容易在Google有好排名)。

講完優點還是要講一下缺點,沒有一個東西是完美的。

WordPress需要比較長的學習時間,大概需要幾天到幾週。不過不用擔心,只要跟著這篇教學,你一定可以架好你的個人部落格。

WordPress跟其它架站平台比較
WordPress跟其它架站平台比較

⭐ 更多免費筆記
什麼是WordPress?

架設個人部落格我們需要什麼呢?

想要架設自己的部落格,我們需要3樣東西,第一個就是我們剛剛提到的WordPress。WordPress是免費的。但要使用這個免費WordPress軟體,我們需要購買主機來安裝WordPress軟體,然後註冊自己的域名 (Domain name)。

架設Blog/個人網站需要的東西

  • WordPress (免費)
  • 主機 (付費)
  • 域名 (付費)

什麼是域名?

如果把部落格/個人網站當作家的話,域名簡單來說就是家 (網站) 的門牌,讓全世界的人可以找到你的家。別人只要打你的域名在網址列,按下Enter (輸入),就可以找到你的網站。

像是,你想要在蘋果的官網買手機,你只要在網址列輸入「apple.com」,按下Enter,就可以進入蘋果的官方網站。取域名是我最喜歡的步驟,因為很有趣,你可以想像自己是CEO,幫自己的事業取一個品牌名稱

域名(Domain Name)
域名 (Domain Name)

我把取一個好域名值得注意的地方整理起來,如下:

  • 有品牌感
  • 簡短
  • 好記
  • 最好「.com」結尾 (如果有人取了「.net」、「.org」 也不錯)
  • 不要拼錯字 (之後要改很麻煩)

當然在想域名的時候不要過度思考,遵從你的內心,完成比完美更重要 (Done is better than perfect)。

像我的這個網站的域名是「notesstartup.com」,主要是因為我叫諾特斯 (Notes),我想要在這個網站分享有關如何架設網站的資訊,提倡把網站當作是自己的事業的概念,所以後面加上創業的英文 (Startup) 就成了「notesstartup.com」。

註冊域名要錢嗎?

要的,註冊域名第一年約$12.99美金 ($390台幣) ,在後面的段落會跟你分享第一年免費註冊的方法。第一年過後,續訂的價格是18.99美金/年 ($570台幣/年)。

備註:
在這篇筆記中,美金匯率以30做估算,如果現在匯率比30還低,換算成台幣的價格會更便宜。

很多知名品牌為了避免跟自己的品牌類似的域名被有心人士註冊走,而導致品牌形象受損,他們甚至會花很多錢在購買很多個類似自己品牌的域名。

⭐ 更多免費筆記
域名/網域名稱/domain name是什麼?(詳細)
Bluehost網域/域名的費用要多少?

什麼是主機?

如果把部落格/個人網站當作家的話,主機就是土地,我們要租一塊地才能蓋自己的家。通常我們要找資訊,會說去Google,但是我們的網站資料其實不是放在Google上,而是放在自己的主機上。Google就像是導遊,帶大家找到我們在主機存放的資料。

主機才是真正存放網站資料的地方。有自己的主機的好處是,我們對自己網站的資料有100%的掌控權,可以想寫什麼就寫什麼,不會被刪掉,或突然違反什麼條約,而導致部落格被關掉。

主機(Hosting)
主機 (Hosting)

主機要錢嗎?

要的。每個月大概$3–$50美金。大概是架網站初期會花最多成本的地方。

不過沒關係,用Bluehost主機的話,我有幫你爭取到諾特斯觀眾才有的專屬28折優惠,只要$2.75美金/月 (原價$9.99美金/月),以購買1年的方案為例,總共可以省$86.88美金(約省2606台幣),希望這些折扣對你有幫助。

備註:
在這篇筆記中,美金匯率以30做估算,如果現在匯率比30還低,換算成台幣的價格會更便宜。

Bluehost logo

為什麼選Bluehost?

因為我覺得Bluehost是對新手最友善的主機。使用Bluehost主機的話,剛剛提到的WordPress、域名、主機,會一次幫我們整合起來,在設定上不會出問題。

很多人一開始會不小心用到一些爛主機或太高階的主機。太爛的主機效能不夠,太高階的主機除了太貴之外,還要花很多時間去設定,還沒開始寫部落格就把自己搞得灰頭土臉,我覺得很不值得,我們應該要多把時間花在製作內容上。

我記得我還在台大讀書的時候架了我的第一個網站就是使用Bluehost

我在學生時期就開始邊打工邊嘗試開始自己的網路事業。我還記得那時候我利用打工的空檔,用郵局金融卡買了Bluehost主機 (對,當時我還是學生沒有信用卡),一開始不知道為什麼還刷不過,後來是把郵局金融卡綁訂PayPal才付款成功。

雖然現在看起來很便宜,但對我當時來說,幾千塊也是一大筆錢,那時我花了好多時間看要用哪個主機,看了很多國內外分析文章,最後選擇了Bluehost,到現在還在用。Bluehost真的是蠻不錯的,我蠻推薦新手使用Bluehost來架設網站。

Bluehost logo

我把我長期使用Bluehost過後體驗到的優點整理下來:

Bluehost優點

  • 對新手非常友善。
  • 值得信賴,是WordPress官方推薦的主機。
  • CP值超高,$2.75美金/月 (諾特斯觀眾專屬,原價$9.99美金/月),該有的功能都有。
  • 客服很棒,有問必答。
  • 第一年免費註冊域名 (價值約$12.99美金)。

Bluehost缺點

  • 屬於共享主機,速度較慢。
  • 對速度有要求的話,需要另外做網站速度優化,或升級高階的雲端主機。

我的手繪動畫網站「notesscribe.com」就是用Bluehost架的,每個月都持續帶給我被動收入與案子來源。目前在幾個Google關鍵字排行都在第一頁,甚至是第一名,為我帶來不錯有動畫案子來源還有被動收入。

最近我幫我的女友霧痴架個人部落格「pipichocho.com」,我也是建議她用Bluehost主機架設網站,很多她手帳圈、文具圈的朋友都很喜歡她新架好的部落格。

用Bluehost主機架設WordPress網站要花多少錢?

透過諾特斯觀眾的專屬優惠連結購買高CP值Bluehost主機,每個月最低只要$2.75美金 (約$83台幣),還會送你1年免費域名。也就是說,以購買1年的方案為例的話,只要$33美金 (約$990台幣),就可以開始架設屬於自己的網站了。

使用高階主機+註冊域名費用,可能每年超過$200美金 (約$5600台幣),而且設定起來也比較複雜,所以建議新手可以使用Bluehost主機來架設網站,比較便宜,也比較容易。

我覺得最基本的方案對新手來說就很夠用了,這個教學會以Bluehost主機的Basic(基本)方案為例,以下是我整理的規格與費用表格。

項目

WordPress + Bluehost (一年)

主機

原價:$9.99美金/月 ($300台幣/月)
特價:$2.75美金/月 ($83台幣/月)

域名

第1年免費

SSL憑證

免費

訪客數量

無限

總費用

$33美金
(約990台幣)

總節省費用
(透過優惠連結)

省$86.88美金

(省$2606台幣)

優惠連結

備註:
1. 主機優惠只有首次購買時才有,續約時價格會變回原價。
2. 域名免費第一年後的價格約$18.99/年 (約570台幣/年)。

有推薦Bluehost主機之外的其他主機嗎?

Bluehost主機的價格是每個月$2.75美金/月 (約$83台幣/月),CP值非常高。

但如果你的單月預算比較高,有超過$10美金/月 (約$300台幣/) 的話,可以考慮直上Cloudways主機。使用Cloudways主機,網站速度會超級快

如果你想要使用Cloudways主機架設網站的話,可以參考這篇 Cloudways主機架站教學。如果還不確定自己適合哪個主機的話,可以參考這篇 Bluehost主機 vs Cloudways主機

#1 開始架設網站 (使用Bluehost主機)

在第1步驟,我會教你如何透過Bluehost購買主機註冊域名安裝WordPress,也會教你一些WordPress重要的基本設定

🚩 點擊Bluehost優惠連結

  • 點擊下方優惠連結,用諾特斯觀眾專屬的28折優惠價格購買Bluehost主機 (點擊連結會自動套用專屬優惠,最低$2.75美金/月)
Bluehost logo
  • 點Get Started Now (現在開始) 按鈕
點擊Get Started Now (現在開始) 按鈕,開始購買Bluehost主機
點擊Get Started Now (現在開始) 按鈕,開始購買Bluehost主機

🚩 選擇價格方案

如果想架設一個網站,建議選擇 Basic (基本) 方案,假如果想要架設多個網站,建議選擇 Plus (加) 方案。

大多數新手一開始只需要架設一個網站,所以我們以Basic方案做示範。

  • 新手選最便宜的Basic (基本) 方案
  • 按Select (選擇) 按鈕
選擇Basic (基本) 方案
選擇Basic (基本) 方案

🚩 註冊/設定域名

  • 填寫域名 → 按Next (下一步) 按鈕。
  • 如果還沒想好 → 按I′ll create my domain later (我之後再創建域名)。
在Bluehost免費註冊新域名
在Bluehost免費註冊新域名

🚩 註冊Bluehost帳戶

  • 選擇註冊新域名的人,如果輸入的域名可以使用會出現下面的訊息。
域名可以使用(沒有其他人註冊)會顯示的訊息
域名可以使用 (沒有其他人註冊) 會顯示的訊息
  • 填寫帳戶資訊 (Account Information)
填寫Bluehost帳戶資訊(姓名以以周杰倫,地址以101為例)
填寫Bluehost帳戶資訊 (姓名以以周杰倫,地址以101為例)

💡 怎麼把中文地址翻譯成英文地址?

在台灣的話,可以利用中華郵政的中文地址英譯服務,把中文地址翻譯成英文地址。

🚨 郵遞區號打3碼即可,打6碼可能會出現錯誤訊息。

錯誤訊息:
Zip / Postal Code did not match country requirement

解決方法:
郵遞區號打前3碼就好。

中華郵政的中文地址英譯服務
中華郵政的中文地址英譯服務
  • 選擇套餐資訊 (Package Information)

選擇Bluehost主機租用方案

在帳戶方案 (Account Plan) 可以選擇一次租用12個月或36個月。

下方為Basic(基本)方案中,12個月方案與36個月方案比較表:

項目

一次租用12個月

一次租用36個月

原價

$9.99美金/月
(約$300元台幣/月)

$9.99美金/月
(約$300台幣/月)

特價

$2.75美金/月
(約$83台幣/月)

$4.95美金/月
(約$149台幣/月)

折扣

28折

5折

總節省費用
(透過優惠連結)

省$86.88美金

(約省2606台幣)

省$181.44美金
(約省$5443台幣)

優惠連結

備註:
主機優惠只有首次購買時才有,續約時價格會變回原價。

這個教學以Basic(基本),一次租用12個月的方案做示範。

選擇Bluehost主機的方案
選擇Bluehost主機的方案

勾選與取消套餐加購項目 (Package Extras)

諾特斯建議新手的2種選擇:

1. 適用大多數新手

加購項目全部取消。

基本上這邊的加購項目大多都不必要,取消可以為你省一些不必要的成本,之後想要也可以在Bluehost後台購買。

取消所有Bluehost加購選項
取消所有加購選項

2. 適用注重隱私的人

只選擇加購域名隱私與保護 (Domain Privacy + Protection)。

這個項目勾選後可以保護你的個資,以後別人Google你的域名的時候,就查不到你填的資訊 (像是姓名、地址、電話等等)。

取消所有加購選項,只留下Domain Privacy+Protection (適用注重隱私的人)
取消所有加購選項,只留下Domain Privacy+Protection (適用注重隱私的人)
  • 填寫付款資訊 (Payment Information)
填寫付款資訊
填寫付款資訊
  • 勾選同意自動更新
  • 按submit (提交) 按鈕
勾選同意條款並按Submit(提交)按鈕
勾選同意條款並按Submit (提交) 按鈕

🙋‍♂️ 提交時如果遇到無法付款的請形,我有幫觀眾問過Bluehost客服,可以透過更換其它瀏覽器 (Firefox、IE、Edge、Chrome等等) 解決。更換瀏覽器之後記得要再次點這個連結,28折優惠才會生效!

  • 按Create your account (創建你的帳戶) 按鈕
付款成功,並開始創建Bluehost帳戶。
付款成功,並開始創建Bluehost帳戶。
  • 設定Bluehost密碼
創建Bluehost帳戶密碼
創建Bluehost帳戶密碼
  • 登入Bluehost帳戶
帳戶創建成功,點擊按鈕開始登入Bluehost帳戶。
帳戶創建成功,點擊按鈕開始登入Bluehost帳戶。
登入Bluehost帳戶
登入Bluehost帳戶

🚩 在Bluehost自動安裝WordPress

  • 開始創建網站
開始Bluehost引導流程,點擊Create your website(創建你的網站)按鈕。
開始Bluehost引導流程,點擊Create your website (創建你的網站) 按鈕。
  • 跳過Bluehost所有引導流程

我會從頭開始教你如何創建一個WordPress網站,Bluehost的引導流程可以跳過,都先選擇Skip this step (跳過這個步驟)。

點擊skip this step(跳過此步驟)
點擊skip this step (跳過此步驟)
點擊skip this step(跳過此步驟
點擊skip this step (跳過此步驟)
  • 點擊左邊的Limitless customization(無限制客製化)選項,Bluehost會為你自動安裝WordPress.org。右邊的選項是有附加Bluehost提供的Website Builder(網頁編輯器),選右邊反而會限制網站的功能
點選左邊的選項,開始安裝WordPress.org軟體。
點擊左邊的Limitless customization(無限制客製化)選項,開始安裝WordPress.org軟體
  • 繼續跳過引導步驟
點擊skip this step(跳過此步驟)
點擊skip this step (跳過此步驟)
往下拉,選擇skip this step(跳過此步驟)。
往下拉,選擇skip this step (跳過此步驟)
  • 點擊Get Started (開始) 按鈕,進入Bluehost後台
點擊Get Started (開始) 按鈕
  • 正式進入Bluehost後台
    一開始網站仍為暫時域名,過一段時間後,會自動變成當初註冊的域名。
進入Bluehost後台(一開始網站仍為暫時域名,過一段時間後,會自動變成當初註冊的域名)
Bluehost後台

🚩 登入WordPress並設定密碼

  • 在Bluehost為你自動安裝WordPress後,會自動幫你轉跳到WordPress後台。
  • 到側邊欄「Users」(使用者) → 「All users」(全部使用者)
  • 點擊使用者
點擊使用者
點擊使用者
  • 往下拉 → 點擊「Set New Password」(設定新密碼) 按鈕 → 設定WordPress密碼
設定新WordPress密碼
設定新WordPress密碼

🚩 收Bluehost寄的重要驗證信件

  • 登入Email
  • 找到WHOIS域名註冊驗證信件
到信箱收取域名註冊驗證信
到信箱收取域名註冊驗證信
  • 點擊Verified your Email (驗證你的Email)
點擊Verified Your Domain(驗證你的域名)按鈕
點擊Verified Your Domain (驗證你的域名) 按鈕

🚩 認識WordPress後台、WordPress前台

  • 前台:觀眾/訪客會看到的畫面
    路徑:xxxxxx.com (xxxxxx.com請帶入你的域名)
前台
前台
  • 後台:網站管理者才看得到的畫面
    路徑:xxxxxx.com/wp-admin (xxxxxx.com請帶入你的域名)
後台
後台

⭐ 更多免費筆記
WordPress後台教學 (未來開放)

💡 如何登入WordPress後台?

從Bluehost登入 (第一次)

  • 登入Bluehost後台
  • 選「My site」 (我的網站) → 「Manage Site」(管理網站)