fbpx
首頁 » WordPress » WordPress 主機 » 如何開始架設 WordPress 網站? 網域、DNS、主機一次搞定 | 站長之路#2

如何開始架設 WordPress 網站? 網域、DNS、主機一次搞定 | 站長之路#2

最後更新日期:2020 年 5 月 20 日

你是新手不知道如何開始架設 WordPress 網站嗎?

本篇文章教你搞定架站所需的基本觀念,包含網域、DNS、主機的概念與設定教學。

此架站結構為:Namecheap 購買網域 + Cloudways 架設網站 + Cloudflare 代管 DNS。

希望你不要看到這些詞就很頭痛,試試看去瞭解一些不同領域的基本概念,就當作被我騙過來增加一點基本知識吧!

如何開始架設 WordPress 網站? 網域、DNS、主機一次搞定 | 站長之路#2
如何開始架設 WordPress 網站? 網域、DNS、主機一次搞定 | 站長之路#2

站長之路

手把手教你如何透過部落格開始賺錢,內容包含 WordPress、部落格經營、網路行銷,帶你成為一個成功的部落格站長!

有興趣的可以加入社團學習:WordPress / 部落格經營 / 網路行銷 | Johntool-工具王阿璋

我創立社團的目的是為了讓大家學習 WordPress 架站、部落格經營、網路行銷,有一個空間可以認識走在相同道路上的人,歡迎新手加入一起學習!

想加入社團一起學習的人,別忘記填寫社團的入社問題,如果沒有填寫完整,我不會讓你加入哦~ 希望有良好的社團環境給大家使用!

站長之路#1:WordPress 是什麼? .org 與 .com 的差異

站長之路#2:如何開始架設 WordPress 網站?

站長之路#3:WordPress 功能介紹、基本環境設定

站長之路#4:如何挑選 WordPress 佈景主題、外掛

站長之路#5:利基市場是什麼?

站長之路#6:Astra 佈景主題介紹及教學

站長之路#7:WordPress SEO 教學

站長之路#8:3 個高品質線上 Logo 製作工具推薦

站長之路#9:11 種部落格賺錢方式推薦

站長之路#10:如何經營 Facebook 粉絲專頁?

站長之路#11:ConvertKit 電郵行銷教學

站長之路#12:如何長久經營部落格? 開始建立你的個人品牌


歡迎在你的部落格,放上站長之路的連結,讓更多人看見這個免費資源!



架設網站的基本名詞解說

IP

IP 就像是每台電腦在網路上的身分證,是唯一的,像是 Google 的 IP 是 8.8.8.8,當你看到這種 xxx.xx.xx.xxx 這就是所謂的 IP。

網域名稱 (Domain Name)

Domain 也就是所謂的網域名稱,因為 IP 太難記憶,所以會透過 Domain 來方便記憶,一個 Domain 會連到一個 IP。

頂級網域 (Top Level Domain)

以 www.johntool.com 來看,「.com」就是頂級網域名稱,常見的有「.net」、「.gov」、「.org」。

第二級網域 (Second Level Domain)

以 www.johntool.com 來看,「johntool」就是屬於第二級網域名稱。

子網域 (Subdomain)

以 www.johntool.com 來看,「www」就是屬於子網域,但通常我們會說 www.johntool.com 是「主網域」,因為 www 比較常用。

而 blog.johntool.com、wordpress.johntool.com 這些就屬於一般所謂的子網域。

子目錄 (Subdirectory)

以 www.johntool.com/blog 來看,這個 /blog 就是我們說的子目錄。

通訊協定(HyperText Transfer Protocol)

這是一般我們看到的 http 或是 https,差別在於有沒有 SSL 憑證,基本上目前的網站都要安裝 SSL 憑證,才不會被 Google 視為不明來源網站。

網域名稱系統 (DNS)

將 Domain 與 IP 對應的分散式資料庫,簡單來說就是 Domain -> DNS -> IP。

當我在主機輸入 www.johntool.com,瀏覽器會將 www.johntool.com 傳送到最近的 DNS Server,解析出是對應到哪個 IP 位址。

DNS 還有幾種資料記錄類型,常用到的是 A 、 CNAME:

  • 主機記錄(A記錄):RFC 1035定義,A記錄是用於名稱解析的重要記錄,它將特定的主機名對映到對應主機的IP位址上。
  • 別名記錄(CNAME記錄): RFC 1035定義,CNAME記錄用於將某個別名指向到某個A記錄上,這樣就不需要再為某個新名字另外建立一條新的A記錄。

名稱伺服器 (Name Server)

Name Server 是提供域名服務的一種程式或伺服器,DNS 就是最著名的 Name Server。

Cloudflare 是世界上著名的 DNS 代管商,只要將網域的 Name Server 設定到 Cloudflare,就可以在 Cloudflare 管理 DNS 設定,調整上面提到的 A、CNAME 等等。

內容傳遞網路 (CDN)

利用最靠近每位使用者的伺服器,更快、更可靠地將音樂、圖片、影片、應用程式及其他檔案傳送給使用者,來提供高效能、可擴展性及低成本的網路內容傳遞給使用者。

像阿璋的網站就是使用 Cloudflare 的 CDN,假設美國地區的人來瀏覽,就會找到離美國最近的伺服器資源給他們存取,不只是更快,還可以降低主機負擔。

快取 (Cache)

快取的意思有很多種,這裡我指的是瀏覽器的快取。

快取可以記錄網站資料在你的瀏覽器當中,當你瀏覽過我的網站後,下一次的再進來我的網站,就會讀取曾經紀錄的資料,加快網站載入時間 。

網站使用快取機制可以減輕主機負擔,可說是後期網站必備的功能哦!

 

如何開始架設 WordPress 網站?

在接下來的流程,我會教 Namecheap 購買網域 + Cloudways 架設網站 + Cloudflare 代管 DNS

這個組合是我目前最愛的伺服器架設組合,要教就是把最好的教給大家,雖然可能會比較難,但相信我,你會在一兩年之後感謝我的經驗談。

網域名稱如何選擇?

在開始購買網域前,當然要先思考要購買什麼樣的網域名稱。

我個人推薦的方向有三種:

  1. 個人品牌名稱:這個網站是以你個人為出發點,可能是你的英文名字,像我叫做 John Lu,可能就可以選擇 johnlu.com,但能不能註冊又是其次了。
  2. 主題相關名稱:這個網站是以你網站主題為出發點,像是免費資源網路社群,叫做 free.com.tw。
  3. 自創名稱:像是我這個網站 johntool.com,就是因為我的英文叫做 john,希望提供各種工具 tool,所以就變成 johntool。

網域名稱非常重要,而且基本上不太能換,因為這就是你網站的名字,沒有人會一直改名,搜尋引擎也是透過網域來記錄流量。

建議大家取一個好記為主的名字,名稱不要太長!

如果目前還無法決定的人,可以先到 Cloudways 主機架設的部分,他會提供暫時的網域,未來購買後再設定即可。


 

網域購買

step 1

Namecheap 網站,查詢網域名稱,按下 Search 看看目前是否已經被註冊。

前往 Namecheap 查看
搜尋網域名稱
搜尋網域名稱

step 2

看到綠色的打勾,代表網域還沒被註冊,點選 Add to cart 加入購物車。

這個網域名稱是第一年 $8.88 美元,續約每年 $10.98 美元。

此外,還會有一筆很小額的 ICANN fee 手續費。

接著點選 View Cart 查看購物車。

加入購物車
加入購物車

step 3

網域購買一次可以買 1~10 年,我這裡是購買 1 年,開啟自動續約

WhoisGuard 是保護你的個人資料不被 Whois 查詢到。

確認後點選右邊的 Confirm Order 確認訂單。

確認訂單
確認訂單

step 4

接著右邊註冊帳號,資料都填寫英文,不要填寫中文。

建立帳號
建立帳號

step 5

這裡填寫詳細資料,一樣填寫英文,若是地址不知道英文,可以查詢中文地址英譯

聯絡資訊
聯絡資訊
聯絡資訊
聯絡資訊

step 6

確認聯絡資訊,沒問題的話點選 Continue

確認聯絡資料
確認聯絡資料

step 7

選擇付款方式,第一個是信用卡,第二個是 Paypal,看你習慣用什麼付款。

點選 Continue 就會開始付款流程。

付款
付款

step 8

付款完成後,會給你看購買明細。

購買明細
購買明細

step 9

接著到你註冊的信箱,查看 IMMEDIATE VERIFICATION required for your domain(s) 這個標題的信。

下方點選 Click here to verify your email address 驗證你的信箱。

這個驗證非常重要,若是沒驗證,網域可能會被沒收!!!

驗證信箱
驗證信箱

step 10

接著回到 Namecheap Domain List 的地方,看一下狀態是不是 ACTIVE

這樣就是完整的網域註冊流程囉!

確認網域狀態
確認網域狀態

 

主機購買

我推薦購買 Cloudways,我自己是使用 Linode 2GB 方案,可以查看這篇文章教學,或是繼續按照下方影片的教學:【架站教學】新手快速架站教學,使用Cloudways架設WordPress網站!

前往 Cloudways 查看

影片主要看的時間是 1:50~11:30,照這段時間的操作即可。

驗證有可能會遇到另一種手動要寄信給 Cloudways 的驗證方式,照著操作就可以。

特別注意在 3:21 的時候,優惠碼要改成 JOHNTOOL,享有前 2 個月 75 折的優惠。

5:18 的時候,我在影片中選擇 Linode 1GB,我建議改成 Linode 2GB,網站主機的狀態會更好。


前往 YouTube 觀看!

如果喜歡我的文章或是影片,可以訂閱我的 Youtube 頻道、按讚、分享,我會分享更多實用的教學影片!

訂閱 Youtube 頻道

WordPress 建立完成後, Cloudways 會幫你設定一個強力的密碼,建議之後從 Cloudways 複製登入,或是自己記下來,不要自己又改成很爛的常用密碼!

 

我會建議直接購買 Cloudways 主機的原因:

  1. SiteGround 首購很棒,但是續約比 Cloudways 貴,主機資源卻沒有比較好 (還是共享主機),那還不如一開始就在 Cloudways,省去未來搬家的麻煩。
  2. WPWebHost 很便宜,但是沒有 24 小時客服,日流量超過 1000 就要用到 WP Essential 方案了,每個月 $17 美元。
  3. 共享主機先天上就會比 VPS 虛擬主機條件差,因為資源要跟別人共享,也就是說表面上寫的資源,還要再跟其他人共享資源。

但如果你只是想要玩玩看的心態,流量可能也不會到太高,那就建議你考慮 SiteGroundWPWebHost

  1. SiteGround 架設教學:未來補上。
  2. WPWebHost 架設教學:【架站教學】專門為WordPress打造的主機?WPWebHost 完整教學!

 


 

DNS 設定

DNS 的部分我選擇透過 Cloudflare 來代管 DNS。

Cloudflare 優點

  1. 免費方案就超級棒的
  2. 抗 DDOS
  3. 免費 CDN (無台灣地區),付費有台灣 CDN
  4. 提供 Browser 端的 SSL
  5. 快取服務
  6. DNS 變更立即刷新,不用等待長時間
  7. 許多資安防護措施

另外,Cloudflare 在 2019 年 9 月 13 日上市,股票代號 NET,可以在 Firstrade 或是 etoro 買到 (投資有賺有賠,請自行評估)。

那接下來就教大家怎麼透過 Cloudflare 將 Namecheap 網域以及 Cloudways 主機連動。

step 1

首先到 Cloudflare 網站,點選申請

申請 Cloudflare 帳號
申請 Cloudflare 帳號

step 2

輸入信箱跟密碼,建議 Namecheap, Cloudways, Cloudflare 都用同樣的信箱就好,比較不會忘記,點選 Create Account

密碼建議設定強力一點,Cloudflare 也有要求,可以使用密碼管理工具 LastPass 紀錄,或是自己記下來最重要。

創建 Cloudflare 帳號
創建 Cloudflare 帳號

step 3

將剛剛在 Namecheap 購買的網域貼上來,點選 Add site。

輸入網域名稱
輸入網域名稱

step 4

選擇免費方案即可。

選擇免費方案
選擇免費方案

step 5

到 Cloudways Application 查看主機的 Public IP,將這個 IP 複製下來。

查詢 Cloudways IP
查詢 Cloudways IP

step 6

貼到 Cloudflare DNS 設定的 A 指向,裡面的 Value 換成剛剛複製的 IP。

修改 A 指向
修改 A 指向

step 7

CNAME www 的 Value 換成你的網域或是 IP。

修改 WWW CNAME
修改 WWW CNAME

step 8

上面兩步驟設定完成後,點選 Continue

DNS 確認
DNS 確認

step 9

接著會看到請你更改網域的 nameservers。

後面的步驟會用到圖片標示的 Nameserver 1、Nameserver 2。

先切換到 Namecheap 後台。

修改 nameservers
修改 nameservers

step 10

Namecheap Domain List 的地方,點選網域右邊的 MANAGE

管理網域
管理網域

step 11

NAMESERVERS 的地方選擇 Custom DNS

選擇 Custom DNS
選擇 Custom DNS

step 12

將剛剛 Cloudflare 提供的兩個 Nameserver 貼上來,接著按右上角的打勾儲存

替換 nameservers
替換 nameservers

step 13

回到 Cloudflare 按 Done,會到下方這個畫面,按 Re-check now

接著需要時間等待 Nameserver 轉換,我這次實測大約 1 小時。

等待過程中,可以先做下面的步驟沒關係。

重新檢查 nameserver
重新檢查 nameserver

step 14

到信箱確認 Cloudflare 的驗證信。

驗證 Cloudflare 信箱
驗證 Cloudflare 信箱

step 15

到 Cloudways Application 的 Domain Management 修改 PRIMARY DOMAIN,貼上你前面註冊的網域,點選 SAVE CHANGES 儲存。

記得 icreatewp.com 跟 www.icreatewp.com 是不一樣的網站,所以如果想要以 www為主,Primary Domain 要改成 www.icreatewp.com。

設定 Cloudways 網域
設定 Cloudways 網域

step 16

到 Cloudways Application 的 SSL Certificate 輸入信箱和網域,點選 INSTALL CERTIFICATE,安裝 SSL 憑證。

記得如果你是 www 的話,也是要改成 www 的,或是不確定的話,就按 ADD DOMAIN,把 icreatewp.com 跟 www.icreatewp.com 都加進去!

安裝 SSL 憑證
安裝 SSL 憑證

step 17

過了一小時後,我輸入我的網域,看到連線到 Cloudways 主機囉!

網域指向完成
網域指向完成

step 18

到 Cloudflare,上方選擇 SSL/TLS,選擇 Full (strict)

記得選擇完要回網站看看有沒有問題,連不上就換 Full,再連不上就代表你 Cloudways 的 SSL 沒有安裝成功。

Full (strict)
Full (strict)

step 19

最後回到 Cloudways,點選 Server,選擇 Settings & Packages,選擇 Advanced,到 WAF MODULE 的地方修改成 Cloudflare,最後按 SAVE CHANGES 儲存設定。

Server 設定
Server 設定
更改 WAF
更改 WAF

 

WordPress 架站常見問題

網站進不去

請先試看看換成無痕模式,或是換一個瀏覽器,如果這樣OK,那請你清除瀏覽紀錄。

如果無痕模式也不行,那就要再看看什麼問題,原因很多。

我不會操作怎麼辦?

阿璋可以幫忙代架設、管理、搬家,請聯絡粉絲團專頁或是提交表單

網域要買哪間的?

基本上我會推薦 GoDaddy 或是 Namecheap

但我主要還是選擇 Namecheap,原因很簡單,就是價格。

Namecheap 的續約價格比 GoDaddy 便宜,也不會一直有廣告信。

我已經有購買主機了,該換嗎?

如果你已經購買了,而且用的很順,當然繼續用下去。

但如果你的主機商常常出問題、斷線、客服找不到,那就換到 Cloudways 吧!

 

本週作業

試著架設出一個 WordPress 網站,如果你有明確部落格主題的人,可以購買網域、設定 DNS。

 

結論

本篇文章教大家如何架設 WordPress 網站,以及教大家一些網站相關的基本知識,希望大家都能順利架設完成。

一開始的你一定會覺得這非常複雜,但照著我的步驟一步一步進行,做完之後你一定會很有成就感。

因為,你第一次架好屬於自己的網站!

下週會帶大家瞭解 WordPress 的功能,還有做一些基本設定。

更多 Cloudways 相關文章



 

站長之路

手把手教你如何透過部落格開始賺錢,內容包含 WordPress、部落格經營、網路行銷,帶你成為一個成功的部落格站長!

有興趣的可以加入社團學習:WordPress / 部落格經營 / 網路行銷 | Johntool-工具王阿璋

我創立社團的目的是為了讓大家學習 WordPress 架站、部落格經營、網路行銷,有一個空間可以認識走在相同道路上的人,歡迎新手加入一起學習!

想加入社團一起學習的人,別忘記填寫社團的入社問題,如果沒有填寫完整,我不會讓你加入哦~ 希望有良好的社團環境給大家使用!

站長之路#1:WordPress 是什麼? .org 與 .com 的差異

站長之路#2:如何開始架設 WordPress 網站?

站長之路#3:WordPress 功能介紹、基本環境設定

站長之路#4:如何挑選 WordPress 佈景主題、外掛

站長之路#5:利基市場是什麼?

站長之路#6:Astra 佈景主題介紹及教學

站長之路#7:WordPress SEO 教學

站長之路#8:3 個高品質線上 Logo 製作工具推薦

站長之路#9:11 種部落格賺錢方式推薦

站長之路#10:如何經營 Facebook 粉絲專頁?

站長之路#11:ConvertKit 電郵行銷教學

站長之路#12:如何長久經營部落格? 開始建立你的個人品牌


歡迎在你的部落格,放上站長之路的連結,讓更多人看見這個免費資源!



 



WordPress 線上課程推薦

阿璋正在籌備 WordPress 線上課程,如果有興趣的人,歡迎點擊下方連結。

WP 全方位架站攻略

從 0 開始建立部落格

站長之路手把手教你如何透過部落格開始賺錢,內容包含 WordPress、部落格經營、網路行銷,帶你成為一個成功的部落格站長!

查看站長之路

WordPress 架站推薦

新手架站:【架站教學】專門為WordPress打造的主機?WPWebHost 完整教學!

高流量網站:【架站教學】新手快速架站教學,使用Cloudways架設WordPress網站!

新手必看: WordPress 必裝主題與外掛推薦、學習管道、最新優惠統整!

學習更多:查看我是如何透過 WordPress 架設部落格,賺取人生第一桶金!



WordPress 學習書籍推薦

WordPress 無敵架站手冊:架站新手都想擁有:教你打造個人專屬網站

WordPress 無敵架站手冊
WordPress 無敵架站手冊

書籍介紹

這本書教你從零開始建立起一個全功能的WordPress網站,從下載與安裝WordPress主軟體開始到連結、媒體、選單、圖像、展示區、管理、用家建檔等等。 甚至還有教你如何開發主題、外掛、小工具,從入門到進階的教學都很完整。

推薦原因

這本書原作者是波蘭人,原文是英文,後來經由免費資源網路社群的作者 Pseric 翻譯成中文書。 WordPress 目前的中文書可說是少之又少,這本不僅是中文書,內容又非常完整,絕對是學習WordPress的首選書籍!

購買 WordPress 無敵架站手冊

WordPress Plugins百大外掛精選(火力加強版)

WordPress Plugins百大外掛精選(火力加強版)
WordPress Plugins百大外掛精選(火力加強版)

書籍介紹

這本書教你從基礎架站、備份保存到各式各樣的外掛主題,讓你想裝什麼就裝什麼,建置專屬自己獨一無二的多功能發佈平台。 作者特別精選了各類型的外掛做介紹,只要你想的到的功能幾乎都在裡面,匯集了讀者們一直喜愛的外掛程式介紹,並且添加了最新的外掛程式,更貼近現在的讀者需求。

推薦原因

這本書作者是免費資源網路社群的作者 Pseric,他的網站知名度非常的高,也是透過 WordPress 架設而成,因此對於外掛的理解,絕對是數一數二。

購買 WordPress Plugins 百大外掛精選(火力加強版)

 

支持阿璋的新書《打開網路就有錢》,裡面分享許多自媒體以及投資理財的知識,非常適合網路創業者以及想要增加額外收入的上班族閱讀。

打開網路就有錢 呂明璋(工具王阿璋)


如果你對幣圈資訊有興趣,可以訂閱此電子報:幣圈最新資訊

我目前有成立一個亞洲最大的幣圈自媒體 Discord 社群:Crypto Mind 加密腦

推坑阿璋超愛的商品,歡迎加入團購群:阿璋好物團購 LINE 社群

12篇文章手把手教你如何透過部落格開始賺錢:站長之路

更多相關社群連結:工具王阿璋社群列表

本站有部分連結與商家有合作關係,透過我的連結購買,我會獲得少數佣金,讓我可以持續營運網站,但並不會影響您的任何權益,詳情查看免責聲明

如果我的文章對你有幫助,歡迎贊助我一杯咖啡!

本站所有內容皆為阿璋個人經驗分享,如有涉及投資請謹慎評估,阿璋不做任何投資建議。

贊助我一杯咖啡

文章引用請來信索取授權,否則將保留法律追訴權。

by Johntool-工具王阿璋

在〈如何開始架設 WordPress 網站? 網域、DNS、主機一次搞定 | 站長之路#2〉中有 14 則留言

  1. 感謝阿璋教學!
    看了老師的課(3.2-3.4單元)都還沒開始架站,
    文章有提到網站速度問題,假如需求是美食或旅遊等大量高清圖片的部落格,
    是不是用cloudway比godaddy好?如開啟網站讀取照片等問題。

  2. 感謝阿璋的教學
    目前看到3.5.2單元 目前有個疑問就是請問推薦智邦的虛擬主機嗎
    看起來價格比較親民
    能分享一下國內主機公司的一些優缺點嗎?

  3. 非常棒的教學!按部就班就把網站架好了。不過我的cloudways在step19 WAF MODULE的地方是出現STATIC CACHE EXPIRY跟TLS VERSIONS,沒有WAF MODULE的選項,請問怎麼會這樣呢?這樣對網站架設有影響嗎?

發表迴響

返回頂端