Bluehost WordPress 完整教學與費用分析|高 CP 值主機推薦 

Bluehost 主機教學的精選圖片

如果你想要使用 WordPress 架設網站,一開始,你需要先租用主機和註冊域名。

在這篇「Bluehost WordPress 教學」中,我會跟你分享如何利用最適合新手架站的高 CP 值 Bluehost 主機,來建立 WordPress 網站。

我會帶你挑選適合的主機方案,也會跟你分享 諾特斯觀眾的專屬優惠,讓你用全網最優惠的價格租用 Bluehost 主機,省下更多架設網站的成本。

bluehost 租用主機 註冊域名

接著,還會帶你從註冊域名、租用主機,一步步完成網站的基礎設定,還會跟你介紹 Bluehost 後台的一些重點功能。

只要跟著這篇筆記一步步操作,你就能利用 Bluehost 主機快速架設好一個有基本雛型的 WordPress 網站了!


如果你偏好用影片學習,歡迎觀看下面的 YouTube 影片。

Bluehost WordPress 教學|主機方案費用分析|新手友善高 CP 值主機推薦!

如果你喜歡透過圖文學習,請繼續往下閱讀吧!

圖文版會比較詳細、方便快速瀏覽,還會持續更新與補充內容。



Bluehost 是什麼?

Bluehost 是全球最大的 20 家網站主機商之一,它成立於 2003 年,總部位於美國猶他州奧勒姆市。

目前,Bluehost 託管了超過 200 萬個網站,提供包括共享主機 (也就是虛擬主機)、VPS 主機、雲端主機、專用主機等,多樣化的主機託管服務,能滿足各種不同規模的架站需求。

但是,一般大家提到的 Bluehost 主機,指的是價格比較親民的 Bluehost 共享主機

👉  相關影片:虛擬主機是什麼?!

另外,Bluehost 也提供了域名託管服務,包括域名註冊、域名續約、域名管理。

所以 Bluehost 同時提供了主機託管和域名託管服務

Bluehost 同時提供主機和域名託管服務

為什麼選擇 Bluehost

那為什麼我會推薦架站新手使用 Bluehost 主機呢?

主要原因有以下幾個:

第 1,操作簡單

Bluehost 的使用者介面非常簡潔,沒有太多複雜的操作,就算是新手小白也能很快上手!

Bluehost 使用者介面簡潔

BluehostWordPress 官方推薦的四家網站主機之一,提供了一鍵安裝 WordPress 的功能。

Bluehost 是 WordPress 官方推薦的網站主機

而且,只要在 Bluehost 上同時租用主機和註冊域名,Bluehost 還會幫我們自動完成 DNS 設定,省去繁瑣的設定步驟,真的是新手的福音。

Bluehost 自動完成 DNS 設定
DNS 是什麼的精選圖片

DNS 是什麼意思?
揭秘域名解析 + 實用 DNS 查詢工具推薦

第 2,24 小時真人文字客服

如果遇到任何困難,客服都能即時提供協助,幫忙排除問題。

24 小時真人文字客服

雖然全程是使用英文溝通,但也不用擔心語言不通,Bluehost 作為全球性的公司,本來就有很多非英語系的客戶。

只要善用 Google 翻譯或 ChatGPT 等工具翻譯,通常他們都能看懂。

第 3,CP 值很高

Bluehost 提供了不同規格的主機租用方案,不管哪個方案,都有附贈免費的 SSL 憑證,和 1 年的免費域名。

其中最初階的 Basic (基本) 方案,每個月的費用只要 $2.95 美金,大約 $ 90 台幣,可以說是銅板價的主機

如果使用 諾特斯觀眾專屬連結 購買,價格還可以再更低,每個月的費用只要 $1.99 美金,大約 $60 台幣,是 CP 值很高的選擇!

使用諾特斯觀眾專屬連結 CP 值很高

Bluehost 主機費用與推薦方案

Bluehost 提供了 四種 WordPress 主機方案

項目BASIC 方案
(基本方案)
CHOICE PLUS 方案
(優選加值方案)
ONLINE STORE 方案
(網路商店方案)
PRO 方案
(專業方案)
價格每月 $2.95 美金
(約 $89 台幣)
每月 $5.45 美金
(約 $164 台幣)
每月 $9.95 美金
(約 $299 台幣)
每月 $13.95 美金
(約 $419 台幣)
續約價格每月 $11.99 美金
(約 $360 台幣)
每月 $21.99 美金
(約 $660 台幣)
每月 $26.99 美金
(約 $810 台幣)
每月 $28.99 美金
(約 $870 台幣)
網站數量105050100
儲存空間10 GB50 GB50 GB100 GB
同時可負荷
流量
10 位500 位500 位1000 位
適合的
網站流量
(每月)
4 萬訪客20 萬訪客20 萬訪客40 萬訪客
1 年
免費域名
✔️✔️✔️✔️
免費
SSL 憑證
✔️✔️✔️✔️
免費 CDN✔️✔️✔️✔️
全天候
客服支援
✔️✔️✔️✔️
電話支援✔️✔️✔️
網站備份每日備份
(第 1 年免費)
自動化即時備份每日備份
(第 1 年免費)
其他最便宜的
入門選擇
自動安裝
WooCommerce
Bluehost 方案 & 費用 (原價)
👉  查看 專屬優惠

備註:
台幣價格是用美金兌台幣匯率 30 來估算。不過,因為匯率會隨時間浮動,實際的台幣價格還是要看交易時的匯率喔。

其中,大部分新手會考慮從 BASIC 方案或 CHOICE PLUS 方案入手。

BASIC 方案 (基本方案):

  • 價格:每個月 $2.95 美金 (約 $89 台幣)
  • 網站數量:10 個
  • 儲存空間:10 GB

BASIC 方案的規格對於網站發展初期還算足夠,適合個人網站、部落格或小公司的官方網站。

如果想用最少預算建立網站,BASIC 是我最推薦新手嘗試的方案。

CHOICE PLUS 方案 (優選加值方案) :

  • 價格:每個月 $5.45 美金 (約 $165 台幣)
  • 網站數量:50 個
  • 儲存空間:50 GB

增加了電話客服,和 1 年的每日網站備份服務。

不過電話客服需要支付國際長途費用,對於在台灣的我們來說,根本不划算。

至於備份的功能,我們透過其他的免費 WordPress 外掛就能達成了。

所以我還是會建議先選擇 BASIC 方案,如果使用一陣子之後發現儲存空間不夠用了,再到 Bluehost 後台 升級方案 就好。

如果你的需求達到 ONLINE STORE 方案 (網路商店方案) ,或是 PRO 方案 (專業方案) 的等級,考慮到之後續約的價格會變高許多,我會建議你改租用 Cloudways 這種比較高階的管理型雲端主機。

Cloudways 的 Logo

註冊時輸入折扣碼 NOTES取得專屬前 3 個月 7 折優惠

之前我有製作一篇筆記,比較了 Bluehost 跟 Cloudways 主機的優缺點,你可以點擊連結去觀看。

Bluehost、Cloudways比較的封面

Bluehost vs Cloudways 比較與評價
該選哪個 WordPress 主機來架設網站?

諾特斯觀眾專屬優惠

如果你已經決定要租用 Bluehost 主機,歡迎使用 諾特斯觀眾專屬優惠連結 進入 Bluehost 網站,可以享有 25 折的優惠價

Bluehost 的 Logo

點擊連結優惠即生效

1 年約的 BASIC 方案每月只要 $1.99 美金 (約 $60 台幣),這是全網最低價!

不只如此,其他等級的方案也都有折扣,日後續約價格也會自動套用優惠,會比原本的續約價再便宜一點!

諾特斯觀眾專屬優惠價格

我已經把所有方案的優惠價格整理成表格。

項目有專屬優惠一般沒有專屬優惠節省費用
說明使用 專屬優惠連結沒有使用 專屬優惠連結使用 專屬優惠連結
能節省的費用
⭐「Basic 方案」首購每月 $1.99 美金
(約 $60 台幣)
每月 $2.95 美金
(約 $89 台幣)
每月 $1 美金
(約 $30 台幣)
⭐「Basic 方案」續約每月 $7.99 美金
(約 $240 台幣)
每月 $11.99 美金
(約 $360 台幣)
每月 $4 美金
(約 $120 台幣)
CHOICE PLUS 方案
首購
每月 $3.99 美金
(約 $120 台幣)
每月 $5.45 美金
(約 $164 台幣)
每月 $1.46 美金
(約 $44 台幣)
CHOICE PLUS 方案
續約
每月 $13.99 美金
(約 $420 台幣)
每月 $21.99 美金
(約 $660 台幣)
每月 $8 美金
(約 $240 台幣)
ONLINE STORE 方案
首購
每月 $7.45 美金
(約 $224 台幣)
每月 $9.95 美金
(約 $299 台幣)
每月 $ 2.5 美金
(約 $75 台幣)
ONLINE STORE 方案
續約
每月 $18.99 美金
(約 $570 台幣)
每月 $26.99 美金
(約 $810 台幣)
每月 $8 美金
(約 $240 台幣)
PRO 方案首購每月 $9.99 美金
(約 $ 300 台幣)
每月 $13.95 美金
(約 $ 419 台幣)
每月 $3.96 美金
(約 $ 119 台幣)
PRO 方案續約每月 $20.99 美金
(約 $630 台幣)
每月 $28.99 美金
(約 $870 台幣)
每月 $8 美金
(約 $240 台幣)
Bluehost 主機 12 個月方案:有使用專屬優惠 vs 沒有使用專屬優惠

更詳細的 Bluehost 專屬優惠折扣說明 也已經整理成筆記,有興趣的觀眾可以點擊下方連結進一步了解。

全網最便宜的 Bluehost 主機費用的精選圖片

最便宜的 Bluehost 主機費用
專屬優惠折扣說明|限諾特斯觀眾

Bluehost 主機架設 WordPress 網站教學

我們來了解一下網站架設的流程,步驟大致上是這樣的:

第 1 步

租用 Bluehost 主機,並註冊好自己的域名。

第 2 步

進入 WordPress 後台,調整網站的基礎設定,清理多餘的預設外掛,並套用 Blocksy 主題,完成網站的雛形。

WordPress 網站架設的流程

租用 Bluehost 主機與註冊 Bluehost 域名

首先,點擊下方諾特斯觀眾專屬連結,進到 Bluehost 網站。

Bluehost 的 Logo

點擊連結優惠即生效

點擊綠色按鈕「Get Started Now」(現在開始)。

點擊綠色按鈕現在開始

方案價格已經自動套用 25 折優惠。

選擇最左側的 BASIC 方案 (基本方案),按「Select」(選擇)。

選擇 BASIC 方案

註冊域名

接下來,填寫想要註冊的域名。

或許有人會問:我現在還沒有想好要用什麼域名,可以之後再註冊嗎?

當然可以!

不過,事後要註冊的操作步驟會比較麻煩,所以我會建議在租用主機前就先計畫好要用什麼域名,在這個階段就可以直接註冊。

✏️ 取域名的小技巧

域名建議設計得簡短易記,避免使用數字和特殊符號。常見的取名方式包括使用品牌名稱、人名、首字母縮寫、主題關鍵字等元素,將它們排列、組合成域名。

想好域名再架站

填好域名後,按下「Search For Domain」(搜尋域名),進到下個步驟。

搜尋域名

選擇方案期間 & 取消附加功能

「Cart」(購物車) 裡目前有 4 個項目:

第 1 項「WordPress Basic Hosting」 (WordPress 基本主機服務)。

我推薦大家選擇 1 年期的合約,是因為 Bluehost 給 1 年期合約的折扣力度最大,而且對新手來說,1 年的時間剛好適合用來摸索和嘗試經營網站

選擇 1 年期的主機費用,會是 $23.88 美金,約 $716 台幣。

16 選擇 1 年期主機服務

第 2 項,「.COM Domain」(.COM 域名)。

因為購買 BASIC 方案會贈送 1 年的免費域名,所以費用會是 0 元。

17 1 年免費域名費用 0 元

第 3 項,「Domain Privacy + Protection」(域名隱私保護),會幫我們在 WHOIS 數據庫中隱藏真實聯絡資訊。

如果你比較注重個資隱私的話,可以考慮加購。

不過,經過諾特斯團隊實測,在 Bluehost 後台加購 會比在這邊買的價格更便宜,所以目前可以先刪掉這個項目,之後再加購就好。

18 域名隱私保護建議在Bluehost 後台加購

現在顯示 0 元,是因為有贈送 1 個月的免費試用。

但試用期結束後會自動續訂,為了避免後續忘記取消,而被收取額外費用,如果不需要這項功能的話,我建議現在就把它刪掉。

點擊「垃圾桶」圖示。

19 點擊垃圾桶圖示

選擇「REMOVE FROM CART」(從購物車移除) 把「域名隱私保護」刪除。

20 點擊從購物車移除

第 4 項,「Professional Email」(專業電子郵件)。

因為有贈送 3 個月的試用,所以費用顯示 0 元。

跟域名隱私保護一樣,我建議先刪除這個項目。

真的有需要的話,在 Bluehost 後台加購 會比較省錢!

21 刪除專業電子郵件

接著,按「CONTINUE TO CHECKOUT」(繼續結帳),前往下一步。

22 點擊繼續結帳

填寫資料與 Bluehost 密碼設定

域名註冊者的 Contact Information (聯絡資訊) 都必須填寫英文。

地址的部分,可以使用 中文地址英譯 的系統,我會把連結分享在下方,大家可以點擊使用。

👉 點我前往:中華郵政全球資訊網:郵務業務|中文地址英譯

填好聯絡資訊,最下面打勾是指,同意 Bluehost 來電或寄送一些促銷電子郵件給我們,所以我建議把它取消勾選。

取消勾選寄送促銷訊息

「Account Information」(帳戶資訊),要設定登入 Bluehost 用的密碼,輸入 2 遍做確認。

「Billing Information」(帳單資訊),可以選擇的付款方式有信用卡和 PayPal 兩種,這次我以信用卡做示範。

「Billing Address」(帳單地址) 如果跟帳戶資訊一樣,把「Same as Account Information」(與帳戶資訊相同) 打勾就可以直接套用,不需要再次填寫資訊。

帳戶與帳單資訊

填好所有資料後,在右側的「Order Summary」(訂單摘要) 確認最終金額。

如果你跟著我的步驟進行,金額應該會是主機費用 $23.88 美金,另外再加收 5% 加值營業稅,總共 $25.07 美金。

金額正確的話,就可以按下藍色按鈕「SUBMIT PAYMENT」(提交付款)。

✏️ 申請退款的注意事項

  1. Bluehost 提供 30 天內全額退款保證,但只適用於主機費用。
  2. 儘管各方案都附贈 1 年免費的域名,但已經註冊的域名是不可退還的,所以 Bluehost 會從退款中扣除 15.99 美金的域名費用。
訂單摘要確認金額提交付款

如果你有遇到無法付款的問題,我之前有將解決的 5 種方法整理成筆記,你可以點擊下方連結前往。

Bluehost無法付款的封面

購買 Bluehost 主機時無法付款怎麼辦?

在 Bluehost 主機安裝 WordPress

接著,Bluehost 會自動安裝 WordPress.org 提供給我們的免費 WordPress 軟體 。

自動安裝免費 WordPress 軟體

如果你不知道 WordPress.comWordPress.org 的差別的話,可以點擊下方連結,觀看我做的解說影片:

👉 點我前往:wordpress.com 和 wordpress.org 比較

當畫面上跳出視窗寫著「Your WordPress Site is ready!」(你的 WordPress 網站已準備就緒!)

這樣就代表我們已經完成 Bluehost 主機的租用,並安裝好 WordPress 了。

WordPress 網站已準備就緒

收取域名聯絡資訊確認信

下一步,先到剛剛註冊時填寫的 Email 信箱,我們會收到幾封來自 Bluehost 的信件。

「Order Confirmation」(訂單確認) 是剛剛租用主機的收據,建議保留起來。- 圖片標註 ➀

另一封主旨寫著「This is exciting!」則是 Bluehost 的促銷信件,可以不用理會它。- 圖片標註 ➁

我們要找的是最重要的「域名聯絡資訊確認信」,也就是主旨寫著「Alert: Keep Your Domain Active」(提醒:保持你的域名活躍) 的信件。- 圖片標註 ➂

✏️ 諾特斯的經驗分享

在大多數情況下,註冊域名的幾分鐘到24小時內就會收到域名聯絡資訊確認信。如果超過 24 小時還沒收到的話,可以檢查看看信箱的垃圾郵件,或是聯絡 Bluehost 客服詢問。

這次諾特斯示範時,大約是在註冊完域名的 2 個小時後收到確認信,給你作為參考。

收取域名聯絡資訊確認信

打開信件,點擊橘色按鈕「CONFIRM EMAIL ADDRESS」(確認電子郵件地址)。

確認電子郵件地址

看到「Your Email is Confirmed」(你的電子郵件已確認),就表示驗證成功。

電子郵件驗證成功

等待域名生效

回到 Bluehost 後台,先來看看網站目前的狀態。

點擊藍色按鈕「LOG IN TO WORDPRESS」(登入 WordPress)。

點擊登入 WordPress

可以看到,網站的網址目前還是 Bluehost 的臨時域名。

網址顯示臨時域名

而且 SSL 憑證也還沒有生效,因此網站會顯示「連線並不安全」。

✏️ 諾特斯的經驗分享

這次諾特斯示範時,大約是在註冊完域名的 4 個小時後,網址會自動變成我註冊的正式域名,並安裝好 SSL 憑證。

SSL 憑證還沒有生效

通常等待幾個小時到 1 天的時間之後,我們註冊的域名和 SSL 憑證就會自動生效。

你可以先去喝杯咖啡、和朋友聊聊天,休息一下!晚點再回來進行下個步驟。

等待一下域名和 SSL 憑證會自動生效

設定 WordPress 網站

幾個小時後再到 Bluehost 後台,點擊「EDIT SITE」(編輯網站)。

點擊編輯網站

在網址列可以看到我註冊的域名已經正式生效,也不再出現「不安全」的警告,表示 SSL 憑證已經安裝完成。

域名和 SSL 憑證已生效

接著,看到畫面中間寫著「Welcome to WordPress」(歡迎使用 WordPress)。

Bluehost 提供了 3 種輔助大家設計網站的工具:

  1. 「AI Site Creator」(AI 網站建立工具)
  2. 「Guided Website Setup」(網站設置指引)
  3. 「Import a WordPress Site」(匯入 WordPress 網站)
輔助網站設計工具

不過,後面我會帶你一起安裝其他佈景主題,所以這裡選擇最下方的:「I’m following a tutorial, take me to the WP Admin Dashboard」(我正在跟著教學,帶我前往 WordPress 後台),直接進入 WordPress 後台。

帶我前往 WordPress 後台

網站基礎設定 (WordPress 後台)

首先,點擊左側欄位的「Settings」(設定)、「General」 (一般)。

點擊設定 → 一般

我會將後台介面改成中文,這樣操作起來更直覺。

找到「Site Language」(網站語言),點開選單,選擇「繁體中文」。

網站語言繁體中文

再把頁面滑到底,點擊「Save Changes」(儲存變更)。

網站設定儲存變更

接著,我們繼續進行其他項目的設定。

「網站標題」就是網站的名稱;「網站說明」則可以簡單介紹網站內的文章主題大概有哪些,它們會顯示在搜尋結果和瀏覽器的標籤頁中。

網站標題 網站說明

WordPress 位址跟網站位址的部分可以再次檢查,購買的域名已經確實套用。

網址的開頭也變成「https」,表示 Bluehost 提供的免費 SSL 憑證已經生效。

✏️ 不要自行更改網址

如果進到 WordPress 後台時,WordPress 位址跟網站位址還是臨時域名的話,請不要自行更改,避免網站發生錯誤,導致無法登入 WordPress 後台。耐心等待正式域名生效後,網址就會自動修正了。

WordPress 位址 網站位址

修改「時區」要點開選單,拉到最上方,可以在亞洲地區找到「台北」。

如果你位在其他時區,就根據你的所在區域選擇即可。

修改時區

在日期格式跟時間格式的部分,我個人會選擇第 1 個選項,看起來比較符合中文閱讀的習慣:

  • 「Y 年 n 月 j 日」,範例:2024 年 8 月 21 日
  • 「a g:i」,範例:上午 2:17
日期和時間格式

調整完所有一般設定後,記得按「儲存設定」。

一般設定儲存設定

刪除不需要的外掛

所謂的外掛,就是用來擴展網站功能的工具,類似於在手機裡安裝 APP,能讓手機增加各種功能。

要管理網站的外掛,就點選左側欄位的「外掛」、「已安裝的外掛」,進入外掛列表。

進入外掛列表

現在列表中已經有好幾個外掛了,這些是 Bluehost 幫我們預先安裝的,但大部分我們都用不到,所以可以先把它們刪除。

之後有機會的話,我再跟大家分享一些我個人推薦的實用 WordPress 外掛!

那麼,先看到第 1 個外掛「Akismet Anti-spam」。

這個外掛可以封鎖垃圾留言和防止聯絡表單被惡意濫填,是相當實用的外掛,可以留著。

Bluehost 官方的外掛「The Bluehost Plugin」也可以保留。

建議保留的外掛

其餘的外掛都不需要,藍底的外掛需要先停用才能刪掉。

第 1 步

把它們一一勾選,點擊「批次操作」。

勾選外掛批次操作

第 2 步

選擇「停用」,然後點擊「套用」。

選擇停用點擊套用

第 3 步

要刪除的外掛已經全部停用,變成白底。

把要刪掉的外掛通通勾選起來,「批次操作」選擇「刪除」,再按「套用」。

批次操作刪除

第 4 步

在彈出的視窗點擊「確定」。

彈窗點擊確定

第 5 步

系統就會逐一幫我們把這些外掛刪掉了。

系統刪除外掛

安裝 Blocksy 佈景主題

佈景主題是控制網站版型設計的工具。

從整個網站的欄位排版、背景,到文字的大小、顏色等等,透過修改佈景主題,就可以輕鬆地更換網站的外觀設計。

什麼是佈景主題

我們先到左側欄位選擇「外觀」,我要帶你安裝佈景主題。

左側欄位選擇外觀

目前系統預設的主題是「YITH Wonder」,我打算把它替換掉。

系統預設主題 YITH Wonder

在試用過各種佈景主題之後,我最推薦的是 1 款免費 WordPress 主題:Blocksy

這個「諾特斯網站」也是用 Blocksy 主題製作的。

我最推薦 Blocksy 佈景主題

這個主題不但風格簡約,功能也非常強大!

許多在其他主題要付費才有的功能,Blocksy 都是免費提供,比如固定的頁首、側邊欄,或是客製化網站調色盤等等。

在我測試過的免費 WordPress 佈景主題中,Blocksy 真的是最佛心的!

Blocksy 免費功能強大

那現在,我們來安裝 Blocksy 主題吧。

點擊下方連結,進到 Blocksy 的官方網站。

第 1 步

點擊網頁右上角的「Free Download」(免費下載)。

免費下載 Blocksy

第 2 步

點擊「Download」(下載),會下載 1 個 zip 檔。

點擊下載 Blocksy zip 檔

第 3 步

接著回到 WordPress 後台,點擊「Upload」(上傳)。

WordPress 後台上傳外掛

第 4 步

將剛剛下載的 zip 檔拖曳進來,點擊「立即安裝」。

zip 檔拖曳上傳並安裝

第 5 步

等待安裝完成後,再點擊「啟用」。

外掛安裝完成點擊啟用

可以看到,網站目前使用的佈景主題已經更換成 Blocksy

目前佈景主題 Blocksy

第 6 步

我們還要再安裝 Blocksy 主題的附加外掛「Blocksy Companion」,點擊藍色按鈕「安裝 Blocksy Companion」。

安裝 Blocksy Companion

安裝之後,可以讓 Blocksy 主題的功能變得更強大。

公開網站

安裝完成後,我們來看看啟用 Blocksy 主題的網站變成什麼樣子呢?

先點左上角的「小房子」圖示,在「造訪網站」點滑鼠右鍵,選擇「在新分頁開啟連結」。

造訪網站新分頁開啟連結

現在看到的就是網站在前台顯示的樣子,但同時也會看到網頁上方有 1 條紅色的警告:

「Site Preview – This site is NOT LIVE, only admins can see this view.」(網站預覽 – 此網站未上線,只有管理員可以看到此畫面),這表示只有我們自己才看得到目前的畫面。

網站預覽此網站未上線

那一般訪客會看到什麼呢?

在後台點「小房子」圖示,在「造訪網站」點右鍵,選擇「在無痕視窗中開啟連結」。

造訪網站無痕視窗中開啟

就能看到一般訪客看到的頁面,上面會寫著:「Coming Soon!」(即將推出!)。

這是 Bluehost 預設的 Coming Soon page (即將推出頁面),能避免訪客看到我們建置到一半的未完成網站。

即將推出頁面

要把網站公開的話,就在後台左側欄位選擇「Bluehost」。

左側欄位選擇 Bluehost

點擊黃色按鈕「Launch your site」(啟動你的網站) 。

啟動你的網站

畫面右上角的 Site Status (網站狀態) 變成綠色的 LIVE ,就是正式公開網站囉!

網站狀態變成綠色 LIVE

再用無痕視窗檢查 1 次,現在訪客可以看見網站內容了。

正式公開網站

設定 WordPress 密碼

原先我們是從 Bluehost 後台進入 WordPress 後台的,但如果每次編輯網站都要先從 Bluehost 後台跳轉,實在太麻煩了!

有個更迅速的方式,是直接用瀏覽器網址列登入。

首先,要設定用於登入的 WordPress 密碼。

第 1 步

在 WordPress 後台,點選左側欄位的「使用者」、「全部使用者」。

點擊全部使用者

第 2 步

找到要設定密碼的使用者,點擊「編輯」。

點擊使用者編輯

第 3 步

在「帳號管理」底下的「新密碼」,點擊「設定新密碼」。

點擊設定新密碼

第 4 步

把預設的亂碼刪掉,填入自己想好的新密碼。

填好後,按最下面的「更新個人資料」,這樣就設定好 WordPress 密碼了。

填入新密碼點擊更新個人資料

如何用瀏覽器網址列登入 WordPress 後台

有了 WordPress 密碼後,就可以利用瀏覽器網址列登入 WordPress 後台囉!

登入的方式其實很簡單,就是在網址列輸入「域名」 +「/wp-admin」

像是我要登入示範網站的 WordPress 後台的話,就是輸入「noteswebsitedemo.com/wp-admin」。

如果你要登入你的 WordPress 後台的話,就是把前面的「noteswebsitedemo.com」,換成你自己的域名,後面一樣加上「/wp-admin」就可以了。

網址列登入方式

備註:
無論是使用一般視窗或無痕視窗,都可以用這個方式登入。圖片中諾特斯使用無痕模式示範,只是為了讓瀏覽器忘記之前登入過的帳號密碼。

輸入好網址後按「Enter」,就會進入 WordPress 的登入畫面。

WordPress 後台登入畫面

登入帳戶可以輸入使用者名稱或電子郵件地址,使用者名稱可以在 WordPress 後台的「使用者」中查到。

電子郵件則是在 Bluehost 租用主機時填寫的 Email。

查詢使用者名稱和 Email

填上 Email 和剛剛設定的 WordPress 密碼,完成後按「登入」,就可以進入 WordPress 後台了。

點擊登入 WordPress 後台

Bluehost 後台重點功能

在 Bluehost 後台,主要能進行網站安裝、網站資料庫管理,或是域名管理等相關設定。

在此我會介紹一些常用的功能,以及我個人推薦可以開啟的功能給大家。

網站設定 (Bluehost 後台)

先前曾有觀眾提問,說:「找不到 Bluehost 後台的『My site』(我的網站) 按鈕在哪裡」。

其實,這只是因為 Bluehost 後台介面更新而已,以前的「My site」,現在已經變成「Websites」(網站)。

Bluehost 後台介面更新

點擊「Websites」會先看到網站列表,列出我們目前擁有的網站。

左邊的「SETTINGS」(設定),會進入個別網站的 Bluehost 後台設定介面;右邊的「EDIT SITE」(編輯網站),則是會帶我們跳轉到 WordPress 後台。

網站列表

點擊「SETTINGS」進入後台設定介面,絕大部分與網站相關的資訊和設定都能在這裡找到,大家有空也可以自己到處點點看,多熟悉一下介面。

後台介面功能很多

建立預備網站

所謂的預備網站,就像是網站的替身

當我們想要測試新功能或是大規模更新網站設計,例如:安裝新的外掛、變更佈景主題,但怕跟原網站的設定衝突的話,就很適合用預備網站先測試。

用預備網站先測試

等確認沒有問題了,再套用到正式網站上,這樣能避免直接造成網站的錯誤,影響訪客的瀏覽體驗。

套用到正式網站

第 1 步

在「OVERVIEW」(概覽),找到「Quick Links」(快速連結),點擊「STAGING」。

在概覽找到快速連結
點擊 STAGING

第 2 步

跳轉到 WordPress 後台的 Bluehost 外掛視窗,選擇「Create staging site」(建立預備網站)。

建立預備網站

第 3 步

稍微等待一下,Staging Site 欄位就會出現 1 串含有「staging」的 URL,這就是預備網站的網址。

預備網站網址

第 4 步

要切換到預備網站做編輯的話,就點選 Staging Site 的「Not currently editing」(目前未在編輯)。

點擊預備網站目前未在編輯

第 5 步

在彈出的視窗選擇「Switch」(切換)。

點擊切換預備網站

預備網站的後台左上角會用顯眼的紅色標示「Staging Environment」(測試環境),讓我們清楚知道現在編輯中的是哪個版本的網站。

紅色標示測試環境

如果要把預備網站上測試好的設定套用到正式網站,要在 Staging Site 選擇要部署的變更範圍。

✏️ 部署範圍

Deploy all changes (部署所有變更):套用所有變更

Deploy file only (只部署文件):套用針對網站外觀和功能的變更,例如:佈景主題、外掛、CSS、JavaScript 等。

Deploy database only (只部署資料庫):套用針對網站內容的變更,例如:網站的文章、頁面、使用者資料等。

選擇部署範圍

點擊「Deploy site」(部署網站)。

點擊部署網站

彈出的視窗選擇「Deploy」(部署),就能將變更套用到正式網站上。

彈窗選擇部署

要切換回正式網站,則要反過來,點選 Production Site (成品網站,就是指「正式網站」) 的「Not currently editing」。

點選成品網站目前未在編輯

在彈出的視窗選擇「Switch」(切換),就能回到正式網站的後台。

點擊切換預備網站成品網站

清除快取

當我們對網站內容進行了更新或修改,但前台顯示的卻沒有同步,可能就是快取造成的問題。

在 Bluehost 後台,切換到「SPEED」(速度)。

切換到速度

點擊「CLEAR ALL」(清除全部),清除網站伺服器 (也就是主機端) 的快取,讓網站馬上反映最新的內容。

點擊清除全部

開啟免費 Cloudflare CDN

CDN 的全名是 Content Delivery Network (內容傳遞網路),是能讓網站資料傳輸更加快速、穩定的系統。

它會把網站的內容儲存在世界各地的多台伺服器上,當訪客打開網站時,CDN 會選擇離訪客最近的伺服器,將網站內容傳送給訪客,讓網站無論在何處都能更快地被讀取。

這就像是買東西時,店員幫你從最近的分店調貨,會比從遙遠的總公司倉庫調貨更快一樣。

CDN 是內容傳遞網路

在 Bluehost 後台的「SPEED」(速度),可以開啟 Cloudflare 提供的免費 CDN 服務。

找到寫著「Cloudflare」的項目,點擊「 ADD CLOUDFLARE」(新增 Cloudflare)。

這樣就完成了,是不是超簡單呢!

點擊新增 Cloudflare

不過提醒大家,開啟 Cloudflare CDN 服務後,系統會需要 2 小時到 48 小時,來建立網站內容的快取並更新 DNS 設定。

這段時間盡量不要做其他主機相關設定或網站編輯,以免發生錯誤。

因此,建議大家可以在要去休息前,再來開啟 CDN 服務。

CDN 需要 2 天建立快取與 DNS 設定

幾個小時後再回來檢查,按鈕變成白色的「REMOVE CLOUDFLARE」(移除 Cloudflare),就代表 CDN 已經成功啟用。

移除 Cloudflare 代表成功啟用

建立多個網站

一開始我在租用主機時選擇的是 Basic 方案,這個方案可以建立多達 10 個網站。

第 1 步

如果想要新增其他網站,要在「Websites」點擊「ADD SITE」(新增網站)。

點擊新增網站

第 2 步

要使用 WordPress 架設網站的話,就保持預設的「Install WordPress」(安裝 WordPress),然後按「CONTINUE」(繼續)。

保持預設安裝 WordPress 點擊繼續

第 3 步

輸入網站名稱後,按「CONTINUE」進入下一步。

輸入網站名稱繼續

第 4 步

如果你還沒有購買其他域名,可以選擇「Use a temporary domain」(使用臨時域名),先使用 Bluehost 提供的臨時域名,然後按「CONTINUE」前往下個步驟。

使用臨時域名

稍等片刻,系統會幫網站安裝好 WordPress,完成後,就可以在網站列表看到第 2 個網站了。

第 2 個網站

刪除網站

如果你不再需要這個網站,想要把它刪除掉的話,又該怎麼做呢?

第 1 步

選擇要刪除的網站,點擊「SETTINGS」。

選擇要刪除的網站

第 2 步

再點擊上方欄位的「SETTINGS」。

點擊上方欄位 SETTINGS

第 3 步

找到「Delete site permanently」(永久刪除網站),按下紅色按鈕「DELETE SITE」(刪除網站)。

紅色按鈕刪除網站

第 4 步

在彈出的視窗裡複製紅色網址。

快捷鍵:複製
Windows 系統:Ctrl + C
MAC 系統:Cmd + C

複製紅色網址

第 5 步

將網址貼到下方欄位,再點擊「DELETE」(刪除), 網站就會被刪掉了。

貼上網址點擊刪除

因為刪除的網站是無法回復的,所以操作時請務必再三確認!

域名設定

Bluehost 後台側邊欄位的「Domains」(域名),主要提供了一系列與域名相關的管理功能。

像是管理域名續約、購買新域名、將域名轉移到 Bluehost,或是將在其他域名商註冊的域名與 Bluehost 主機連結。

域名設定

直接在 Bluehost 購買域名的好處是設定比較方便,系統會自動完成域名與主機的 DNS 指向設定,而且第 1 年是免費的。

但如果你不怕手動設定的麻煩,想要用更划算的價格續約域名,可以在 Namecheap 續約域名,再把它連結到 Bluehost 主機。

Namecheap 連結到 Bluehost 主機

之後有機會,我也會製作相關的筆記,如果你也需要這樣的資訊,歡迎到 觀眾許願池 許下願望讓我知道!

升級 Bluehost 方案

如果經營網站一段時間後,你覺得目前的主機效能已經不敷使用的話,是可以隨時升級的。

Bluehost 後台的左側欄位切換到「Hosting」(主機)。

左側欄位切換到主機

在這邊會看到,目前的方案是「WordPress Basic Hosting」,也就是基本方案。

點擊「Upgrade Plan」(升級方案),可以查看其他方案的價格。

查看其他方案價格

點選個別方案能進一步確認要補的差額。

點擊右下角的「UPGRADE NOW」(立即升級),就可以完成升級。

點擊立即升級

關閉自動續約

我一開始購買的方案是 1 年約,當 1 年合約到期後 Bluehost 會自動續約。

如果之後有想搬家到其他主機或更換域名商的話,可以考慮先停掉自動續約。

第 1 步

點擊「RENEWAL CENTER」(續約中心) 。

續約中心

第 2 步

產品與服務列表上,第 1 項是域名,第 2 項是主機租用,把兩個項目都勾選。

全選產品與服務

第 3 步

點擊「DISABLE AUTO-RENEW」(停用自動續約)。

停用自動續約

第 4 步

點擊「CONTINUE」(繼續)。

點擊繼續 (停用自動續約續約)

第 5 步

再點擊「TURN OFF AUTO-RENEW」(關閉自動續約)。

點擊關閉自動續約

在關閉自動續約後,主機跟域名的合約就會在列表標示的時間結束,不再提供服務。

合約在列表時間結束

相對地,我們需要自己記得在到期日前手動續約,或者把網站搬家到其他主機,或是更換域名商。

WordPress 網站搬家方法|Bluehost 到 Cloudways Namecheap 的精選圖片

WordPress 網站搬家方法
Bluehost 到 Cloudways + Namecheap

加購附加功能

在前面說明 租用方案 的步驟時,我有建議大家先取消加購附加功能。

一方面,這些服務並不是每個人都需要。

更重要的是,諾特斯團隊研究後發現,如果你進到 Bluehost 後台再購買,價格竟然會更便宜!

加購域名隱私保護

開啟域名隱私保護後,你的域名註冊資料,像是姓名、地址、電話等,就會被替換成隱私保護公司的資訊

域名隱私保護替換資料

第 1 步

從左側欄位選擇「Domains」(域名)。

左側欄位切換到域名

第 2 步

在「Domain Overview」(域名概覽) 中,找到紅色鎖頭圖示,寫著「Privacy is off」(隱私已關閉),這表示域名註冊資料目前是公開狀態。

點擊下面的「Turn on」(開啟)。

開啟域名隱私保護

第 3 步

彈出的視窗會顯示域名隱私保護的價格是 1 年 $15 美金,而先前在選方案時提供的價格是每個月 $2.95 美金,也就是 1 年 $35.4 美金。

相比之下,在 Bluehost 後台再加購真的划算很多!

方案定價 vs 後台加購

點選「BUY NOW」(立即購買) 就能完成加購。

立即購買域名隱私保護

加購專業 Email

一般常見的免費 Email,會顯示公共域名,例如:example@gmail.com。

而專業 Email 可以使用自訂域名,像是「example@noteswebsitedemo.com」,看起來比較正式。

如果你想要提升網站的品牌形象跟專業度,就可以考慮加購專業 Email。

免費 vs 專業 Email

在 Bluehost 後台點擊「MARKETPLACE」(市場)。

點擊市場

往下滑到網頁最底部,找到 Professional Email (專業 Email),選擇「SHOP NOW」 (立即購物) 就能進行加購。

點擊立即購物

原先選擇主機方案時的加購價格是每個月 $2.49 美金,換算下來 1 年是 $29.88 美金。

但是在後台加購專業 Email,竟然只要將近一半的價格,1 年是 $14.99 美金。

如果你有使用專業 Email 的需求,用這個方法購買會是最划算的!

後台加購專業 Email 最划算

結論:Bluehost 是 CP 值最高的主機

我之所以推薦新手使用 Bluehost 主機架設 WordPress 網站,是因為 Bluehost 的後台操作介面很簡單,容易上手。

如果在操作上遇到任何問題,還有 24 小時客服隨時支援,對新手非常友善。

我也知道新手架站通常會有預算考量,只要使用 諾特斯觀眾專屬連結,就可以用全網最低的優惠價格租用 Bluehost 主機。

最初階的 Basic (基本) 方案,每個月只要 $1.99 美金 (約 $60 台幣)。

除了基本的主機服務外,還有 1 年的免費域名,以及免費的 SSL 憑證跟 CDN 等服務。

對於個人或小公司來說,真是 CP 值最高的選擇

所以,Bluehost 是我認為最適合架站新手的入門主機,真心推薦你可以試試看。

Bluehost 主機教學結論

希望這樣的教學對你有所幫助,祝你架站一切順利!

WordPress 網站架設教學總整理的精選圖片

WordPress 新手教學 (總整理)


參考資料

製作團隊

總編輯、發佈:諾特斯
文字撰寫、文字編輯、圖片製作、圖片編輯:鹹魚
圖片製作:蚊子