架站教學|如何快速用 Bluehost 安裝 WordPress

Last Updated on 19 6 月, 2020 by Youi S.
在這邊文章〈網路賺錢|從零開始建立部落格教學〉裡,你已經學會如何為你的部落格定位、選定主題與名稱,並決定好架設網站要使用的平台。
現在,我們要開始架設你的網站了!你可以邊看邊做,有問題底下留言跟我說~
購買 Bluehost 虛擬主機
架站的第一步,就是選購虛擬主機(用來存放網站資料的空間),而最便宜、穩定安全、適合架站新手的主機就是 Bluehost。
Bluehost 提供免費的網域一年(原價一年費用 $12 美金)、免費的 SSL 憑證、一鍵快速安裝 WordPress 系統與 24 小時的客服團隊,最重要的是它提供了三十天全額退費保證(因應新冠肺炎的影響,在 2020/4/1-4/30 期間申請的人可以享有六十天的退費保證金喔 )。
✚ 什麼是 SSL 憑證
SSL憑證是在網頁伺服器與網頁瀏覽器之間建立一個密碼連結,當資料在這兩者之間傳遞時,加密的密碼可產生安全的連線來保護資訊的安全,是企業的標準規範。當你看到一個網址開頭為 https:// 而不是 http:// 時,網站已受到 SSL 憑證的保護。
► Bluehost 註冊教學
▨ 步驟 1:開始註冊 ▨
點選〈註冊 Bluehost〉,按下「Get Started」開始申請網站,直接獲得免費的網域一年。
▨ 步驟 2:選擇方案 ▨
Bluehost 有四種方案,而 Basic 的方案對新手來說就非常夠用了(未來隨時都可以升級)。

▨ 步驟 3:選擇網域名稱 ▨
下一步,我們要來申請專屬的部落格網址囉!
若你要申請全新的網址,填寫左邊的表格;你已經有網址了,將網址填寫在右邊的表格。記得先用下面的工具確認你的網址是否已經被用過了。

▨ 步驟 4:填寫購買人資料 ▨
設定好之後,就要填寫你的帳戶資料囉,記得全部都要寫英文(點這裡翻譯中文的地址)。
電話號碼記得要加上國際區碼。以台灣為例,手機 0955 555 555,要寫為 +886 955 578 532;以美國為例,912 333 3333,要寫為 +1 912 333 3333。

填完帳號後,下面會有「加購區」,建議選擇第一個「網域的個資保護」服務就好。

接著要選擇「購買方案」,建議選三年方案( 36 個月),每年只要 1,422 元台幣而已,直接省下超過兩千元。Bluehost 還有三十天的退費保證,若購買後不喜歡也有全額退費喔!

輸入完你的付款資料後,按下「Submit」,恭喜你完成申請囉!記得要去信箱收確認信,然後設定新的密碼。接下來,我們要安裝 WordPress了!
安裝 WordPress 架站平台
▨ 步驟 5:準備安裝 WordPress ▨
改完密碼後,登入 Bluehost 的後台。點選左邊瀏覽列「Marketplace」底下的「Add Website」來新增你的網站。

點進去以後,填寫你的網站標題(Site Name)跟網站副標(Site Tagline)。

下一步,在左邊欄位填寫網址名稱(Domain),然後取消勾選下面還用不到的功能。

▨ 步驟 6:安裝 WordPress 佈景主題 ▨
網址申請完成之後,會直接進入網站佈景主題(Theme)的設定,這裡你可以先暫時選一個免費的模板。下一步,我會教你怎麼安裝真正漂亮、實用的佈景主題!

安裝完畢之後,你可以回到 Bluehost 的後台登入 WordPress 的平台。
▨ 步驟 7:調整 WordPress 的中文介面 ▨
若你不熟悉英文,進入後台後可以先在左邊導覽列裡的設定(Setting)裡調整網頁語言設定。
▨ 步驟 8:回到 Bluehost 將網域的安全機制打開 ▨
最後一步,我們要把網域的安全機制打開,如此才能保護網站資料的安全。請回到 Bluehost 的後台,在左邊的選單選擇「My Site」,找到你要設定的網站並點選「Manage」。在右邊的選單裡點選「Security」,把「Security Certificate」的 Free SSL 設定改成「ON」就可以了。

另外,記得打網址的時候要打 https://,而不是 http:// 喔。(詳細原因請見 Bluehost Q&A)
如何選擇適合自己的佈景主題
免費的模板通常都比較簡陋,若你現在沒有預算,初期還是可以先用免費的就好。相反的,若你想把部落格視為品牌經營,建議還是把網站設計的一次到位。
因為無論是「視覺形象」還是「網站的操作體驗」都會直接的影響讀者對你的印象,佈景主題就是你的部落格所「發出來聲音」,而你一定會希望別人來到你的地盤就被你的作品震懾住!
► 高 CP 值的佈景主題推薦
Envato 是我個人最愛用來購買網站模板的平台,價格適中、各種風格的模板都有,且網頁的功能豐富實用,可作為部落格、商店、作品集、企業形象網站的多種用途。無論是中高階或是新手架站都很夠用!
裡面的選擇非常多,但看到第 20 頁會就發現幾乎都大同小異,所以我直接推薦兩款個人很喜歡的佈景主題(每個主題裡面都有多款版型可以替換):The Issue 與 Overflow。

✚ The Issue 主題包裡有什麼?
- 多達 18 種版型能選擇,若其中一種版型用膩了可以再換其他種!同時,這個團隊會一直更新版型,未來會有更多版型能挑選
- 背後強大的支援團隊可以回答你「修改版型語法」的所有問題
- 9 種文章格式任你選、可以組成 50+ 種不同的文章排版、10 種不同的頁首設計…等等
- 已經幫你設計好漂亮的「社群媒體分享」功能,不用再另找外掛
- 還有很多實用的小工具,可以自己看喔(太多了無法一一打出來)

這兩個佈景主題裡面都有超過九種版型任你挑選,讓你在未來隨時想換版型都可以自由更換。
而無論是社群媒體的外掛、文章多元排版的選擇、信箱訂閱功能、多種不同的方式做文章的分類、放置廣告、快速方便的文章編輯器等,這兩種主題都已經幫你設計好了,大大省下找外掛的時間跟安裝的程序!
其次推薦的原因會在下一段落告訴你。
► 如何判斷一個佈景主題好不好用
這麼多佈景主題到底哪一個才是好的?哪一個適合我?哪些版型該避免購買?
當你打開 Envato 看到無止盡的漂亮版型在你眼前晃來晃去時,完全無從下手。對新手來說,選佈景很可能會花掉你整天的時間在猶豫不決,因此你必須知道「如何挑選」跟「如何判斷版型品質的好壞」。
✚ 決定你想要的網站風格、要有什麼功能
在挑選佈景主題以前,你應該要清楚知道「你想要網站長怎樣、你想要網站裡有什麼功能」?
在購買佈景主題以後,Wordpress 都可以讓你微調許多設定,然而最難調整的就是整體的風格色調與特殊功能的設定。因此挑選版型時,應該盡量選跟理想中的版型最相近的主題。
最好的辦法,就是去參考你欣賞的部落客。去分析對方的網站有什麼功能、有什麼樣的設計,把它當作依據來選擇你的版型。
✚ 選擇有「響應式設計」的佈景主題
響應式設計(Responsive Design)對一個網頁來說是相當重要的設計,它能「自動調整頁面內容」幫你的網頁提升識讀性,讓同一個網頁在不同大小的螢幕中有最好的操作體驗。
例如,當你的網頁在 15寸的螢幕上會呈現 A 畫面,但在 iPhone 上看網頁會變成 B 畫面,而這個 B 畫面裡面可能字體較大、很多內容被隱藏,為了更方便閱讀。
因此在挑選主題時,記得一定要看產品簡介裡有沒有提供這個服務。
✚ 找不到 100% 符合我想要的版型怎麼辦?
這是 99% 會發生的事。
通常就算是購買 100% 喜歡的佈景主題,安裝完後都會跟 Demo 長得不一樣。因為我們的設定還是 WordPress 的預設值,必須照著「你所購買的佈景主題」給的操作指示去調整 WordPress 的設定,最後才會變回 Demo 的樣子。
購買版型只是第一步,最多的努力是修改版型。
如果真的找不到符合你心中的版型,我建議你以「修改難度較低」的標準去挑準最相似的版型。也就是說,當你在兩個版型之中猶豫不決時,你應該要以功能導向去做決定。為什麼?
因為在 WordPress 裡面要調整字體的顏色、大小、字型並不難,但要在 WordPress 裡面自己寫一個新的網頁功能就會很困難,通常會需要用到更專業的程式語言去撰寫。
當然如果兩種版型裡面都沒有你要的功能,你多數時候也是可以在 WordPress 的豐富外掛裡面找到你需要的。
現在你知道要如何選擇佈景主題了,而好消息是我愛用的兩款主題都為專業的部落客提供非常多實用的功能跟漂亮的版面設計,你可以直接點連結進去看細節:The Issue 與 Overflow。
► 如何安裝購買的佈景主題
購買完佈景主題之後,登入 WordPress 的後台,點選在左邊導覽列的外觀(Appreance)底下的佈景主題(Theme)。點選之後,右上方會出現安裝佈景主題(Install Theme),把下載後的檔案上傳完成就好囉!

✚ 我安裝了從 Envato 下載的主題,但安裝顯示失敗該怎麼辦?
安裝失敗的原因,很可能是因為你安裝了錯誤的檔案。你可以回到 Envato 的下載區,重新下載一次正確的檔案,記得選擇 Installable WordPress file only。

總結
好!我終於有網站了,下一步要做什麼?
安裝完佈景主題之後,接下來就是要花時間開始設計你的部落格。看到空白的頁面,是不是冒出很多問號,不知道該從何開始?
一個可以營利的部落格裡面需要有什麼頁面?該怎麼做才能增加流量?要怎麼從部落格獲利?
這些問題,你通通可以在這篇教學〈打造盈利部落格的五個關鍵〉裡找到答案。
【 延伸閱讀 】
動動手指,按一下廣告
一起加入「化讚為賞」支持創作者的公民運動,用 30 秒免費申請帳號,並幫我按 5 下讚就可以讓我獲得實際的收入喔!