架設網站教學

免費與付費架設網站教學

WordPress圖文分解步驟分享


前言

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

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

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

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

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

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

一個網站要構成,需要有最基本的三個要素:

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

#1 網域 (Domain)

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

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

再用更白話的方式講:

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

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

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

網域競標
網域競標 (擷取至Godaddy)

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

#2 主機 (Hosting)

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

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

而常見的主機商有:

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

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

#3 內容管理系統 (CMS)

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

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

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

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

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.

架站平台介紹

#1 WordPress

Wordpress

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

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

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

#2 Weebly

weebly

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

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

#3 Wix

Wix

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

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

#4 Blogger

Blogger

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

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

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

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.

為什麼我推薦 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權限
各種不同權限

WordPress 種類

WordPress比較

1. WordPress.com

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

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

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

2. WordPress.org

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

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

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

這並沒有一定的答案:

  • WordPress.com:若沒升級就只能用最基礎的功能 (功能差異點這裡),但好處是並不需要自己管理主機,他們會幫你管到好,有問題打電話給客服隨時幫你解決。
  • WordPress.org:你能夠自由運用 WordPress 的所有功能,但是主機需要另外尋找與購買,不過另一方面來講也因為是自己掌控,所以可以隨時升級成更高效能的主機。
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.

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 ➤ 調成中文。

更改中文
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.

WordPress付費架設網站教學

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

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

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

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

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.

結論

這篇文章是簡單教大家利用 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.

部落格經營相關文章

部落格經營技巧與心法

部落格平台介紹與評價

獲利方式實際經驗分享

好用的部落格工具推薦

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

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

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

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

    1. 1. 網站是可以將原本資料全部匯出,再匯入自己購買的網域主機中的。但這部分比較技術性,我會建議直接聯繫主機商客服,他們都能夠協助你「搬家」。

      2. Wealthy Affiliate 之所以是免費的緣故,是因為它的網站是建立於 Wealthy Affiliate 的子網域中,所以在主機方面就是由它們來管理,自己的掌控度就沒那麼高;而如果是自己購買主機網域,就能夠全權掌控,網域主機有問題都可以直接到後台查看。

      另外一點,因為 Wealthy Affiliate 是大家共同使用同個主機,所以在一些資源流量上就有可能被瓜分掉;相反地,自己購買網域主機就不會有資源流量被瓜分的問題,因為全部都是自己的。

Leave a Comment

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *