免費與付費架設網站教學
WordPress圖文分解步驟分享
這篇文章的前半段會先簡單講一下構成網站的基本要素,以及介紹一些常見的架站平台,如果你是想看架站教學步驟的可以直接點這裡。
文章很長,先看這裡
前言
在上一篇《如何找到利基市場?三個簡單的步驟快速告訴你》文章中,帶著大家一起找出適合自己的利基市場,各位是否成功找到了呢?
而接著第二步,就是需要架設一個「網站」。也許看到這邊你會想:
- 架網站是不是要會寫程式呀?
- 架網站的費用是不是會很貴?
- 架網站會花費很多時間對吧?
不用擔心,這篇文章就是要教你不會寫程式的你,如何在五分鐘之內免費架設 WordPress 網站!
網站三要素
一個網站要構成,需要有最基本的三個要素:
- 網域 (Domain)
- 虛擬主機 (Hosting)
- 內容管理系統 (CMS)

#1 網域 (Domain)
網域和大家熟知的網址有點不一樣,正確來說,必須先有網域才會有網址。
以我網站上的一篇文章來舉例:
- 這篇文章的網址是:https://easytorich.com/affiliate-marketing-teaching
- 它隸屬的網域就是:easytorich.com
再用更白話的方式講:
- 網域:一個行政區
- 網址:該行政區內的門牌號碼
要先有行政區,才能下去分劃每戶的門牌號碼。
網域是需要購買(租用)的,而每個網站只會有一個網域,且網域不能與別的網站重複。(所以才會有網域蟑螂,先把網域買下來,再高價賣給公司行號或知名品牌)

每個網域的價格並不固定,而是會依照這個網域的價值來訂價,當然有許多受歡迎的網域甚至需要用競標的方式來獲得 (如上圖)。
#2 虛擬主機 (Hosting)
虛擬主機簡單來說就是用來裝你網站所有資料的容器。
因為一個網站的資料非常多,你不太可能自己儲存這些資料,就算可以自己儲存,也需要另外花非常高的成本,所以一般都會由主機公司代管,但相對的也會需要付一點管理費。
而常見的主機商有:
不過這篇文章主要不是介紹主機商,所以這邊就稍微帶過,未來也會找時間寫篇較完整的介紹,如果想先研究的人可以參考「阿福筆記」整理的文章。
而我自己這個網站目前是由 Godaddy 代管,主要是因為它是少數有中文介面以及中文客服的主機商,有需求的人歡迎點進去瞧瞧。
更新:隨著網站的資料越來越多,我後來搬家到空間更大的 Cloudways 囉!如果你有 Godaddy 搬家到 Cloudway 的需求,可以聯絡我,我有協助搬家的服務。
#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 不會提供共同的虛擬主機,用戶需要自己找尋適合的主機商購買主機,並把網站架在上面。
也就是需要尋找適合的土地,並買下來自己蓋房子,從搭建到裝潢都必須自己來。
像我目前這個網站,就是架在主機商 Godaddy 上。而這種方式不管是主機還是網站,就都可以完全由自己控管。(更新:後來搬家到 Cloudways 囉!)
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 台幣。
且會隨著網站內容與流量的增長,若需要更換更大容量的主機,成本也會隨著增加。
《點我回目錄》
結論
這篇文章是簡單教大家利用 WA 這個平台架設自己的網站,算是給大家「感受」看看操作一個部落格的感覺,如果想要長久經營,我還是會建議購買自己的網域及主機,自己架設會更好。
當然,也可以用一些其他的部落格平台,等做到有點規模後,再將網站轉到自己購買的主機與網域上 (不過平台選擇上要注意,有些不開放搬家)。
Call To Action
Click here to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
部落格經營相關文章
- 如何開始經營部落格?部落客經營心法與網站資源分享
- 如何幫網站命名?為部落格取名字的9種技巧建議
- 12大部落格平台推薦!網站費用與心得評價通通告訴你
- 痞客邦教學 | 如何註冊、發文與使用相簿,靠這篇全搞定
- 方格子評價與心得分享,本土寫作平台詳細介紹
- 字媒體教學 | 全方案詳細介紹,完整申請操作就看這篇
- 10個網站logo製作工具推薦!自己也能設計專業級商標
- 免費與付費架設網站教學,WordPress圖文分解步驟分享
- 如何免費提升網站流量?5種最有效的方式 (附證明圖)
- 網站該寫些什麼內容?分享我尋找靈感來源的方式
- 如何有效率寫文章?分享我的每日更文小技巧
- 如何提升網站收入?部落格賺錢的10種方法
- 小型網站部落客如何接業配?自我行銷實戰經驗分享
- 部落格文章被抄襲怎麼辦?必學絕招,教你防範與對付抄襲者
- 遇到酸民怎麼辦?深度剖析他們脆弱的內心
一位內向的男孩,喜歡思考多於說話。
多年經營部落格,想讓文字成為你我溝通的橋樑。
這邊,是我成長的溫床,也是你最溫暖的歸屬。
商業合作:dean@easytorich.com
預約服務:easytorich.com/service
可以問一下,文章中說的[可以再將網站轉到自己的購買的主機與網域上],要怎麼做到嗎
然後你也說做到有規模再轉移,想問一下購買主機跟網域會比利用 Wealthy Affiliate的免費建立網站還更有哪些優勢呢?
1. 網站是可以將原本資料全部匯出,再匯入自己購買的網域主機中的。但這部分比較技術性,我會建議直接聯繫主機商客服,他們都能夠協助你「搬家」。
2. Wealthy Affiliate 之所以是免費的緣故,是因為它的網站是建立於 Wealthy Affiliate 的子網域中,所以在主機方面就是由它們來管理,自己的掌控度就沒那麼高;而如果是自己購買主機網域,就能夠全權掌控,網域主機有問題都可以直接到後台查看。
另外一點,因為 Wealthy Affiliate 是大家共同使用同個主機,所以在一些資源流量上就有可能被瓜分掉;相反地,自己購買網域主機就不會有資源流量被瓜分的問題,因為全部都是自己的。