Bluehost教學 :WordPress 虛擬主機課程(自架網站)

10
2065
bluehost教學:wordpress虛擬主機課程
bluehost教學:wordpress虛擬主機課程

本文是一篇詳細完整的 Bluehost教學 。

如何使用 Bluehost 虛擬主機,完成 WordPress 網頁架設呢?

不需要複雜的流程,只要照著我的文章走,就能完成網域申請 > 虛擬主機推薦租用 > WordPress 網站製作。

就算是完全不懂程式,也能擁有自己的官網架設,步驟如下:


1. 如何自架網站?

一個 網站製作 流程,不外乎就是由這 3 點組成:

架設網站 3 要素
1. 購買網址
(申請門牌)
2. 申請主機
(租一塊地)
3. 網頁設計
(搭建房子)

不論是自己製作,或是請網頁設計公司做,都需要在網域&虛擬主機上,做些投資,而且無可避免

差別是,你可用最少的預算,開始網站架設之路。

網址如何取名呢?

「 網址 」是網站組成的第一步,它就像家的門牌一樣,讓人可以順利找到。

1. 簡單好記:越簡單的網域名稱越方便使用者查詢和記憶。
例:蘋果 – https://www.apple.com/

2. 品牌名稱:網域名稱以品牌為名,簡單、易記。只要打算發展品牌的公司,都可以用這個方式。
例:愛迪達 – https://www.adidas.com/

3. 與產品名稱有關:網址與產品的關鍵字有關聯。你也可以用關鍵字工具來想網站名稱。
例:博客來 – https://www.books.com.tw/

4. 去除www:目前大部分新網址都不太會在前面加上www,這是比較舊式的用法。

5. .com優先:.com是大多數人的直覺印象,主要方便好記,增加搜尋率。

6. 勿用中文:網址傳輸是以英文為主,所以網址上有中文,就會轉成一長串的特殊符號+數字,除了難記外,對排名也不太理想。

在台灣,一般民眾最常選擇的就是 .com / .com.tw,大概是這兩種最常見,也最符合。

這邊也把其他類型的網址,也一並列出:

  • org – 財團法人才可申請網域,需要財團法人資料。
  • net – 網路事業機構,例如中華電信、seednet等 .. 才可使用或是其他網路事業。
  • edu – 教育機構,一般為學校機關的網址申請,非一般補習班等機構。
  • gov – 政府機構,為政府網頁使用之網址申請,一般人無法申請。
  • tw / cn / jp – 代表不同國家,如台灣/中國/日本等。

虛擬主機是什麼?

把網址比喻成「 門牌 」,那虛擬主機就是「 家 」的角色。

如果網頁設計完成了,就需要放在虛擬主機上,讓網站正常運作。

「 虛擬主機 」是主機公司,在自管的實體主機上,切分成多個虛擬空間,並把這些空間,租給一般使用者使用。

大幅降低使用者的費用,因為養實體主機是很貴的,只需租用現成的即可。

大約 97 % 以上自己架設網站者,都是租用虛擬主機。

如何挑選虛擬主機?

1. 公司:國外知名虛擬主機公司,都是全球性服務,不論公司大小、主機性能、網站速度,通常優於國內主機。

2. 價位:通常國外的價格,會比國內便宜,但切記不要價格取向,如果主機性能不好,之後也會選擇離開的。

3. 功能性:新手可用入門款方案,價錢也不會太貴;有經驗的網站架設者,可看自己需求,選擇方案。

WordPress 是什麼?

WordPress 是全球知名的網頁設計軟體,全球有 30 % 以上的網站,都來自於 WordPress。

WordPress 網站使用人數
WordPress 網站使用人數

擁有上萬個佈景主題(樣板)和功能外掛,只需一鍵安裝即可成為多功能網站。

或許你不知道怎麼選,請參考 最佳 WordPress 佈景主題最佳 WordPress 外掛推薦,會給你應該的幫助。

WordPress 可完成多種網頁設計,如:部落格架設個人品牌或公司企業官網購物網站架設 等 ..

最大好處是,它是完全免費的軟體,可完全掌握自己網站資料,不需被任何網路平台、網頁設計公司牽制。

因為你就是網站的擁有者。


2. 虛擬主機推薦

Bluehost 是地球最大的虛擬主機公司之一,全球管理數百萬個網站。

是小犬最愛的 WordPress 主機 ,自己親自使用多年,不論網站速度、客戶服務、價格便宜等 .. ,一切都沒話說。

許多部落客、企業主、電商經營者,都把網站建置在上面,有流暢的操作介面,就算不懂英文(可用 Google 翻譯),還是能操作自如。

有哪家虛擬主機商,對 WordPress 有良好的支援?

Bluehost 是 WordPress 官方認可的虛擬主機商,對 WordPress 有良好的支援。

Bluehost教學 :wordpress.org 認證的虛擬主機公司
wordpress.org 認證的虛擬主機公司(經過官方嚴格審核標準)

Bluehost 正常運行時間+網站速度,表現好嗎?

Bluehost 全年有 99.9% 以上的正常運行時間(沒任何一家能保證 100%),這是重要的,不然訪客無法連上你的網站。

測試 10 多家虛擬主機(網路空間)的速度,Bluehost 是排名前幾名的。

Bluehost教學 :網站正常運行比例&頁面載入時間
Bluehost 網站正常運行比例&頁面載入時間

Bluehost 還有許多優點,它的知名度告訴了一切。

接下來,我將開始「 Bluehost教學 」課程,繼續網頁架設教學。


3. Bluehost 方案選擇

前往 Bluehost,選擇 WordPress > WordPress Hosting(WordPress 主機)。

bluehost教學 :wordpress主機+網域申請
使用 Bluehost 申請 wordpress主機+網域

往下滑,會看到 Bluehost WordPress 主機方案,下面我會給你一些 Bluehost 方案評價。

bluehost 主機方案費用
bluehost 主機方案費用

要選擇哪種 Bluehost 方案?

  • 只有一個網站架設需求:選 Basic 方案
  • 多網站架設需求:選 Plus 或 Choice Plus 方案

以新手來說,若只有一個網站需架設,選擇 Baisc 方案是毫無懸念的,此方案也搭配 50 GB 的儲存空間,是非常夠用。

若架設不只一個網站,建議直接選擇 Plus 方案,因為該方案和 Choice Plus 功能差不多,卻比較便宜。

Bluehost 費用了解

Bluehost 通常費用是,網址 $14.99 美元 / 年(一年約 450 台幣),和主機 $7.99美元 / 月(一年約 2880 台幣)。

值得開心的是,Bluehost 官方同意為我們網站讀者,提供最高 50% 以上的主機折扣(如下表,以台幣計算)

WordPress Basic 方案 WordPress Plus 方案
買一年:特價約 2142 元(原價2880 元 買一年:特價約 2682 元(原價 3960 元
買二年:特價約 3564 元(原價 5760 元 買二年:特價約 5004 元(原價 7920 元
買三年:特價約 4266 元(原價 8640 元 買三年:特價約 5886 元(原價 11880 元

小提醒:新手可購買 1 年的 WordPress Basic 方案,用最少預算入門:)

如果網址同樣在 Bluehost 申請, Bluehost 還提供首年網域免費並附帶免費的 SSL 憑證。

等於說,網址+主機費用加起來,最少可用不到 2200 台幣,就能開始你的網路事業!

接下來,我將購買 1 年的 WordPress Basic 入門方案,當作 Bluehost教學 範例。

不管購買的是哪種方案,只要點擊本站 Bluehost 連結,讀者們都享有優惠價格。


4. 網域申請+租用虛擬主機

選擇 Bluehost 方案後,就可以網域申請+虛擬主機推薦租用囉:)

這邊簡化 3 步驟,打造自己的網頁製作。

Step1:網域申請

申請新網址選 Create a new domain,已經有網址選 Use a domain you own,確認點 Next。

如果「 網址 」和「 主機 」都在 Bluehost 註冊的首購申請,Bluehost 會附贈一年的網址(免繳網址費用)唷。

bluehost教學 :網域申請
有建立新網址 & 已經有網址,兩種選項
  • 小提醒:如果你是用「 已有網域 」去申請 Bluehost 主機,請操作 DNS 設定指向,這樣原來的網址才會順利連結上新主機。

Step2:申請資料填寫

填寫使用者資訊,需都填寫英文,郵遞區號需 5 碼(國際碼),可用這個工具查詢。

Email 需填寫正確,申請完成 Bluehost 會寄網域確認信(需點擊啟用)& 購買收據等 .. 敏感訊息。

bluehost教學 :使用者資訊
bluehost教學 :使用者資訊

主要留意租用多久、是否加購商品、確認消費金額,Bluehost 會贈送一年網址和免費的 SSL 憑證。

加購商品只有 Domain Privacy(網域隱私保護)比較值得加購,其他可不勾選,省預算。

bluehost教學 :方案選擇&加購商品
bluehost教學 :方案選擇&加購商品

確認消費金額,接著填入付款訊息,都完成無誤後,勾選服務條款,最後按下 Submit 送出。

bluehost教學 :付款方式
bluehost教學 :付款方式

Step3:創建 bluehost 帳戶

跟著 Bluehost教學 ,如果網域+主機申請成功,會看到歡迎訊息 & 收據明細,接著來註冊 Bluehost 帳戶。

點擊 Create your account 創建帳戶。

bluehost教學 :虛擬主機申請完成
bluehost 主機申請完成,創建 bluehost 帳戶&收據確認

下圖,Domain Name(網域名稱)是未來登入 Bluehost 的帳號,並輸入你想申請的密碼,確認無誤後點 Create Account 建立帳號。

P.S 這裡的資料請妥善保存,是未來登入 Bluehost 的帳密唷:)

bluehost教學 :創建bluehost帳戶
創建 bluehost 帳戶:輸入密碼

到了這裡,恭喜完成了網域申請 > 主機申請 > Bluehost 帳戶註冊的重要流程。

有了這些東西,我們就可以架設 WordPress 網站囉。


5. WordPress 網站製作

到了這邊,應該已經有個人網域、虛擬主機、Bluehost 登入帳密了,我們繼續架設 WordPress 網站。

首先,前往 Bluehost,點 Login 登入。

bluehost 登入教學
bluehost 登入教學

輸入你的網域名稱(或信箱)&密碼, 登入 Bluehost 。

bluehost教學 :後台登入
bluehost教學 :後台登入

如果是第一次登入,Bluehost 會詢問一些問題,並協助你安裝,這些畫面 Bluehost 有可能更改,但未來都可以更改,先任意選擇即可。

下面是示範教學,實際狀況可依個人需求選擇。

首先,選擇網頁製作類型、為誰創建網站等 .. 。

bluehost教學 :網站架設流程
選擇想架設的網站類型等 ..

勾選 Blog 頁面、About me 關於我們頁面等 ..

網頁製作教學:bluehost
選擇想加入的網頁內容

命名網站名稱、設定網站標語,和給 Bluehost 架站幫手一點評分。

bluehost 教學:網頁製作
命名網站名稱、標語、和給 Bleuhost 架站流程評分:)
  • 因為 Bluehost 是英文介面,中文標題在 Bluehost 後台可能呈現問號(除非英文命名),但這不會有任何影響。

然後,挑選 WordPress 主題,可先選個免費版的主題玩玩,看喜歡哪個,不一定要跟我一樣:)

bluehost教學 :wordpress主題挑選
超多 wordpress 主題挑選:)

如果安裝過程中,有出現類似加購商品,先取消它不加購

安裝完成後,會前往 Bluehost 後台首頁。

然後點 My Sites,會出現剛架設完成的網站,可在這裡進入 WordPress 網站前後台。

Bluehost教學 :前往網站前後台
Bluehost教學 :前往網站前後台
  • 此時前台路徑可能是臨時網址,過些時間 Bluehost 會自動更改成你剛申請的網址。

想新增頁面、編輯文章、新增分類 .. ,請參考 WordPress 後台教學課程,有更多的 WordPress 操作。

這時,點擊上圖前台路徑,會發現 WordPress 網站已經順利出現囉!恭喜你!

如果是 WordPress 登入狀態,前台應該看得到預設主題畫面。

如果用訪客模式(無痕視窗),前台應該會出現網頁準備中頁面,等網頁設計完畢後,再切換 正式上線 即可。


6. 信件認證

Bluehost 信件認證

虛擬主機租用完成,或是 WordPress 網站架設完成後,可以檢查 Bluehost 是否有寄信給你。

這些信件中,其中又以 WhoIs 信件(網域身份確認)最為重要,請務必點擊確認,不然網域有可能會失效唷。

可依照下圖標示的數字,對應學習。

bluehost 寄送的確認信件
bluehost 寄送的確認信件

第一封信:WhoIs 認證

網址購買後,會收到來自 ICANN 透過網域註冊商,發送過來的網址認證信件,用來確認聯絡人資訊,這務必需認證完成,來保持網址的所有權。

所要做的就是打開信件,然後點擊下面的 Verify Your Email 驗證電子郵件,就認證完成了:)

bluehost 信箱啟動驗證
bluehost 信箱啟動驗證

如果沒收到 Bluehost 寄來的網址認證信件,先確認一下有無在垃圾信件裡面。

若真的沒收到,可登入 Bluehost 後台 > Domains > My Domains,點按鈕補發信件(大概是 Whois 什麼 .. ICANN 什麼的文字,點擊按鈕即可補發信件)。

bluehost 的 whois 網址認證
bluehost 的 whois 網址認證

PS. 由於我已經認證過了,所以沒有補寄信的按鈕,但記得按鈕大概在這頁,如上圖。

第二封信:WordPress Jetpack 外掛,信箱認證

使用 Bluehost WordPress 任一方案,Bluehost 會自動安裝 WordPress Jetpack 外掛,一款 WordPress 站長必裝外掛。

你需要做的,就是打開信件,點擊 Verify your email 驗證信箱,就完成了。

WordPress Jetpack 安裝,信箱驗證
WordPress Jetpack 安裝,信箱驗證

如此一來,Jetpack 外掛的信箱認證就完成囉,是不是很快速:)

PS. 因為 Bluehost 可能會改變流程,如果沒安裝 JetPack,請參考 WordPress 教學,有教如何安裝外掛。

第三封信:購買收據&重要帳戶資料

此封信件需妥善保存,內有敏感資料,不需額外操作,只要保存好即可。

bluehost 帳戶資訊
bluehost 帳戶資訊
  • Bluehost 登入帳密:剛創建的 Bluehost 帳密,密碼因安全性,沒列出來。
  • DNS 網址:網址若不是在 Bluehost 申請,會需要到原來網域商,進行 DNS 指向,需要此資訊。
  • FTP 登入資料:通常用在網站搬家,或大量資料需上傳 or 下載使用。

信件都確認完畢後,我們繼續前往下一章網頁製作教學。


7. 一般設定

Bluehost 教學:wordpress一般設定

登入 Bluehost ,然後點擊 My Sites > Log in ,前往 WordPress 後台。

bluehost後台登入
bluehost後台登入

前往「 設定 > 一般 」,可依需求調整「 網站標題、網站說明、網站管理員Email、網站語言 」等 ..

網站管理員Email:需填寫正確,未來網站相關訊息,如:更改密碼等 .. 會寄送至此信箱。

網站語言:更改成繁體中文,方便後續操作:)

wordpress後台教學,更換標題&語言
wordpress後台教學,更換標題&語言

Bluehost Auto Update Manager(自動更新):有 WordPress theme 主題、Plugins 外掛、Transiations 語言等 .. 協助自動更新。

Bluehost Coming Soon Page(網站準備中):是否開啟網站準備中。

bluehost教學 :自動更新 wordpress
bluehost 協助自動更新 wordpress & 網站準備中是否開啟。

都修改完畢,最後按下 儲存設定 即可:)

我在這個 WordPress教學章節,也有做相關教學,若有疑問也可前往學習。

更多 WordPress 前後台教學,多個課程前往學習:

WordPress教學 :23 個安裝課程(主題外掛+購物車)


8. 更改密碼

wordpress更改密碼

Bluehost 自帶的 WordPress 安裝,沒告訴我們 WordPress 後台密碼,需自己設定。

首先登入 Bluehost ,然後點擊 My Sites > Log in ,前往 WordPress 後台。

bluehost後台登入
bluehost後台登入

前往「 使用者 > 個人資料 > 新密碼 」,點擊「 產生密碼 」,並記得自己的密碼(未來登入 WordPress 後台會用到),完成後確認送出。

wordpress更換密碼
wordpress更換密碼

然後系統會寄確認信,到你的信箱,這只是通知用的,不需做任何回覆。

wordpress密碼更改完成,確認信
wordpress密碼更改完成,確認信

如此一來,密碼就確認變更完成啦!

下一章節,我們來使用剛申請的新密碼,直接登入 WordPress 後台:)


9. WordPress 後台登入

網站製作 :WordPress後台登入
網站製作 :WordPress後台登入

如果要新增、編輯 WordPress 網頁,就需登入 WordPress 後台。

搜尋你的網址,如:frankkme.com(這裡更改成你的網址)/wp-login

wordpress 後台登入
wordpress 後台登入

輸入 WordPress 帳號(使用者名稱 or Email)& 你的密碼,登入 WordPress 後台。

wordpress 後台登入
wordpress 後台登入

恭喜你,之後可以直接從 wp-login,登入 WordPress 後台,不用每次再經由 Bluehost 了。

Bluehost教學 :wordpress後台首頁
wordpress後台首頁,登入成功:)

接下來教學,若要登入 WordPress 後台 ,就直接用此章教學方式。

兩個重要路徑位置:

  • wordpress 網站前台: 「 你的網域 」。如:frankkme.com
  • wordpress 網站後台: 「 你的網域 」/wp-admin。如:frankkme.com/wp-admin

10. 整理 WordPress 外掛

Bluehost教學 :WordPress外掛整理

Bluehost 安裝 WordPress 網站,有些預設外掛是用不到的,來做個整理。

登入 WordPress 後台,前往「 外掛 > 已安裝的外掛 」,把不需要外掛 停用,停用完成再 刪除 即可。

wordpress外掛整理:刪除不要的外掛
wordpress外掛整理:刪除不要的外掛

這些 WordPress 外掛可保留,有作用:

  • Akismet Anti-Spam:防垃圾留言的外掛,可開啟使用,和 Jetpack帳號綁定。
  • Bluehost :Bluehost 開發用來整合 WordPress 的,方便操作。
  • Jetpack:WordPress 必裝外掛,有網站優化、更多文章等 .. 功能。
  • WpForms:網頁表單製作,有名的外掛之一。

如此一來,WordPress 外掛就整理了,畫面變得更清爽了~

有關 WordPress 外掛的新增、推薦等 .. ,我在這 WordPress教學章節,也有做教學,可前往學習。

更多 WordPress 前後台教學,多個課程前往學習:

WordPress教學 :23 個安裝課程(主題外掛+購物車)


11. DNS 設定指向

DNS 設定,就是把網域(門牌)指向虛擬主機(土地),當搜尋網址時,可以順利找到放在主機上的網站。

網址+主機不在同一地方申請,就需手動 DNS 設定,並等待 24 – 48 小時作業時間,即可完成。

下面示範 Bluehost 主機,配上在 PcHome 申請的網域,要如何設定 DNS(每家放的地方不一定相同,但流程大同小異)。

Step1:找到主機的 DNS 網址

首先登入 Bluehost 後台,前往 Domains > Assign ,輸入自己的網址,然後 Bluehost 會產生出兩組 DNS 網址,並複製起來。

小提醒:找到虛擬主機的 DNS 網址,並複製起來。

bluehost 的 dns 設定,範例教學
bluehost 的 dns 設定,範例教學

Step2:將 DNS 網址,複製至網域申請的地方

前往 PcHome 網址,進入 DNS 設定與修改。

小提醒:找到你申請的網域商,DNS 設定&修改的地方。

網站架設 :DNS 設定指向
網站架設 :DNS 設定指向

將剛在 Bluehost 的兩行 DNS 網址,貼上至 PChome 送出,等待 24 – 48 小時的 DNS 轉址時間,就設定完成囉!

網站架設 :DNS設定指向
網站架設 :DNS設定指向

12. 網站上線

自架 bluehost 網站上線

這章節會教學,如何讓 Bluehost WordPress 網站,正式公開上線。

若網站還在準備中,如:網頁設計範例製作中、文章還沒上完 ..,可等全部完成了,再照著本章節流程,讓網站公開上線。

首先登入 Bluehost ,然後點擊 My Sites > Manage Site 管理網站。

架設網站:Bluehost網站上線
架設網站:Bluehost網站上線

選擇 Settings 設定 > 切換正式網址(自己申請的網址)> 關閉 Coming Soon Page 準備頁面。

bluehost 關閉 Coming Soon 準備頁面~
bluehost 切換正式網址&關閉 Coming Soon 準備頁面。

如此一來,網站就正式上線囉,所有人都看的到了。

小提醒:可用無痕模式瀏覽,就可使用訪客視角,確認網站是否公開上線囉:)

搜尋你的網址,一個用 WordPress 網頁+免費版佈景主題,建置而成的官網,已經完成+上線了:)

wordpress 官網架設
wordpress 官網架設,完成了:)

小提醒:若網址+虛擬主機都在 Bluehost 申請,可以免去 DNS 指向步驟。不然得需到自己的網域申請商,手動設定 DNS,並等 24 ~ 48小時作業時間 ,才看得到網頁。


13. 新增多個網站

如果使用 Bluehost Plus 方案以上,可以新增多個網站,但你需要有網址才能建立網站。

我申請了一個子網域做範例。

首先,登入 Bluehost 後台 > My Sites > Add Site 新增網站。

bluehost新增多個網站
bluehost新增多個網站

選擇 WordPress 建立網站。

使用 WordPress 新增網站

輸入網站名稱&網站標語 > 設定 WordPress 聯絡信箱和 WordPress 後台帳密 > 前往下一步。

輸入新網站的相關資訊

選取要架站的網址 > WordPress 外掛看是否有需求 > 下一步。

bluehost教學 :新增多個網站

最後會出現 WordPress 登入帳密&臨時網址,請記得妥善保存。

如果網頁建立完成,網站標題有亂碼問題,請參考 一般設定,重新輸入並儲存即可。

此時網站應該建立完畢了,如果是 WordPress 登入狀態,前台應該看得到預設主題畫面。

如果用訪客模式(無痕),前台應該會出現網頁準備中頁面,等網頁設計完畢後,再切換 正式上線 即可。


WordPress 學習資源

學習 WordPress 網站架設流程中,或許會遇到一些解決不了問題。

但沒關係,你可以在下方留言給我,我會盡力協助你解答。

當然,如果怕問題描述不清楚,可以加入 WordPress 教學時光屋 – 小犬網站 ,我同步也會在社團中幫忙。

小犬網站:wordpress教學社團
小犬網站:wordpress教學社團

希望這對你有所幫助,祝架站順利啦。

我是站長小犬,長期關注:WordPress 網站架設、WordPress 後台教學、WordPress 佈景主題、WordPress 外掛、網路行銷等 ..:)

10 COMMENTS

  1. hello 小犬
    看了這麼多部落客寫的wordpress,,我覺得就屬你寫的最詳細,一定花了你很多時間吧!佩服!
    雖然你不是第一個讓我知道wordpress的人,但你卻是讓我覺得最用心的那位,
    所以我決定從你的聯盟行銷連結去申請bluehost,希望能幫到你!(我一買買了3年,因為你文章寫太好!哈)
    也希望你能多多寫好文分享喔~

    另外是我的小建議:
    照你的bluehost連結點進去,有你聯盟行銷的網址,
    但文章中「前往 Bluehost,選擇 WordPress > WordPress Hosting(WordPress 主機)。」下面的那張圖,
    在word hosting的地方,您有加了一個紅色箭頭,我第一次直覺上就點了那邊,但後來發現這樣你的聯盟行銷網址會跑掉,
    1.不知道這樣是否會影響到你聯盟行銷的分潤?(變成不算你的)
    2.因為我覺得你很用心,如果因此少了分潤很可惜的!你在注意看看,如果不會就是我多嘴啦 哈哈

    這篇可以不設公開

    jojo

    • HI JOJO:

      謝謝你的鼓勵,第一次看留言看到很感動,因為確實花了很多時間想文章架構和撰寫文章。

      我會繼續加油的,希望同時也幫助更多的人,謝謝你:)

      還有謝謝你的小建議,這我會再試看看的,感恩!

  2. 你好:)

    好用心的教學文章,謝謝你的無私分享。
    請問如果我選擇了Bluehost的Plus方案
    可以架設多個網站,其他網站的網址部分,是不是也包含在費用內,不需要額外付再購買網址?

    謝謝

發表迴響