免費與付費架設網站教學

WordPress圖文分解步驟分享

---

這篇文章的前半段會先簡單講一下構成網站的基本要素，以及介紹一些常見的架站平台，如果你是想看架站教學步驟的可以直接點這裡。

前言

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

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

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

不用擔心，這篇文章就是要教你不會寫程式的你，如何在五分鐘之內免費架設 WordPress 網站！

網站三要素

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

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

#1 網域 (Domain)

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

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

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

再用更白話的方式講：

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

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

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

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

#2 虛擬主機 (Hosting)

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

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

而常見的主機商有：

• Godaddy
• Cloudways
• Bluehost
• HostGator
• SiteGround
• InMotion
• DreamHost

不過這篇文章主要不是介紹主機商，所以這邊就稍微帶過，未來也會找時間寫篇較完整的介紹，如果想先研究的人可以參考「阿福筆記」整理的文章。

而我自己這個網站目前是由 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上也很多)。

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

網站

• 網站帶路姬
• 鵠學苑

社團

• WordPress Taiwan 正體中文
• WordPress 社群生態普查與研習 – 網站迷谷
• WordPress不懂程式的新手站長 – 網站帶路姬學園

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 這個平台架設自己的網站，算是給大家「感受」看看操作一個部落格的感覺，如果想要長久經營，我還是會建議購買自己的網域及主機，自己架設會更好。

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

部落格經營相關文章

• 如何開始經營部落格？部落客經營心法與網站資源分享
• 如何幫網站命名？為部落格取名字的9種技巧建議
• 12大部落格平台推薦！網站費用與心得評價通通告訴你
• 痞客邦教學 | 如何註冊、發文與使用相簿，靠這篇全搞定
• 方格子評價與心得分享，本土寫作平台詳細介紹
• 字媒體教學 | 全方案詳細介紹，完整申請操作就看這篇
• 10個網站logo製作工具推薦！自己也能設計專業級商標
• 免費與付費架設網站教學，WordPress圖文分解步驟分享
• 如何免費提升網站流量？5種最有效的方式 (附證明圖)
• 網站該寫些什麼內容？分享我尋找靈感來源的方式
• 如何有效率寫文章？分享我的每日更文小技巧
• 如何提升網站收入？部落格賺錢的10種方法
• 小型網站部落客如何接業配？自我行銷實戰經驗分享
• 部落格文章被抄襲怎麼辦？必學絕招，教你防範與對付抄襲者
• 遇到酸民怎麼辦？深度剖析他們脆弱的內心

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

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