namecheap 教學

如何用WordPress架設網站 (3):namecheap 教學與 Cloudflare 教學

架設完主機後接著就是購買網域和設定 DNS 伺服器的教學了。

延伸閱讀:
如何用 WordPress 架設網站 (1):前置作業 ⏤ 購買網域與主機
如何用 WordPress 架設網站 (2):Cloudways 教學

1. 網域購買:為甚麼選擇 namecheap?

網域的部分個人認為不像主機選擇那麼多,最多人購買的網域商就屬 Godaddynamecheap 了,基本上單就購買網域的部分來看的話,提供的服務並不會差太多,主要差別如下:

  • namecheap 基本上比 Godaddy 便宜,不過實際情況還是要根據你選擇的網域再去做實際的比較
  • Godaddy 提供 .tw 網域購買,namecheap 則沒有
  • Godaddy 有提供中文介面,對台灣的消費者比較友善

最後看了一些外國的文章,選擇了 namecheap ,不過個人認為選擇這兩家大同小異,一方面兩家都是國際級的大公司,另一方面網域比較不容易出問題。

2. namecheap 教學

2.1 購買網域

namecheap 教學

▲ 首先進到 namecheap 官網查詢想購買的網域是否已經被註冊。

namecheap 教學

▲ 按下搜尋符號後會顯示該網域是否被註冊,另外下面也會提供一些相關網域的建議,你也可以參考各種頂級網域的搭配,有些會便宜很多。(頂級網域並不會影響 SEO 的排名,所以也可以挑選價格優惠的即可。)

namecheap 教學

▲ 按下「View Item」後可以查看目前在購物車的項目。

namecheap 教學

▲ 這邊要注意的是有些網域第一年會有扣,但續約價可能會是第一年的好幾倍,建議你可以選擇不同購買的年份,預覽一下續約的費用大概是多少,才不會成了冤大頭!

namecheap 教學

▲ 確認好項目後點擊「Checkout」準備結帳。

namecheap 教學

▲ 接著進入訂單頁面,這裡會有是否要開啟自動續約的服務,如果開啟的話,等到網域期限一到,信用卡會自動扣款並且自動續約購買你的網域。

WhoisGuard 服務則保護你註冊網域的資訊不被公開查詢到,namecheap 免費提供這項服務,因此建議你勾選。

確認好訂單後點擊「Confirm Order」。

2.2 註冊 namecheap 帳號

namecheap 教學

▲ 接著會請你登入或註冊 namecheap 帳號,第一次購買的話,就直接註冊帳號吧!

填完基本資料後點擊「Create Account and Continue」。

namecheap 教學

▲ 接著再填寫聯絡資訊。紅色框框部分是必填資訊,英文地址可以到中華郵政 — 中文地址英譯查詢。

填寫完之後點擊「Continue」。

▲ 再來會請你確認剛剛填寫的連絡資訊,如果不是大型公司的話三個都選擇剛剛填寫的連絡資訊即可,確認無誤之後點擊「Continue」。

namecheap 教學

▲ 進到付款頁面後會請你填寫付款資訊,這邊填寫信用卡持卡人姓名、卡號以及背面的CVC碼,或是你要選擇使用Paypal支付也可以。

這頁拉到最下面會有是否要自動續約的選項,如果之後希望自動扣款續約,建議你把以下選項打勾:

namecheap 教學

▲ PremiumDNS 需要額外的費用,所以我們使用免費的 Cloudflare DNS 就好(後面會有教學),這個選項就先不打勾。

可以把設定記憶起來,下次購買其他網域時就會把這次的設定預先讀入。

2.3 完成網域購買

namecheap 教學

▲ 確認訂單所有資訊後,點擊「Pay Now」就會送出訂單囉!如果信用卡扣款成功的話就會完成購買網域的流程了,namecheap 也會寄收據到你的 email。

2.4 到 email 驗證網域

namecheap 教學

▲ 完成購買後 namecheap 會寄一封驗證信到你的 email,這邊要注意:要在15天內完成驗證,否則網域會被吊銷哦!

點擊左下角的「Click here to verify your email address」,即可完成驗證。

▲ 接著到官網的右上角「Account」點擊「Domain List」。

namecheap 教學

▲ 如果網域的狀態是「Active」代表成功啟用網域囉!

2.5 到 Clouways 主機設定網域

namecheap 教學

▲ 購買完網域後要先到 Cloudways 主機進行設定,首先點擊首先點擊右上角「WWW」後,在點擊你要連結的網站。

namecheap 教學

▲ 接著就會進到該 WordPress 網站的管理介面,點擊「Domain Management」後輸入剛剛註冊的網域。

namecheap 教學

▲ 輸入完後點擊「SAVE CHANGES」。

2.6 在 Cloudways 主機上安裝 SSL 憑證

▲ SSL 憑證是一種密碼規範標準,簡單來說,如果沒有安裝 SSL 憑證的話,使用者透過瀏覽器連上你的網站主機時,傳輸資料的過程是沒有加密的,比較容易被駭客攻擊。而 Cloudways 提供免費的 SSL 憑證安裝,接下來就教你怎麼設定吧!

namecheap 教學

▲ 進到 WordPress 網站的管理介面,點擊「SSL Certificate」。

namecheap 教學

▲ 輸入 email 以及註冊的網域,完成後點擊「ADD DOMAIN」。

namecheap 教學

▲ 成功後再將你註冊的網域前加 WWW. 再「ADD DOMAIN」一次,例如:我第一次輸入「jimmyswebnote.com」,第二次就輸入「www.jimmyswebnote.com」。

namecheap 教學

▲ 新增完成後別忘了把旁邊的「AUTO RENEWAL」的 Enable 開啟。

namecheap 教學

▲ 點擊左邊「Settings & Packages」,再點擊 ADVANCED 進行設定。

namecheap 教學

▲ 將卷軸拉到下面,在「NGINX」的地方改成 Cloudflare,接下來就要進行 Cloudflare 的設定了!

3. DNS 伺服器:為甚麼選擇 Cloudflare?

DNS 伺服器我選擇的是 Cloudflare,除了完全免費之外,效能也經過許多評測網站認證,可以加速瀏覽者載入你的網站頁面,如果想知道更多 Cloudflare 的優點,歡迎參考這篇文章:Cloudflare – 免費 DNS 代管網域名稱提升網站安全性,提供免費 CDN、SSL 憑證,與加快網站的載入速度

4. Cloudflare 教學

4.1 註冊 Cloudflare

Cloudflare 教學

▲ 首先,到 Cloudflare 官網註冊一個帳號,點擊右上角「Sign Up」。

Cloudflare 教學

▲ 輸入欲註冊的 email 帳號與密碼。

▲ 接著會請你輸入網域,輸入完後點擊「Add site」(ex: jimmyswebnote.com)。

Cloudflare 教學

▲ 選擇方案內容,點擊 0 元方案即可。

接著會進到網域的 DNS 設定,到這邊我們需要先到 Cloudways 主機複製 Public IP。

Cloudflare 教學

▲ 到 Cloudways 主機設定的頁面,複製 Public IP。

4.2 Cloudflare 設定

接著回到剛剛Cloudflare的頁面。

Cloudflare 教學

▲ 把 A 的 value 改為剛剛複製的 Public IP。
把 CNAME 為 WWW 的 value 改為網域名稱。

Cloudflare 教學

▲ 修改完後如上,點擊「Continue」。

Cloudflare 教學

▲ 將 Nameserver 1 和 Nameserver 2 複製。

4.3 namecheap 設定

進到 namecheap 的官網。

Cloudflare 教學

▲ 點擊右上角「Account」的「Dashboard」。

Cloudflare 教學

▲ 在要設定的網域旁點擊「MANAGE」。

Cloudflare 教學

▲ 修改 NAMESERVERSMESERVERS 的種類,改為 Custom DNS。

Cloudflare 教學

▲ 將剛剛複製的 Nameserver 1 和 Nameserver 2 貼上。

4.4 完成 Cloudflare 設定

接著回到 Cloudflare 剛剛的畫面。

Cloudflare 教學

▲ 點擊「Done, check nameservers」,Cloudflare 就會幫你進行設定囉!通常這會需要花費一點時間,根據 Cloudflare 的訊息,最晚 48 小時會將你的網站設定好,不過實際上大約花 1~2 小時就 ok 了。

4.5 在 Cloudflare 設定 SSL

Cloudflare 教學

▲ 點擊上方的「SSL/TLS」選項。

Cloudflare 教學

▲ 將選項改成 Full (strict),就完成設定囉!

今天的文章就到這邊了,雖然設定的部分有點繁瑣,但只要照著上面的設定和教學,你的網站就大功告成囉!希望今天的文章對你有幫助!

延伸閱讀:
如何用 WordPress 架設網站 (1):前置作業 ⏤ 購買網域與主機
如何用 WordPress 架設網站 (2):Cloudways 教學

架設網站的方法 (1):自己寫程式碼架站
架設網站的方法 (2):使用架站平台一鍵架設
架設網站的方法 (3):使用CMS – 內容管理系統架設網站

網站原理 (1):什麼是URL?什麼是網域?兩者有什麼差別?
網站原理 (2):甚麼是DNS伺服器?它的功能是甚麼?
網站原理 (3):網站是怎麼構成的? – 淺談網站的3大要素:UI/UX設計師 前端工程師 後端工程師
網站原理 (4):什麼是靜態網頁?什麼是動態網頁?兩者有什麼差別?
網站原理 (5):網站運作原理 - 從瀏覽器到伺服器端發生了甚麼事?

如果覺得我的文章有幫助的話,歡迎幫我的粉專按讚哦~謝謝你!

Leave a Comment

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

Scroll to Top