免費與付費架設網站教學

WordPress圖文分解步驟分享

前言

在上一篇《如何找到利基市場？三個簡單的步驟快速告訴你》文章中，帶著大家一起找出適合自己的利基市場，各位是否成功找到了呢？

而接著第二步，就是需要架設一個「網站」。也許看到這邊你會想：

架網站是不是要會寫程式呀？
架網站的費用是不是會很貴？
架網站會花費很多時間對吧？

不用擔心，這篇文章就是架設網站教學，要教你不會寫程式的你，在五分鐘之內架設 WordPress 網站，並且能夠開始寫文章賺錢！

文章前半部會先介紹網站的組成結構，中間則是介紹常見的架站平台與選擇 WordPress 的原因，最後才是教大家用免費與付費的方式架起網站。

網站三要素：網域、虛擬主機、內容管理系統

一個網站要構成，需要有最基本的三個要素：

網域 (Domain)
主機 (Hosting)
內容管理系統 (CMS)

#1 網域 (Domain)

網域和大家熟知的網址有點不一樣，正確來說，必須先有網域才會有網址。

以我網站上的一篇文章來舉例：

這篇文章的網址是：https://deanlife.blog/affiliate-marketing-teaching
它隸屬的網域就是：deanlife.blog

再用更白話的方式講：

網域：一個行政區
網址：該行政區內的門牌號碼

要先有行政區，才能下去分劃每戶的門牌號碼。

網域是需要購買(租用)的，而每個網站只會有一個網域，且網域不能與別的網站重複。(所以才會有網域蟑螂，先把網域買下來，再高價賣給公司行號或知名品牌)

每個網域的價格並不固定，而是會依照這個網域的價值來訂價，當然有許多受歡迎的網域甚至需要用競標的方式來獲得 (如上圖)。

#2 主機 (Hosting)

主機簡單來說就是用來裝你網站所有資料的容器。

因為一個網站的資料非常多，你不太可能自己儲存這些資料，就算可以自己儲存，也需要另外花非常高的成本，所以一般都會由主機公司代管，但相對的也會需要付一點管理費。

而常見的主機商有：

我自己這個網站目前是放在 Cloudways，除了因為 VPS 主機速度快外，也是因為他的英文客服團隊超強，有問題的話問他們幾乎都能夠幫你解決。

不過這篇文章主要不是介紹主機商，所以這邊就稍微帶過，更多的內容大家可以閱讀我撰寫的另外一篇虛擬主機評價文章。

延伸閱讀：架設網站必備虛擬主機！7大服務商優缺點評價

#3 內容管理系統 (CMS)

內容管理系統其實就是大家俗稱的「架站平台」，不過其實它不能真正算是網站構成的原始要素。

而是因為這時代越來越多人有架網站的需求，但又不見得每個人都會寫程式，所開發出的一套「視覺化」的網站編輯管理系統。

幫你把一個網站需要程式的部分先設定好，其他的內容及外觀再由你自己規劃設計。

後面我會花一個大節來介紹目前幾個比較知名的架站平台，並稍微分析它們各自的優缺點。

架站平台介紹

#1 WordPress

WordPress 是目前最多人使用的架網工具，全世界那麼多的網站中，就有 30% 是用 WordPress 製作。它可以架設出各式不同類型的網站，如：部落格、電商、公司官網、會員網站 … 等。

而 WordPress 又分為 WordPress.com 與 WordPress.org 兩種，這部分我會在後面詳細解釋。

優點：有上萬種佈景主題+外掛可以使用，更直接開放網頁原始碼，讓會程式的人進行修改。
缺點：因為功能較多，所以相較於其他架站平台需要花比較多時間摸索與學習。

#2 Weebly

Weebly 以能夠快速建立電商網站，以及線上購物系統聞名，適用於商品種類較少或是短期活動的小型電商。

優點：具有購物車、結帳、產品篩選、庫存追蹤等功能，更有專屬 APP 可直接透過手機來管理網站。
缺點：網頁的版型與素材相對來說較少，且因為其虛擬主機是共用的，所以會嚴重拖慢網站速度。

#3 Wix

Wix 的功能整體而言非常簡單，主打「快速架站」，在幾分鐘內就能擁有一個不失專業的網站，是蠻多企業主喜歡使用的架站平台。

優點：能直接以視覺化的區塊拖曳方式來進行排版設計，十分直覺且也不需花太多時間。
缺點：由於無法完整匯出網站內容，轉移並不靈活，對於需長期經營的網站來說並不是個好選擇。

#4 Blogger

Blogger 原本是一個文章創作為主的平台，提供用戶可以自由發表創作。而後因為被 Google 收購，加入與開放了一些免費的網站編輯功能，讓 Blogger 也成為了一個架站的平台。

優點：因為是 Google 自己的平台，在 SEO (搜尋引擎優化) 上非常友善，甚至後台可以直接開啟 Google Adsense (Google 廣告) 的功能。
缺點：由於是由文章平台轉型，導致功能十分陽春，且還是需要會一些基本的語法，才能架出比較像樣的網站。

延伸閱讀：12大部落格平台推薦！網站費用與心得評價通通告訴你

為什麼我推薦 WordPress

WordPress 優點

1. 佈景主題多

WordPress 的佈景主題數量非常多，目前免費 + 付費的佈景主題總共有上萬個，而且持續增加中。

所有人都可以依照不同的喜好去找尋適合自己的模板並套用，讓自己的網站看起來專業而不陽春。

2. 外掛工具多

WordPress 外掛是什麼？它的功能就類似我們手機上的 APP，有這些 APP (外掛) 我們才能執行我們想要做的事情。

在 WordPress 社群中最常聽到的一句話就是：「There’s a plugin for that！」意思就是 WordPress 上沒有任何事情是「外掛」辦不到的。

目前 WordPress 上已經有 50000 多個免費 + 付費的外掛可以使用，不過基本上一個網站不會用到那麼多外掛，大約 2、30 個外掛功能就很完善了。

3. 可修改原始碼

在一些佈景主題或外掛無法達到自己想要的外觀或功能時，如果你懂程式語言，就可以從後台修改整個網站的原始碼，將網站改成你自己想要的樣子。

文章編輯時也是，如果視覺化編輯器做不到自己所想的樣子，也可以開啟程式碼編輯器進行編輯 (在右上方設定中，或 Ctrl+Shift+Alt+M)。

4. 學習資源多

由於 WordPress 使用人數眾多，且遍及各地，所以各種語言的教學都有，資源非常豐富，遇到問題直接 Google 就能找到答案 (Youtube上也很多)。

在這裡推一下幾個我覺得不錯的學習網站與社團：

網站

社團

5. 可設定不同權限

WordPress 最棒的部分就是可以設定不同權限，也就是說一個網站可以給予每個人不同的身分。

像是：

訂閱者：只能瀏覽文章，以及發表迴響 (就是你)。
投稿者：只可以撰寫文字，不能上傳圖片以及發布文章。
作者：可編輯並發布文章，其他人的文章及迴響僅可查看。
編輯：可以管理所有與文章有關的事物 (文章、迴響、分類、標籤 …)
網站管理員：負責整個網站的管理與設定。

如果你的網站未來預計會團隊化經營，那麼網站就必須有這些權限，在網站成熟後就能聘請寫手或管理員來負責網站的營運。

WordPress 種類

1. WordPress.com

大家應該知道痞客邦吧？WordPress.com 的性質就跟痞客邦類似，提供一個免費的平台讓你架設自己的網站，不用另外購買虛擬主機 (因為主機為所有用戶共用)。

就有點像是在一塊土地上，房子都已經替你蓋好了，你只需要住進去並裝潢就好。

所有想體驗看看 WordPress 基本功能的人，都可以先辦一個 WordPress.com 的帳號玩一玩，真的有興趣就看是要不要升級，或是直接搬家到 WordPress.org 都可以。

2. WordPress.org

WordPress.org 不會提供共同的虛擬主機，用戶需要自己找尋適合的主機商購買主機，並把網站架在上面。

也就是需要尋找適合的土地，並買下來自己蓋房子，從搭建到裝潢都必須自己來。而這種方式不管是主機還是網站，就都可以完全由自己控管。

3. 哪種比較好？比較省錢？

這並沒有一定的答案：

WordPress.com：若沒升級就只能用最基礎的功能 (功能差異點這裡)，但好處是並不需要自己管理主機，他們會幫你管到好，有問題打電話給客服隨時幫你解決。

WordPress.org：你能夠自由運用 WordPress 的所有功能，但是主機需要另外尋找與購買，不過另一方面來講也因為是自己掌控，所以可以隨時升級成更高效能的主機。

WordPress免費架設網站教學

在架設之前，想先跟大家說明一下，接下來會帶大家用 Wealthy Affiliate (WA) 來架設網站。

WA 本身是一個外國主機商，同時也是一個課程平台，不過這邊要注意，WA 的付費課程我是不推薦的。

我介紹的僅是利用它們的平台，讓一些想要快速架站的人能夠更快速達到目的而已 (不然用痞客邦、Medium 也會是個選擇，可參考《痞客邦教學 | 如何註冊、發文與使用相簿，靠這篇全搞定》)。

如果你真的想要經營一個長久的網站，那麼還是會建議付一些成本費用，購買主機網域，建立起自己的 WordPress 網站。

#1 申請並設定帳號

step 1

進入 Wealthy Affiliate 首頁，並填入信箱。

step 2

填寫帳戶基本資料：名字、暱稱、密碼 (皆須英文)。

step 3

為了防止是假帳號，需要先到左上角 (第一個圓圈圈) 設定頭像。

照片可以使用內建相片，也可以同步 Facebook 的相片。

step 4

接著輸入自我介紹，一樣到左上角 (第二個圓圈圈)，點擊後會跳出一個框框。

可以先簡單打個一句話就好，以後想改隨時可以改 (需要使用英文，不然儲存後會變亂碼)，完成後就按儲存。

step 5

再來就是訂定簡單的目標 (數字化你的目標)，仍然在左上角 (第四個圓圈圈)。

點擊後會跳出幾個問題，問題依序為：

每個月賺多少錢你會感覺到很開心？
每個月賺多少錢能讓你過理想生活？
你每周願意花多少時間來達成目標？

都輸入完後，我們的 WA 帳戶就設定完成囉，接著就可以馬上來架設網站！

#2 架設個人網站

step 1

先點選左側 Website，再點 Build A Website。

step 2

選擇最左側的 On a free domain (使用免費網域)。

step 3

設定網站基本資料：

網域名稱 (日後不可更改)
網站名稱 (日後可更改)
佈景主題 (日後可更改)

都填完後，記得點選最下面的 Chick Here To Build This Site，這樣就建好屬於你的網站了！

補充：WA 提供的免費網域屬於它們子網域，所以可永久使用。

step 5

接著就直接按 Login Now，馬上進入自己的網站看看。

PS. 想改密碼的人也可以點 Reset Password 來更改登入密碼。

step 5

最後就成功登入自己的 WordPress 網站啦！是不是超簡單啊！

PS. 如果不想使用英文介面，可以點選 Setting ➤ General ➤ Site Language ➤ 調成中文。

WordPress付費架設網站教學

原本這篇文章只有教大家用免費的方式來架設網站，但因為考慮到有些人不想要使用 WA，想要擁有獨立的網域與主機，架設真正屬於自己的網站。

所以我後來有做了一份 50 多頁的 PPT，分享付費的架站方式，歡迎大家參考：https://lihi1.cc/OnSUi

補充一下，如果是付費的方式，一個月基本的網域與主機費用，約落在 NT$300~500 台幣。

且會隨著網站內容與流量的增長，若需要更換更大容量的主機，成本也會隨著增加。

結論

這篇文章是簡單教大家用現成的平台架設自己的網站，算是給大家「感受」看看操作一個部落格的感覺，如果想要長久經營，我還是會建議購買自己的網域及主機，自己架設會更好。

當然，也可以用一些其他的部落格平台，等做到有點規模後，再將網站轉到自己購買的主機與網域上 (不過平台選擇上要注意，有些不開放搬家)。

部落格經營問題歡迎詢問

部落格經營相關文章

部落格經營觀點與技巧：

部落格平台介紹與評價：

獲利方式實際經驗分享：

好用的部落格工具推薦：

你是部落客嗎？是否有流量或收益上的困難？還是遲遲找不到網站方向？那也許我能幫助你，我目前已經幫助過上百位部落客優化網站，點這邊了解更多！

如果這篇文章有幫助到你，可以不限金額斗內我，或花 30 秒登入 LikeCoin 帳戶，並點擊下方拍手按鈕，免費支持我。(也能加入讚賞公民 ☛ 點此了解更多)

Dean

一位內向的男孩，喜歡思考多於說話。

多年經營部落格，想讓文字成為你我溝通的橋樑。

這邊，是我成長的溫床，也是你最溫暖的歸屬。

商業合作：dean@deanlife.blog
預約服務：deanlife.blog/service
深入認識：deanlife.blog/about

4 thoughts on “免費與付費架設網站教學，WordPress圖文分解步驟分享”

夢
2019-12-20 at 上午 10:33

可以問一下，文章中說的[可以再將網站轉到自己的購買的主機與網域上]，要怎麼做到嗎
然後你也說做到有規模再轉移，想問一下購買主機跟網域會比利用 Wealthy Affiliate的免費建立網站還更有哪些優勢呢?

1. Dean
  2019-12-20 at 下午 12:43
  
  1. 網站是可以將原本資料全部匯出，再匯入自己購買的網域主機中的。但這部分比較技術性，我會建議直接聯繫主機商客服，他們都能夠協助你「搬家」。
  
  2. Wealthy Affiliate 之所以是免費的緣故，是因為它的網站是建立於 Wealthy Affiliate 的子網域中，所以在主機方面就是由它們來管理，自己的掌控度就沒那麼高；而如果是自己購買主機網域，就能夠全權掌控，網域主機有問題都可以直接到後台查看。
  
  另外一點，因為 Wealthy Affiliate 是大家共同使用同個主機，所以在一些資源流量上就有可能被瓜分掉；相反地，自己購買網域主機就不會有資源流量被瓜分的問題，因為全部都是自己的。
  
小泉
2021-08-18 at 下午 6:49

這篇文章真的說得很詳細，從選擇網站系統根如何架設網站都很完整，真的是一篇超級實用的文章，已納入書籤，感謝Dean的分享~~~

1. Dean
  2021-08-19 at 上午 10:56
  
  謝謝你的喜歡 :))

免費與付費架設網站教學

WordPress圖文分解步驟分享

前言