namecheap 教學

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

架設完主機後接著就是購買網域和設定DNS伺服器的教學了,如果忘記為甚麼需要購買網域與設定DNS伺服器的話,可以回去看一下這系列的第一篇貼文:如何用WordPress架設網站 (1):前置作業 ⏤ 購買網域與主機

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),就完成設定囉!

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

Leave a Comment

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

Scroll to Top