Table of Contents
自架網站很難嗎? 不會寫程式可不可以?
我自己的觀察，大約五年前網站設計的確困難。我只是要建一個漂漂亮亮的官網，介紹自己家的品牌故事、聯絡資訊，頂多偶而更新個型錄，有時候工程師就跟我報價幾十萬。
現在網站的架設要簡單多了，各種專為一般人開發的網頁設計程式，不論是 WordPress、Wix 或 Weebly 這些W開頭的廠商把網頁設計變得平易近人。
這篇就特別針對老牌，也是目前市場上最大多數網站使用的 WordPress 來做教學。
WordPress 介紹，全世界近三成網站都靠他!
你沒看錯，這也是為什麼客戶問我我首要推薦也是WordPress。WordPress 的好處很多，但就我看來最直接的一點就是他坐擁龐大的使用者與開發者在裡面。
使用者(你)可以很輕易的編輯建構出你的一片天地。
開發者們也能夠在平台上開發出各種新功能造福我們。
既然WordPress這麼方便又這麼知名，就不能不了解一下他到底有什麼功用吧。
WordPress介紹 : WordPress 是什麼?
WordPress 是一個 內容管理系統 (Content Management System; CMS)，可以用來架設網站，就算你不會寫程式碼或網頁設計，
都可以運用這套系統來設計個人的網站、商城或部落格。
簡單一點來說，你輸入網址後跑出的每一個網站，都可以透過 WordPress 架設完成。
同時因為WordPress開源的特性，你能夠輕鬆的透過它來管理網站、發表文章…等等來快速建立網站。
而如果你是程式開發人員，那麼 WordPress 的自由度與靈活度，也能好好的讓你開發各種外掛插件。
WordPress介紹 : WordPress聽說有兩種
很多新手其實不知道，WordPress 其實是兩個平台的總稱。
- WordPress.com 是屬於 WordPress 商業化收月費的一個平台，後台功能較少，擴充性也較低，一般不太建議使用。建議完全沒用過WordPress的人可以先申請免費帳號使用看看。個人建議就是拿來摸摸看介面的。我自己也是先申請了個帳號並且升級到過他的商業版本(才安裝外掛，費用還不低…)。直接說結論：當作架站試用了解大概如何運作就好。實際上的功能實在少太多了也很不方便。
- WordPress.org 以下文章要介紹的也是這個，而且大部分你看到的 WordPress 都是用這個 org 架出來的，後台功能及外掛齊全，佈景主題選擇多，當你會寫 CSS 或 html 更可以將網站發揮的淋漓盡致。就算不會，如果你是認真想建一個屬於自己的網站，一律推薦使用WordPress.org。
既然你都要建一個網站了，網站需要的功能以及慢慢培養出來的流量，org各方面來說都是比較適合的。
WordPress介紹 : 自架WordPress很貴嗎?
- 買網址 | 約 500-2000/年(看你個人網域選擇而不同價格，就跟車牌號碼一樣，名字越熱門的越貴)
- 租用主機 | 一年約1500-3000左右
- 購買套版 | 約1500-2000(一次性購買，如果你用免費套版則可以省下)
我幫你換算一下，一年 3000-5000 台幣內就可以架好專屬自己的網站。
不論你是要經營部落格/企業網站/網路商店/設計師作品集，任何你想到的網站類型，都可以用 WordPress 架出來。
所以才會常常聽到別人說那句聽起來很像詐騙但卻是是實的Slogan:
用少少的錢開始寫部落格，幫你打造網上被動收入。
網站架設三步驟，低成本網站架設法
- 購買一個網域 (買門牌)
- 租用虛擬主機 (租一塊地)
- 購買佈景主題 (開始搭建裝潢)
其實不管是線上或線下其實都是一樣的道理。
你要在一個地方開始經營，首先要讓大家知道你的位置你當然要有個門牌，
人家來你總要有個地放招待，實體就是租個店面空間，在網路世界我們稱作虛擬主機，
最後就是門面了，不搞點設計裝潢很難吸引人的，
如果你是做部落格，內容很重要，
如果你要販售商品，你的產品也要包裝的讓人垂涎欲滴，
重點是至少要選個好的主題或版型讓在裏頭逛的人不會找不到他們想要的直接離開。
詳細設定教學，最速架站一天完成
以下都是我親自實測的經驗分享，
按照國外的網站說明一步一步設定來的，
最後面我也會放些設定上常見問題讓你少走一些冤枉路 (才不會像我一樣)。
以下我會分享我如何購買網域、虛擬主機、設計要面佈景。
網路上再販售網域以及伺服器的廠商非常多，並沒有一定要跟我一樣，
基本上設定的邏輯都是一樣的，
但務必注意一點，盡量是跟現在市場上較多人使用或有名的廠商購買，
一來他們的品質多半會比較有保障
二來如果後來出現問題你也比較容易得到解答。
最速架站教學步驟一 : 購買網域
網域是什麼？「 網域 」是網站建置的第一步，
就像家的門牌一樣，幫助別人可以順利找到你的網站。
我自己是在 Godaddy購買，另外 Gandi 也是我的客戶常用的網域商之一。
以下以Godaddy示範:
購買網域流程一 : 進入Godaddy網站，輸入想要的網域名稱。
加入購物車
選擇網域名稱有幾個注意事項:
- 越簡單越好：簡單的網域名稱方便使用者查詢和記憶。例：蘋果 – https://www.apple.com/
- 去除 www：目前大部分新網址都不太會在前面加上 www，這是比較舊式的用法。
- .com 結尾：.com 是大多數人的直覺印象，主要方便好記，增加搜尋率。
- 勿用中文：網址傳輸是以英文為主，所以網址上有中文，就會轉成一長串的特殊符號＋數字，搜尋引擎的排名會比較差。
購買網域流程二 : 加入購物車，確認網域名稱與價格
有時第一年特價很便宜，但第二年恢復原價時很貴，網域收費是以年計算的，
網域通常申請下去你也不會想換，所以往後每一年的續約價格很重要
網域商服務加購
購買網域流程三 : 輸入帳號資訊，完成註冊
這時可能會跳出要你註冊的畫面，註冊流程就省略，但是記得一定要把帳號密碼記下來
決定購買後網域商都會問你說要不要額外付錢購買他們的服務，
保護你的網域阿、讓你的資料更有保障阿BlahBlahBlah…之類的，
或者你也可以跟我一樣選擇直接購買，
付款完成後網域就購買完成囉 !
最速架站教學步驟二之一 : 租用主機
至於虛擬主機公司，基本上跟網域商一樣，
市場上有百百種選擇，
我這邊選擇的 Bluehost，
不只是因為他是地球最大的虛擬主機公司之一，全球管理數百萬個網站並持續增加中。
更因為WordPressy他們自家也推薦Bluehost主機
操作流程參考 :
租用主機流程一 : 進入Bluehost網站，選擇方案。
如果不是企業主目前有多個網站建置需求，
一般用最便宜的方案就夠用了。
左上角點選WordPress Hosting
Bluehost官網
租用主機流程二 : 填寫購買資訊
可以看到主機公司一般也可以購買網域，若跟我一樣是從其他像Godaddy的網域商購買的
選擇右邊填入已購買的網域名稱，並填寫各種帳戶資訊
網域名稱填寫
最下方可以看到，就跟購買網域時一樣，
廠商會問要不要加購他們的一些服務，
懶人如我可以選擇全部都取消勾選即可 (放心，這些促銷資訊事後還是會收到的)。
Bluehost加購商品
租用主機流程三 : 創建帳戶，設定密碼
你的註冊Email會收到驗證通知及帳戶資訊，務必妥善保存
基本上Bluehost的帳戶建立完成後，登入就會看到這個畫面，可以開始準備設計網頁了，
Bluehost 網站安裝
不過我會建議先別急，
先點選”Skip”跟著以下設定。
最速架站教學步驟二之二 : DNS、域名設定、SSL憑證安裝
目前創建好的網站網址還是Bluehost給你的暫時網域，
接下來要做DNS的動作，
租用主機流程四 : DNS指向
所謂DNS就是把網域（門牌）指向虛擬主機（土地），當訪客搜尋網址時，就可以順利找到主機上的網站（房屋）。
如果你是在 Bluehost 同時申請網域＋租用主機，DNS 指向已經自動設定完畢，不需額外操作，這章節可略過。
但如果你跟我一樣偏愛使用第三方網域商，個人網域和虛擬主機是分開申請的（不是同公司），就需手動 DNS 設定。
後台>Domains >點選 “Manage”
找到你的伺服器名稱，或者從你購買主機的收據上會有類似這兩行複製起來 :
以Godaddy為例，找到你的網域點選”DNS”
godaddy DNS
找到”網域名稱伺服器”點選”變更”
Nameserver變更
點選”輸入我自己的名稱伺服器 (進階)”
把剛剛在Bluehost複製的那兩行貼上然後”儲存”
DNSManagement
由於這個設定，可能造成既有網站中斷對外服務，所以會跳出警告，不過因為是新的，不會有這問題，所以勇敢的點選”Yes,….”，再點選”繼續”即可。
網路上一般會建議要等 15 – 30 分鐘左右才會設定生效，這段期間可以喝杯咖啡休息一下。
不過這個時間真的因人而異，我就設定等了快半天才更新上去，
如果成功，網域名稱伺服器就會變成 Bluehost 的了。
如果設定成功Godaddy也會寄一封變更名稱伺服器通知信給你。
網域名稱更新成功
租用主機流程五 : 正式域名設定
由於目前 WordPress 網站的網址，可能還是臨時網域的狀態，所以需更改為正式域名（剛在 Bluehost 申請的新網域）。
前往 Bluehost > My Sites，找到建立的網站，點 Manage Site。
前往 Settings，把 Site URL 方框內的 Site URL & Home URL 更改為正式網域（剛在 Bluehost 申請的新網域）。
照著下圖填入”http://(你的域名)”即可，完成後點 Save updates 儲存。
租用主機流程六 : 安裝SSL憑證
安全通訊協定，又稱為 SSL（Secure Sockets Layer）是一種安全協定，可在瀏覽器和主機伺服器之間，建立安全加密連結。
只要瀏覽器的網址欄前面有安全鎖頭，就代表目前是用 SSL 連線狀態。
網域加上 SSL 憑證的好處，除了訪客搜尋到你的網頁時，不會顯示不安全網站，也能幫助網站 SEO 排名。
首先，登入 Bluehost > My Sites > Security，開啟 Free SSL Certificate（SSL 憑證），然後等待一些憑證生效時間（不一定會馬上生效）。
最速架站教學步驟三 : 網站設計與上線
當你來順利來到了這步，
恭喜你基本上你的網站已經可以使用了，
剩下就是外觀設計的部分要靠你造化了。
透過Bluehost主機代管的好處是可以利用Bluehost的編輯器設計網頁外觀，
他的設定彈性說實在其實對新手來講就很夠用了。
若你要在網站上安裝外掛、撰寫文章，
也可以很輕易的從WordPress的後台進行操作，
網站設計與上線1: 網站登入
有兩種方式登入你的網站:
從Bluehost後台會看到右上角兩個選項
- Edit site in Builder: 用Bluehost內建的編輯器(設計網頁外觀)
- Log in to WordPress: 登入WordPress後台(設定網站名稱、使用者、編輯文章、安裝外掛)
從Bluehost登入WordPress
另一種登入方式就更簡單了，
只要先前的網域正式設定完成後，
WordPress 網站的 2 個重要路徑（請把 demo.com 改成自己的網域）：
- WordPress 前台：demo.com
- WordPress 後台：demo.com/wp-admin（加上 wp-admin 就是後台路徑）
網站設計與上線2: 網站設計
就我目前觀察各大前輩的網站與部落格，
多半是會額外付費購買一個網站主題 (價格約1500-2000 一次性購買)
付費的版型多半會更好看，也更能符合你的網站需求，
有機會再另外寫一篇推薦樣板主題選擇。
以上就是完整的Bluehost主機WordPress網站架設教學，
依照此流程設定最不容易出現錯誤，
切記，網站設計只是第一步，
內容、文案、商品，甚至精準的導流策略才是網站經營是否成功的關鍵。
