wordpress架站教學

【2024】WordPress新手教學:20分鐘帶你架設完成一個網站

想要打造一個自己的部落格嗎?還是想要自己做一個品牌官方網站?根據資料顯示全球有大約40%的網站都是使用Wordpress架設網站的,如果你對於Wordpress還不是很了解,那麼這篇文章可以帶你從認識Wordpress開始到架設好一個自己的網站。

首先我們先了解幾個常見關於Wordpress的問題:

  • WordPress是什麼?
  • WordPress.org和Wordpress.com的差別
  • WordPress需要費用嗎?
  • 不懂程式語言也可以用Wordpress架站嗎?

WordPress是什麼?

WordPress為 Matt Mullenweg、Mike Little和其他優秀的開發者 於2003年完成的一款主要是以PHP和MySQL 為平台的自由開源的部落格軟體和內容管理系統(CMS) ,讓任何人都可以使用製作自己的網站,也就是從WordPress.org下載Wordpress。

WordPress.org和Wordpress.com的差別

當你在google搜尋Wordpress時,相信你會看到WordPress.orgWordPress.com,而這邊也簡單解說兩者之間的差別。

WordPress.com
是由創辦人之一 Matt Mullenweg所開設的公司 Automattic所提供的部落格空間,就像是痞客邦一樣直接申請帳號,就可以馬上使用。

因為這是以Wordpress基本版所做出的服務系統,提供你工具和網路空間,但如果你想要進階一點,你的網站就需要升級到商業版(下圖有我到Wordpress.com搜尋的費用表)。

WordPress.com費用方案

WordPress.org
是一個免費開放的軟體, 讓 WordPress 可以架在自己決定的網路空間、功能完整,你可以自由的選擇購買主機+網域+主題,可以完全的掌控自己的網站,也不用月租付費的方式,付錢給 WordPress.com。
所以依據個人需求來選擇,如果只是想要有一個地方可以寫寫自己的部落格,了解一下Wordpress,那麼WordPress.com就是一個入門很好的體驗;但如果你想要完整功能,隨時增減網站的功能,那麼就選擇 WordPress.org,雖然剛開始要花點時間從頭摸索,但長期來看自主性高加上整體成本分攤下來也比較便宜。

WordPress需要費用嗎?

WordPress本身是免費的軟體,它所產生的費用來自於「主機+網域+主題」購買,平均下來一年可能要花費約台幣3,000元起,如果這個費用可以建立自己的品牌網站,無論是銷售、建立作品集打造個人品牌,我想這是一個很不錯的投資。

不懂程式語言也可以用Wordpress架站嗎?

WordPress是一個免費開源軟體,你不需要自己寫程式來製作網站,要做的就是下載及安裝軟體和外掛,循著步驟走逐步完成架站。當然如果本身懂得一些程式語言,那麼所做出來的網站就更自在的依循本身喜好調整作出客製化的版本,但其實很多功能都可以透過「外掛」來協助處理,因為WordPress已經成熟,很多人開發許多好用的外掛,讓你即使不會寫Code也能做出一個好用又好看的網站。

網站架設最重要兩件事

架設一個自己的網站,主要的步驟如下:

  • 購買主機
  • 安裝Wordpress
  • 購買網址
  • 設定佈景主題

但最重要的就是要先搞定「主機」和「網址」

1.購買網主機空間

主機是用來存放你網站的資料,也是架設網站最基礎的部分,WordPress提供架站程式,我們就需要有的地方來放,而常見的虛擬主機有分兩種VPS主機和共享主機,以下簡單說明兩者差異。

所謂虛擬主機就是主機商把一台執行在網際網路上的伺服器主機分成一台台“ 虛擬 ”的主機, 每一台虛擬主機都具有獨立的功能變數名稱或 IP 位址,具有完整的 Internet 伺服器( WWW 、 FTP 、 Email 等)功能 ,虛擬主機之間完全獨立,並可由用戶自行管理,在外界看來, 每一台虛擬主機和一台獨立的主機完全一樣 。

VPS主機
只有你的獨自使用,在購買時已經決定好你的資源空間,不會有其他人與你共用。

  • 優點:性能較好、不受其他用戶流量影響快慢
  • 缺點:費用高一些些,但可隨時取消

共享主機
主機商將它的空間切份成許多份,而你租用時就會是這其中之一,大家一起共用這空間。

  • 優點:費用相對優惠,但須簽約時限
  • 缺點:速度較慢

目前我自己使用的主機是「Cloudways」,它是屬於VPS主機,一般你會看到很多主機購買是屬於共享主機,主機的購買沒有好壞純粹看你的需求而定,以下介紹Cloudways VPS主機和兩家較常見的共享主機Bluehost和 HostGator。

推間三家主機商

  1. Cloudways (VPS主機)
  2. Bluehost (共享主機)
  3. HostGator (共享主機)

正確來說Cloudways是VPS主機代管商,也就是說Cloudways有不同VPS主機讓你挑選,VPS通常需要自行設定維護,但在Cloudways不用自己從頭到尾一步一步花費很多心思去設定,透過代管只要挑選好之後就完成,條列Cloudways特色如下:

  • 主機購買彈性大:3天免費試用、隨時調整升級合適方案、以小時計費,可隨時停用不綁約
  • 兼具安全性:免費SSL憑證、專用防火牆、機器人防護
  • 不限網站架設數量
  • 內建備份系統
  • 協助網站搬家
cloudwasy cover
cloudways price

新手剛剛開始想要有網站,那這是WordPress官方合作推薦的主機購買商,價格上來說如果剛好遇到特價相當實惠,購買的特色如下 :

  • 附送一年的免費網域
  • 限制網站架設數量
  • 30天的退費保證
  • SSL憑證
bluehost home
bluehost price

HostGator

HostGator 是家美國老牌的主機商與 Bluehost隸屬於 Endurance International Group (EIG) 集團之下。後台操作控制面板也是相當適合初學者使用,非常直覺且方便的操作,讓你即使剛入門也能了解如何建立一個網站。

  • 附送一年的免費網域
  • 限制網站架設數量
  • 提供30天退款保證期
  • SSL憑證
hostgator home
hostgator price
以上三款主機都蠻推薦的,如果你不想綁約又想流量快,就選擇Cloudways,如果剛開始想要先嘗試架設網站看看狀況,那Bluehost和HostGator兩家差異沒有很大,就看自己喜歡哪個。

2.購買網址

網址的部分你可以選擇直接到網域平台購買或是在購買主機時一起購買也行,這邊兩種方式都會介紹。 網址就像買一個自己家的門牌一樣,所以你可以先想好你想要的網址名稱,通常都會與網站主題、品牌名稱或是個人名稱為主。目前市面上比較推薦的兩家網域購買廠商是namecheapgandi,兩家廠商內容差不多。

非常老牌的網路服務供應公司,是最有名的應該都是網域註冊的服務,價格也挺漂亮的。

namecheap
gandi最大的好處是它有提供中文介面,也是相當老牌,總部位於法國(同時也是法國最大的)。2014 年 Gandi.net 在台灣成立辦公室,同時設有中文客戶服務,相較於國外註冊商來說有更多的在地優勢,因此現在註冊網址並不困難,也能在台灣享受世界級服務。
gandi網址購買

網站架設實作

在知道怎麼購買主機和網址之後,接下來我們就可以開始架設網站,目前JessisLAB網站就是選擇Cloudways為主機,所以我們就用Cloudways當作範例走一次流程。

第一步:主機申請

Cloudways:點擊前往官網

進入Cloudways首頁之後,點擊右上方有一個「Start Free」按鈕,我們就進入開始架站第一步。 (Cloudways提供你免費三天試用,所以大膽玩玩試一下)

cloudwasy cover

1.填寫個人資料
你需要填寫個人資料,我們就照著上面的說明填入,設定你的姓名、Email、密碼,挑選你的身份,身份沒有影響選擇,資料填寫完確定之後,就可以按下開始。

cloudways 註冊

2:帳戶啟用及身分驗證
進入之後,你會看到歡迎詞以及「主機挑選區」,在開始挑選主機之前,我們看到畫面中說你的帳戶還沒確認,所以需要先到你剛剛留下的Email中查看Cloudways寄給你的帳戶啟用信件,按下啟用帳戶之後我們會進到身分驗證。

cloudways帳號啟用驗證

3:身分驗證
這時候你需要輸入你的手機號碼,提供你收的到訊息的手機,它會發送驗證碼給你;接著,驗證你的Email確認之後,你的身分驗證就完成了。 手機資料提供之後,基本上我就沒有再收過任何訊息。

cloudways 身份驗證
cloudways e-mail驗證

4:選擇主機
經過重重關卡,終於在第四步要選主機了。 首先我們先看一下最上方,我們要安裝WordPress的版本,通常就是選擇最新的版,接著需先設定你的「網站」和「SERVERS」的名稱,然後畫面中可以看到有五家主機可以挑選,新手建議如下:

  • 主機:選擇初級的DigitalOcean
  • SERVE SIZE:挑選1GB(剛開始或流量不大這就足夠)
  • LOCATION:選擇離台灣較近的亞洲區Singapore

以上這些設定都可以隨時調整,想要更換增減都可以修改,確認挑選完成後,目前費用是一個月14美金相當划算,沒有問題我們就按下「LAUNCH NOW」。 主機在申請的過程中需要花一點時間等待Cloudways架設,就讓它跑不要動,跑的速度很快!

cloudways singapore

另外,你可以在網頁上方看到訊息寫著你有三天的免費使用期,三天後會開始收費,這個時間我會建議你先做好信用卡支付設定,避免如果你三天後要繼續使用但忘了綁定,主機就會停掉,你就需要去跟客服聯繫處理。
當然,綁定信用卡之後,三天後如果想要停掉也可以隨時停止,這就是Cloudways的好處,接下來就等待架設完成,我們就準備進入Cloudways的後台設定。

第二步:進入Cloudways後台

等待主機跑一回時間,設定好之後頁面就會出現你的SERVER和一個網站名稱,按一下「www」,你會看到你剛剛設定好的名稱,點擊進入。

cloudways網站架好

1.看看WordPress前台
一進來到「ACESS DETAILS」看到APPLICATION URL,點擊WordPress那個網址,進入到你的WordPress前台,出現以下圖片就是,如果你的畫面跟我不同也沒關係,因為WordPress每年都會換樣式。

cloudways acess details
wordpress前台畫面

2.看看WordPress的後台怎麼進去呢
同樣回到Cloudways找到ADMIN PANEL,點下那個URL,出現下圖要你輸入「Username」 和「Password」,直接點下Cloudways上的資料複製過去就可以登入。

wordpress後台登入

3.WordPress基本設定
進到WordPress後台後,我們先到Settings中去修改一些設定

wordpress後台設定

(1) 一般設定>語言設定
先將設定語言,改成中文,避免因為太陌生而不知道怎麼下手
位置:Settings→General Settings→Site Language→繁體中文

wordpress後台設定

(2)網站標題和網站說明
改成中文後,同樣在「一般設定」修改你網站的名稱和網站說明,根據你網站特色寫就好。這個不一定要馬上修改,事後再回來設定也行。

wordpress後台設定

(3) 永久連結
中間其他的我們都先不動,在來同樣在設定中往下找到「永久連結」,我們先來設定日後網址呈現的樣子。目前我會選擇「文章名稱」這個設定值,一來你的文章當網址也比較清楚明白,二來有不用因為時間而讓人覺得文章久遠。

wordpress後台設定

這3項設定好之後,這邊就先告一段落,接下來我們來搞定網址的部分。
我的網址現在也都是在Gandi購買,就以Gandi作為示範

第三步:Gandi購買網址

主機架設好了,WordPress的後台也設定了,接著我們要來設定網址,目前我們所看到的網址是Cloudways預設的,所以要改成你專屬的網域

1.網址挑選和購買

Gandi官方網站:點擊前往

「gandi」購買好處就是它有中文頁面,至於怎麼挑選網址,其實就是挑自己想要的名稱就好,結尾我個人喜歡.com,常見當然有.tw或是.com.tw都好。

先在搜尋列中輸入你要的網址名稱,搜尋看看結果,每一個價格都不同,有時候特價很便宜,續約價很貴,所以要記得看看原價來當作購買的參考原因之一,選定好之後,就照著它的步驟付款結帳就完成了。

gandi網址購買
gandi
如果你還沒有註冊過gandi再按下購物車結帳後就會跳出註冊頁面依據網頁指示進行就可以了,如果你已經註冊過了那就直接登入就可以囉。
註冊完成後,gandi就會發送一封驗證信到你的信箱,點選之後就會轉回原本的購買畫面,接著選擇付款方式確認付款即可。
gandi驗證信
付款的方式也有很多可以選擇,選擇好後付款就買到自己的網域囉。
gandi-付款方式
購買完成之後,我們進入gandi後台,點到「域名」就會看到已經啟用的網址,接著點你的網址進去,我們要先來設定DNS,將你的網站與網站連結在一起。
gandi-網域後台

2.DNS設定
點進購買的網址後,我們看上排有一個DNS紀錄,我們要設定「A紀錄」和「CNAME」。

gandi-a紀錄修改

A紀錄設定

1. 複製IP位址:先回到Cloudways的後台,找到上面Applications點進去,就會看到你的網站,我們點到ACCESS DETAILS,你會看Public IP,點擊一下複製IP位址。

2. 回到gandi後台,找到區域紀錄檔中的A紀錄,點下旁邊的筆型圖式修改,將你剛剛複製的IP位址貼到,畫面中IPv4 位址,就完成。

gandi-a紀錄修改
cloudways IP位置複製

CNAME設定

點到下方有看到CNAME,點進畫面後,在最下方的主機名稱修改為一個「@」儲存,這樣就完成了。接著就等它系統指向設定好,完成時間不一定,也許24小時你連上網站看看是否成功。

gandi-cname修改
gandi-cname修改
如何確定是否成功,就是輸入你的網站看看是否連進去,連進去就是成功了。

第四步:Cloudways後台設定

第三步的DNS設定好連線之後,我們就會到Cloudways最後台最後設定,主要讓你的網址與網站連結,這邊就包含網址和SSL安全設定。
cloudways後台

1.網址設定
回到Cloudways,我們點選到Applications,在點你剛剛設定好的網站名稱,進入之後找到Domain Management。 在PRIMARY DOMAIN,輸入你買好的網址,按下SAVE CHANGS這樣就完成

cloudways後台設定

2.SSL設定
購買Cloudways就會有免費的SSL憑證贈送給你,有申請SSL你的網址前面就會增加一個鎖頭,也會是Google認列為安全網站,讓人更安心信任。 進入SSL頁面,輸入你的Email和網址,在按一下Add Domain,在額外輸入一個WWW版本的網址,把這些填完後就按下INSTALL CERTIFICATE。

cloudways ssl設定

架站完成囉

到了這邊,基本上你的網站就已經完成囉,這是你自己產出的一個網站一個作品,是不是你就算不懂程式語言也可以架出這個網站,這樣心情是很高興的。
有了這個網站之後接下來還是要開始妝點,像是增加內容、調整版面、增加外掛等等的,一步一步地調整到你心目中最完美的網站模樣,所以持續學習了解WordPress你會發現這是一件好玩又有趣的事情。

Scroll to Top