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

0
340
bluehost教學:wordpress虛擬主機課程
bluehost教學:wordpress虛擬主機課程

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

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

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

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


1. 如何自架網站?

網站製作 :如何自架網站?

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

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

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

過去網域和虛擬主機,會需要分開申請,現在簡單多了,在同一地方就可以搞定一切,且方便未來管理 .. 前提是,我們必須找一家品質好的主機公司,對吧?


2. 虛擬主機推薦

網站架設 :虛擬主機推薦

Bluehost 是一家老牌的虛擬主機商,也提供網域申請等 .. 服務。

在 WordPress 主機託管方面,也是最大品牌之一,截至目前管理了數百萬個網站,遠遠領先其他對手。

不論在主機穩定度、網站速度、WordPress 支援等 .. ,均有超乎水準的表現。

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

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

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

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

在主機穩定度上, Bluehost 在全年有將近 99.99% 時間正常運行,這是重要的,不然訪客無法連上你的網站。

還有驚人的頁面載入時間(毫秒),在測試 10 多家虛擬主機(網路空間),Bluehost 是排名前三名的。

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

當然,Bluehost 還有更多優點,因為它是 WordPress.org 官方推薦的虛擬主機商:)

接下來,我將開始 Bluehost教學 課程。


3. Bluehost 方案選擇

bluehost 主機方案選擇
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 原訂虛擬主機價格 $ 7.99 美元 / 月,網域價格 $ 14.99 美元 / 年。

值得開心的是, Bluehost 官方同意為我們網站的讀者,提供方案 50% 以上折扣。

除此之外,並提供首年網域免費(免繳網址費用)。

小提醒:Bluehost 只有首購享有此優惠,所以建議可一次購買 2-3 年,持續享有優惠價格

接下來,我將購買 12 個月的 Basic 入門方案,當作 Bluehost教學 範例。

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


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

網站架設 :網域申請+虛擬主機租用

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

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

Step1:網域申請

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

首購申請,Bluehost 會附贈一年的網址(免繳網址費用)。

bluehost教學 :網域申請
有建立新網址 & 已經有網址,兩種選項

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 帳戶註冊好後,先不進行登入,等等會繼續 Bluehost教學 。

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

此時,搜尋一下剛申請的網址,會發現 Bluehost 幫我們架設了一個臨時的 WordPress 網站。

Bluehost教學 :WordPress 網頁製作
Bluehost教學 :WordPress 網頁製作

但似乎是個「 Coming Soon 網頁準備中 」頁面,且還沒正式公開上線。

但沒關係我們會持續完善它。

接著,先進行重要的信件認證,完畢後再來網站設計,就是形象網站製作~


5. 信件認證

Bluehost 信件認證

這是必須的一步,認證 Bluehost 發送過來的信件,可依照下圖標示的數字,對應學習。

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

第一封信:WHOIS 認證

網址購買後,會收到來自 ICANN 透過網域註冊商,發送過來的網址認證信件,用來確認聯絡人資訊。

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

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

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

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

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

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

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

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

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

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

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


6. Bluehost 網站製作

bluehost 網站製作

Bluehost 幫我們架設臨時頁面,但 .. 這似乎是不夠的,所以需要網頁製作更完整:)

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

bluehost 登入教學
bluehost 登入教學

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

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

若是第一次登入,Bluehost 會有網頁製作流程,引導你安裝。

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

首先,挑選網頁製作的類型、為誰創建網站等 .. ,如: Blog(部落格類型)。

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

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

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

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

bluehost 教學:網頁製作
命名網站名稱、標語、和給 Bleuhost 架站流程評分:)

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

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

確認完主題,會前往至 Bluehost 的會員後台,若中間有出現類似加購商品,先取消它,不加購

然後點擊 My Sites,會出現剛剛架設的網站。

使用 Bluehost 架設完成的 WordPress 網站

如果,想新增頁面、編輯文章、新增分類等 .. ,可點上圖 Log in 前往 WordPress 後台。

我在下面文章,有示範多種 WordPress 後台教學課程,可以點擊前往學習更多。

更多 WordPress 前後台教學?25個課程,前往學習 icon-arrow-down  icon-arrow-down 

WordPress教學 :25個後台課程(含安裝+主題推薦)

如果,點擊上圖前台路徑,會出現剛製作完成的官網 .. ,但似乎沒公開對外上線。

接下來,你需要讓網站正式上線,讓大家都能看到網站。


7. 網站上線

自架 bluehost 網站上線

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

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

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

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

選擇 Settings 設定, 然後關閉 Coming Soon Page 準備頁面。

bluehost 關閉 Coming Soon 準備頁面~
bluehost 關閉 Coming Soon 準備頁面~

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

可以登出 Bluehost 和 WordPress 後台,用訪客視角看網站是否公開上線。

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

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

小提醒:若網址+虛擬主機都在 Bluehost 申請,可以免去 DNS 指向步驟,不然通常要等 24-48 小時+手動 DNS 設定(到你的網域商),搜尋網址才看得到網頁。


8. 一般設定

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 前後台教學?25個課程,前往學習 icon-arrow-down  icon-arrow-down 

WordPress教學 :25個後台課程(含安裝+主題推薦)


9. 更改密碼

wordpress更改密碼

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

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

bluehost後台登入
bluehost後台登入

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

wordpress更換密碼
wordpress更換密碼

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

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

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

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


10. 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

11. 整理 WordPress 外掛

Bluehost教學 :WordPress外掛整理

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

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

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

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

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

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

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

更多 WordPress 前後台教學?25個課程,前往學習 icon-arrow-down  icon-arrow-down 

WordPress教學 :25個後台課程(含安裝+主題推薦)


12. 開始起飛

wordpress網頁製作完成
wordpress網頁製作完成

若有順利看到最後,恭喜你對 Bluehost教學 的掌握度,一定變得更高了!

學習 WordPress 是個漫長的道路(自己也還在學習),因為官方會不斷有新東西出現,都可以讓自己的網站變得更好+更棒!

相信許多新朋友,剛開始在 WordPress 網站架設,可能會遇到許多不會處理的問題,所以呢~

你可以直接在下方留言給我(或給我鼓勵也可以),我都會盡量協助幫忙的:)

希望大家學習路上,一切順利啦!

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

發表迴響