Cloudways WordPress 教學 (含購買主機 7 折優惠、DNS 設定、WordPress 網站設定)

Featured image for cloudways wordpress tutorial

在這個 Cloudways WordPress 教學,我會跟你分享,要怎麼用 Cloudways 主機架設一個速度超快、可以秒開的 WordPress 網站!我會帶你設定 Cloudways 主機、註冊自己的網站域名、做好 DNS 設定、安裝好 SSL 憑證,並做好 WordPress 的基本設定。

你現在在看的這個網站就是使用 Cloudways 主機 架設的!


如果你偏好用影片學習,歡迎觀看下面的 YouTube 影片。

如何製作網站(免費教學課程) ⚡|用Cloudways主機架設超高速的WordPress部落格/個人網站

如果你喜歡透過圖文學習,請繼續往下閱讀吧 !

圖文版會比較詳細、方便快速瀏覽,還會持續更新與補充內容。


Cloudways 是什麼?

Cloudways 是一個網站代管平臺,它會幫我們管理一些高階速度快的主機,像是 Digital Ocean、Google Cloud Platform 等等,Cloudways 會自動幫我們優化這些主機的配置。

Cloudways是一個網站代管平臺

為了方便,我就把透過 Cloudways 購買的主機,直接稱為 Cloudways 主機。

Cloudways 主機與 Bluehost 主機比較

我之前在 WordPress Blog 教學 的筆記裡,我有推薦新手可以使用 Bluehost 主機

那到底你該用 Cloudways 主機還是 Bluehost 主機呢?

答案是:Bluehost 主機 價格很便宜,但是它的速度比較慢,適合注重CP值的人。 Cloudways 主機 速度很快,但是價格比較貴,適合追求極致速度的人。

Cloudways主機與Bluehost主機比較
Cloudways 主機與 Bluehost 主機比較

所以你可以根據需求,選擇適合自己的主機。

這篇「Cloudways WordPress 教學」是專門為想要擁有一個可以秒開的WordPress網站的人而製作的。如果你是架站新手,更注重 CP 值,可以參考我的 Bluehost 主機架站教學 筆記。

如果還是不確定自己適合哪個主機的話,可以參考這篇 Bluehost 主機 vs Cloudways 主機 (詳細比較)。

開始架設網站 (使用 Cloudways 主機)

我先快速說明這個 Cloudways WordPress 教學的架站流程。

  1. 創建 Cloudways 帳戶
  2. 創建 WordPress 網站
  3. 設定網站域名
  4. 設定 WordPress
使用Cloudways主機架站的流程
使用 Cloudways 主機架站的流程

#1 創建 Cloudways 帳戶

我們現在先來創建 Cloudways 帳戶,現在註冊有 3 天免費的試用,還蠻不錯的。

點擊 Cloudways 優惠連結

  • 點擊下方優惠連結,用諾特斯觀眾的優惠價格購買 Cloudways 主機。
Cloudways 的 Logo

註冊時輸入折扣碼 NOTES取得專屬前 3 個月 7 折優惠

如果你透過我提供的連結,進入到 Cloudways 的官方網站,並在註冊 Cloudways 主機的時候輸入折扣碼「NOTES」,這樣的話你可以享有專屬的折扣,前 3 個月可以打 7 折,我也會從中獲得一些收益,這些收益可以支持我製作更多 免費的網站架設教學

  • 點擊右上角的 Start Free (免費開始) 按鈕
Cloudways 點擊免費開始
點擊 Start Free 按鈕開始購買 Cloudways 主機

填寫帳戶資料與折扣碼

  • 填寫帳戶資料 (姓名、Email、密碼)

✏️ 小筆記

姓名可以利用 姓名中翻英工具 填寫

Cloudways 註冊全新帳戶

💡 填寫帳戶資料的問題要怎麼填?

  • 「我最適合描述為」就依照網站是什麼類型來選擇,可以填 Blogger (部落客)。
Cloudways 描述為部落客
  • 「我的每月託管支出為」依照個人預算選擇,我是選擇最少的「$0 – $50 (USD)」(0 到 50 美金)。
Cloudways 每月託管支出為
  • 點擊「I have a promo code」(我有折扣碼)
Cloudways 我有折扣碼

輸入折扣碼「NOTES」,可以享有諾特斯觀眾專屬前 3 個月 7 折優惠

諾特斯專屬優惠折扣碼 notes

  • 勾選同意條款,按「Sign up」(註冊)
Cloudways 同意條款註冊

信箱認證

  • 首先驗證 Email。
Cloudways 帳戶驗證 1 Email
  • 登入 Email
  • 找到 Cloudways 帳戶註冊驗證信
Cloudways 驗證信主旨
  • 點擊 Login & Activate (登入並啟用)
Email 登入並啟用 Cloudways

手機認證

  • 輸入手機號碼,按下「Send SMS」 (發送簡訊)。

✏️ 電話號碼填寫範例

台灣手機號碼:0987654321

改成國際手機號碼:+886 987654321 (去掉手機號碼的第一個 0)

Cloudways 帳戶驗證電話號碼
  • 輸入手機收到的驗證碼
  • 按 Verify (驗證)
Cloudways 簡訊驗證碼驗證
  • 手機驗證完成後,點擊左上角的 Servers (伺服器)
Cloudways教學10
點擊 Servers (伺服器)

如果你有遇到收不到簡訊、無法驗證的問題,我有將解決方法整理成筆記,你可以點擊下方連結前往。

Cloudways 人工審核的精選圖片

Cloudways 註冊帳戶人工審核流程
收不到驗證碼怎麼辦?

#2 創建 WordPress 網站

註冊完 Cloudways 帳戶之後,接下來我們就可以來創建我們的 WordPress 網站了。

設定 Application and Server Details (應用程式與伺服器詳細資訊) 。

Application (應用程式),指的是架設網站的軟體,也就是 WordPress 軟體﹔而 Server (伺服器) 指的則是主機。

以下 4 個項目都可以保持預設就好:

  • WordPress
  • Application Name (應用程式名稱)
  • Server Name (主機名稱)
  • Project Name (專案名稱)

✏️ 小筆記

「Server」最精準的翻譯是「伺服器」,但為了讓大家更容易理解,在這篇筆記裡,我都會把 Server 翻譯為「主機」。

Cloudways 應用程式與伺服器

選擇 Cloudways 代管的主機

接下來我們要選 Cloudways 幫我們代管的主機,這些主機速度都蠻快的。

新手推薦可以從以下配置入手

主機:DigitalOcean
大小: 1GB
位置:Singapore (新加坡)
原價:$11 美金/月 ($330 台幣/月)
特價:$7.7 美金/月 ($231 台幣/月) – 前 3 個月

透過連結註冊 Cloudways 並輸入折扣碼「NOTES」才享有特價前 3 個月 7折。

Cloudways 的 Logo

註冊時輸入折扣碼 NOTES取得專屬前 3 個月 7 折優惠

之後有更高的需求可以直接在 Cloudways 後台無痛升級。

我這次就使用這個配置來做示範。

  • 選擇主機 – DigitalOcean
選擇 Cloudways 代管的 DigitalOcean 主機
選擇 Cloudways 代管的 DigitalOcean 主機
  • 選伺服器大小 (SERVER SIZE)

「Server Size」(主機大小) 我會建議維持預設的「2 GB Premium」,或者選最便宜的「1 GB」。

要怎麼選擇,可以先想想你的網站未來規劃。

如果你打算安裝一些像網頁設計、電子商務、備份、多語系等等這些比較吃效能的外掛,而且數量預計會超過 15 個,那就建議直接選「2 GB Premium」方案。

✏️ 外掛數量參考基準

15 個 WordPress 外掛只是一個簡易的參考基準,實際該選擇哪個方案, 還是要取決於具體的網站流量、每個外掛的資源需求等等因素。

依照我的經驗,大概安裝到 17 個外掛就會感覺比較卡頓,這時就可以考慮從 1GB 再升級到更高階的方案!

Cloudways 主機大小選擇

當然,你也可以先選擇 1 GB 方案,之後有升級的需求,隨時都能在 Cloudways 後台升級。

✏️ Cloudways 方案規格

此處的「1 GB」、「2 GB Premium」是指 RAM (記憶體) 的大小。

以下是重點規格比較:

1 GB

  • 記憶體:1 GB
  • 儲存空間:25 GB

2 GB Premium

  • 記憶體:2 GB
  • 儲存空間:50 GB

第 1 步

點擊連結 前往 Cloudways 官網。

第 2 步

點擊上方的「Pricing」(價格)。

點擊 Cloudways 官網上方的「Pricing」價格

第 3 步

切換「Premium」(高級) 和「Standard」(標準) 查看不同方案價格。

Cloudways 價格方案
  • 選主機的位置 (LOCATION) – 新加坡 (Singapore)
選擇主機的位置
選擇主機的位置

💡 主機的位置是很重要的!

主機的位置跟你的網站觀眾越近的話,網站的讀取速度就會越快。如果你的目標觀眾跟我一樣是在台灣的話,這邊選擇新加坡 (Singapore) 會是最快的。

頁面填寫完成後,可以看到頁面下方有顯示價格 1 個月是 11 美金,我覺得它的主機速度絕對配得上這個價格。

另外,Cloudways 前 3 天是可以 免費試用 的,所以我們現在不會被收費。

  • 最後按下 LAUNCH NOW (現在發佈)
確認價格立即啟動
  • 等待主機配置與優化

接下來,我們需要等待大約 7 分鐘的時間,7 分鐘之後它就會幫我們配置好主機,然後安裝好 WordPress (WordPress.org 軟體) 了。

耐心的等待Cloudways幫我們配置主機
耐心的等待 Cloudways 幫我們配置主機

認識 Cloudways 的介面

安裝完 WordPress 之後,我們來簡單介紹一下 Cloudways 的介面。

  • SERVERS (伺服器) ,就是我們剛剛選擇的 Digital Ocean 主機。
Cloudways 自動安裝 WordPress
  • 點擊 SERVERS (伺服器) 和 APPLICATIONS (應用程式) 中間的按鈕,就會跳到 APPLICATIONS (應用程式),這個就是我們安裝完成的 WordPress。
APPLICATIONS會顯示我們安裝的應用程式
APPLICATIONS 會顯示我們安裝的應用程式

那我們現在就已經非常快速地透過 Cloudways 代管 Digital Ocean 主機並安裝好 WordPress 了。

認識 WordPress 網站前台、WordPress 網站後台

  • 前台:觀眾/訪客會看到的畫面
    路徑:xxxxxx.com (xxxxxx.com請帶入你的域名)
  • 後台:網站管理者才看得到的畫面
    路徑:xxxxxx.com/wp-admin (xxxxxx.com請帶入你的域名)

💡 如何抵達網站前台?

  • 點進 Your Application (你的應用程式)
Cloudways 主機程式準備完成
  • 看到頁面上的 Application URL (應用程式 URL),點擊「開啟新分頁」就會跳轉到網站的前台了。
應用程式 URL 是臨時域名

這只是網站的預設樣子,之後我們還可以把它變得更好看、更強大。

由 Cloudways 前往網站前台

如何登入 WordPress 後台?

我們再回去 Cloudways 後台,在 ADMIN PANEL (管理員面板) 這邊有 1 個 URL,我們點右邊的圖標就會跳到 WordPress 後台的登入介面。

  • 點擊 URL 旁的圖標。
在Cloudways後台點擊ADMIN PANEL下方URL的圖標,進入WordPress後台
在 Cloudways 後台點擊 ADMIN PANEL 下方 URL 的圖標,進入 WordPress 後台

而 URL 下方的 Username 就是 WordPress 後台的使用者名稱,Password 就是 WordPress 後台的密碼。我們點一下就會複製,貼到 WordPress 登入介面。

  • 貼上 Username (使用者名稱)
  • 貼上 Password (密碼)
  • 按下 Log In (登入) 按鈕
輸入使用者名稱/Email和密碼
輸入使用者名稱/Email 和密碼

這樣就進入 WordPress 後台了。

WordPress後台
WordPress 後台

用信用卡購買 Cloudways 主機

回到 Cloudways 後台,我們可以在 Cloudways 提供的 3 天免費試用期限內,盡情地測試 Cloudways 主機。

要特別注意的是,如果在期限內忘記要升級的話,網站就會被刪掉!

當我們確定要購買主機的時候,在 Cloudways 後台點右上角的「使用者」—— 圖片標註 ➀。

然後,點擊「My Account」(我的帳戶) —— 圖片標註 ➁。

Cloudways 後台使用者我的帳戶

接下來要實際填寫 Cloudways 主機的付款資料,當然你可以先跳過這個步驟繼續往後面跟著做,只是要記得在 3 天免費試用期內回來填寫付款資料就好。

選擇左側欄位的「Payment & Address」(付款與地址)。

點擊左側欄位付款與地址
  • 填寫「Card Address」(信用卡地址) 資料。
Cloudways 填寫信用卡地址

✏️ 小筆記

  • 地址翻譯可以使用郵局提供的 中文地址英譯服務
  • Address (地址) 只需要填到區就可以了,例:No. 7, Sec. 5, Xinyi Rd., Xinyi Dist.
  • Postal Code (郵遞區號) 填 3 碼就好,例:110
  • State/Province/Region (州/省/地區) 可以不用填寫
中華郵政的中文地址英譯服務
中華郵政的中文地址英譯服務
  • 填寫「Billing Address」(帳單地址)。
    如果帳單地址跟信用卡地址一樣的話,勾選「Keep Billing address same as my credit card address」(保持帳單地址與我的信用卡地址相同),地址資訊就會自動帶入。
Cloudways 填寫帳單地址

✏️ 小筆記

  • Phone Number (電話號碼) 會自動帶入驗證 Cloudways 帳戶時使用的手機號碼。
  • Company (公司) 可以留空不填。
  • 點擊「Proceed to Payment Gateway」(前往支付平台)。
Cloudways 點擊前往支付平台

填寫信用卡資訊。

Cloudways 填寫信用卡資訊

✏️ 小筆記

  • 持卡人姓名需跟信用卡上一致
  • 如果刷卡沒過,可以聯絡發卡銀行的客服排除問題

點擊「AUTHORIZE」(授權),就完成 Cloudways 主機的付款資料了。

點擊授權儲存 Cloudways 付款資料

Cloudways 主機計費方式是「用多久就付多少錢」,依照實際的使用時數計費、不需要綁約。

每個月底結算後,就會自動從綁定的信用卡扣款。

Cloudways 用多久就付多少錢

#3 設定域名 (含 Cloudways DNS 設定)

我們目前網站的域名是 Cloudways 給的臨時域名,接下來我們需要來設定我們自己的域名。

⭐ 更多免費筆記

DNS 是什麼的精選圖片

域名/網域名稱/domain name 是什麼?

WordPress前台還是Cloudways給的臨時域名
WordPress 前台還是 Cloudways 給的臨時域名

首先,我們要註冊一個自己的域名,之後將域名跟 Cloudways 主機串聯在一起,之後再安裝 SSL 憑證。

註冊域名

域名的註冊商很多,在這當中,我會推薦我的觀眾到 Namecheap 註冊,因為在 Namecheap 買域名真的還蠻便宜的。

  • 點選下方優惠連結,進入到 Namecheap 購買域名。
  • 進入到 Namecheap 的官網之後,按上面的 SIGN UP (註冊)
註冊 Namecheap 帳戶
Namecheap 註冊資訊
  • 如果不想收到電子報或行銷 Email,可以取消勾選。- 圖片標註 ➀
  • 點擊「Create Account and Continue」(建立帳戶並繼續) 。- 圖片標註 ➁
取消勾選電子報建立帳戶
  • 接下來,在 Search for your next domain 這邊,搜尋想要註冊的域名。
搜尋你的下一個域名
  • 輸入完成後,按下旁邊的放大鏡圖示。
確認域名能否購買

搜尋後如果出現勾勾,代表域名是可以用的。

  • 按 Add to cart (加入購物車)
Namecheap 域名加入購物車

✏️ 小筆記

可以多注意域名後面,有時候 Namecheap 會提供折扣碼,如果有找到,記得先複製起來,之後結帳會用到。

⌨️ 快捷鍵:複製
Windows 系統:Ctrl + C
MAC 系統:Cmd + C

Namecheap 新域名折扣碼
  • 按 Checkout (結帳)
Namecheap 域名結帳

購物車裡目前有 4 個項目:

第 1 項, Domain Registration (域名註冊)。

域名的註冊期是一年一約,預設會開啟「AUTO-RENEW」(自動續約)。

建議保持這個設定,不然忘記續約的話,這個域名會回到公開市場,有可能被其他人搶走控制權。

購物車 1 域名註冊

第 2 項,Domain Privacy (域名隱私保護)。

會幫我們把姓名、Email、地址與電話等等註冊資訊隱藏起來,不會被公開在網路上。

這項服務Namecheap 是永久免費的,一樣保持預設的「AUTO-RENEW」就好。

購物車 2 域名隱私保護

第 3 項,PremiumDNS (高級 DNS)。

為額外的付費服務,我們不需要用到,維持預設的關閉狀態即可。

購物車 3 高級 DNS

第 4 項,「Stellar Web Hosting」(Stellar 網站主機)。

Stellar 是 Namecheap 推出的共享虛擬主機,但我們已經有更高速的 Cloudways 主機 了,打「✘」刪除。

👉 延伸閱讀:什麼是虛擬主機?

購物車 4 Stellar 主機 1
  • 在 Promo Code (折扣碼) 這邊,貼上剛剛複製的折扣碼。
  • 按下 Apply (套用),折扣就生效了。
Namecheap 折扣碼 NEWCOM649
  • 接下來,按 Confirm Order (確認訂單) 按鈕
確認 Namecheap 訂單
  • 填寫聯絡資料 (Account Contact Information)

✏️ 小筆記

  • 如果是一般個人註冊「I’m registering on behalf of a company」(我代表公司註冊) 要取消勾選
  • 「Company Name」(公司名稱)、「Job Title」(職稱) 可以選填
  • 姓名可以利用 姓名中翻英工具 填寫
  • 地址可以利用 地址中翻英工具 填寫
  • 「Address Line 1」 (地址第一行) 填到「區」即可,例如:No. 7, Sec. 5, Xinyi Rd., Xinyi Dist.
  • 「Address Line 2」地址第二行可以留空,「Address Line 1」 (地址第一行) 太長填不下時,再填到「Address Line 2」(地址第二行)就好。
  • 「State/Province」(州/省) 可以留空
  • 電話要填國際電話,如果是台灣的手機號碼要把 0 改成 +886。例如 0912345678,就填 +886 912345678
  • 傳真號碼可以選填
Namecheap 帳戶聯絡資訊翻譯
  • 填寫完成後,按下 Continue (繼續)
Namecheap 帳戶聯絡資訊繼續

✏️ 小筆記

郵遞區號打 3 碼即可,打 6 碼可能會出現錯誤訊息。

  • 按 Continue (繼續)
Namecheap 帳戶聯絡資訊繼續
  • Whois Contact Information (Whois 聯絡資訊) 一般來說,會跟剛剛的帳戶聯絡資訊相同,所以都保持預設的「User default account contact」(使用者預設帳戶聯絡方式) 就好。
Whois 聯絡資訊同使用者預設0A0A
  • Domain Privacy (域名隱私保護) 保持打勾。
域名隱私保護保持打勾
  • 「將上述配置保存到我的默認結帳設定」打勾。
上述配置保存默認結帳設定打勾
  • 按 Continue (繼續)
Whois 聯絡資訊繼續
  • 付款方式一樣照著畫面上的中文翻譯去做填寫。
Namecheap 付款方式英譯中

✏️ 小筆記

  • 「Name on Card」(持卡人姓名) 要跟信用卡上的英文姓名的一致。
  • 「Card Billing Address」(信用卡帳單地址) 可以選「Use default account contact」(使用預設帳戶聯絡資訊),也可以選擇「Add new contact」(新增聯絡資訊) 手動填寫。
  • 「Remember this card for later use」(記住此卡以備後用) 可以打勾,後續續約可以直接用這張信用卡扣款。
  • Receipt Details (收據明細) 可以選擇「Use default account contact」(使用預設帳戶聯絡資訊),也可以自行修改。
收據明細維持預設

Renewal Settings for Your Purchase(你購買的續訂設定) ,將以下三個選項打勾:

  • Automatically renew all of my eligible new services before expiration. (在到期前,自動續訂我所有符合條件的新服務)
  • Domain Registration (域名註冊)
  • Free Domain Privacy (免費域名隱私保護)
你購買的續訂設定選項
  • Save the configuration above to my default payment settings(將上述設定儲存為我的預設付款設定) 打勾。- 圖片標註 ➀
  • 點擊「Continue」(繼續)。- 圖片標註 ➁
將上述設定儲存預設付款打勾

確定總金額沒有疑問,點擊「Pay Now」(立即付款) 。

Namecheap 新域名立即付款
Namecheap 新域名付款成功

收取 Namecheap 寄的驗證信件

  • 登入 Email
  • 找到 Namecheap 帳戶註冊驗證信
WHOIS Email 主旨
  • 往下滑,點擊「Click here to verify your email address」(點擊此處驗證你的電子郵件地址)。
WHOIS Email 點擊此處驗證

這樣,我們就完成 Namecheap 帳戶的驗證了。

WHOIS Email 驗證成功

串連域名跟主機 (DNS設定)

接下來我們要串聯剛剛註冊好的域名跟 Cloudways 主機,也就是所謂的 DNS 設定

⭐️ 延伸閱讀

DNS 是什麼的精選圖片

DNS 是什麼意思?
揭秘域名解析 + 實用 DNS 查詢工具推薦

我們先回到 Namecheap 的首頁。

  • 點右上角的 Account (帳戶)
在Namecheap首頁點右上角的Account(帳戶)
在 Namecheap 首頁點右上角的 Account (帳戶)

在這個頁面,我們可以看到剛剛註冊的域名。

  • 點域名右邊的 MANAGE (管理)
Namecheap 後台管理域名
  • 點 Advanced DNS (進階 DNS)
Namecheap 後台進階 DNS

我們要先把預設的 2 個紀錄刪掉。

  • 點擊「垃圾桶」圖示 —— 圖片標註 ➀。
  • 點擊「Yes」,把它們都刪掉 —— 圖片標註 ➁。
Namecheap 刪除 DNS 紀錄

我們需要新增 2 條 DNS 紀錄 (A 紀錄、CNAME 紀錄)。

✏️ 小筆記

  • A 紀錄:負責登記 IP 位址,把域名指向主機。
    新增好 A 紀錄後,當我們輸入域名,例:notesblogdemo.com,就能將該域名指向你的 Cloudways 主機。
  • CNAME 紀錄:負責將網站的別名指向主網域。
    新增好 CNAME 紀錄後,當我們輸入子域名,例:www.notesblogdemo.com,就能重新導向到 notesblogdemo.com,成功打開網站。

👉 更多免費筆記:A、AAAA 、CNAME、MX、NS 紀錄是什麼?

  • 點 ADD NEW RECORD (添加新的紀錄)
點擊紅色加號新增 DNS 
紀錄
  • 在 Type 這邊,選擇 A Record (A 紀錄)
紀錄類型 A 紀錄
  • 然後在 Host (主機) 這邊填一個「@」
  • Value (值) 這邊則要填 Cloudways 主機的 IP

✏️ 「@」是什麼意思?

Host (主機),也可以叫做「主機名稱」,指的是網路中的一台主機或設備的名稱。

在 Host 欄位填寫「@」時,這代表你的整個網域,也就是主域名。

以這篇筆記的例子來說就是 notesblogdemo.com。

A 紀錄主機 @

💡 Cloudways 主機的 IP 是什麼?

我們先回到 Cloudways 的後台進行查詢。

這邊顯示的 Public IP (公開 IP),就是我們 Cloudways 主機的 IP,點選一下就會進行複製。

  • 複製 Public IP (公開 IP)
你的應用程式63 複製公共 IP
  • 跳回 Namecheap 的頁面,把 Public IP (公開 IP) 貼在 Value (值) 這邊
A 紀錄值貼上公共 IP
  • TTL (存留時間) 保持預設的「Automatic」(自動的),然後打勾。

✏️ TTL 是什麼?

TTL (Time To Live) 代表「存留時間」,TTL 決定了 DNS 紀錄在「DNS 伺服器」和「快取」中保存的時間長度。

當一個 DNS 紀錄的 TTL 到期後,DNS 伺服器會丟棄這個 DNS 紀錄, 並重新查詢最新的 DNS 紀錄。

A 紀錄存留時間保持預設
  • 完成後打勾。
A 紀錄打勾

之後我們還要再添加1個新的紀錄。

  • 再點 ADD NEW RECORD (添加新的紀錄)
  • 找到 CNAME Record
  • Host (主機) 這邊打「www」
  • Value (值) 這邊則要填我們剛剛在 Namecheap 註冊的域名

✏️ 小筆記

在 CNAME 紀錄中,Host (主機) 欄位填入「www」表示這個 CNAME 紀錄是針對「www」這個子域名。

而在 Value (值) 欄位填入主域名,表示這個 CNAME 紀錄將指定的子域名重新導向到主域名。

添加完CNAME Record的樣子
  • 完成後打勾。

✏️ 小筆記

打勾儲存 CNAME 紀錄後,域名最後會自動多出一個「.」是正常的,不用擔心。

打勾儲存紀錄多.是正常

Namecheap 設定完成後,我們要再回到 Cloudways 後台做一些設定。

  • 回到 Cloudways 後台
  • 點左上角的 Applications (應用程式)
點左上角的Applications(應用程式)
點左上角的Applications(應用程式)
點進去Your Server(你的伺服器)
點進去 Your Application (你的應用程式)
  • 點擊選單上的 Domain Management (域名管理)
Cloudways 域名管理
  • 按下「+ Add Domain」(新增域名) 按鈕。
域名管理新增域名
  • 輸入域名,然後點擊「Save Changes」(儲存變更)。
新域名儲存變更

Domain List (域名清單) 現在可以看到我們加入的域名了。

  • 點擊右邊的「3 個點」圖示。- 圖片標註 ➀
  • 選擇「Make Primary」(設為主要域名)。- 圖片標註 ➁
域名清單設為主要域名 1
  • 點擊「Set as Primary」(設定為主要)。
設定為主要 域名

這樣就設定好正式域名了。

域名列表新正式域名

安裝 SSL 憑證

串連域名跟主機之後,我們要來安裝 SSL 憑證。

✏️ SSL 是什麼?

SSL 是 Secure Sockets Layer 的縮寫,也就是「安全通訊協定」。

SSL 憑證是一種由數位憑證認證機構核發的數位證書,負責加密資料,證明網站身分,確保傳輸過程的完整性與安全性。

SSL 憑證是什麼 B → C 搬家教學

有安裝 SSL 憑證的網站,在瀏覽器的網址列會顯示 https

諾特斯樂遊世界檢查 https

⭐️ 延伸閱讀

SSL 是什麼的精選圖片

SSL 憑證是什麼?
http、https 是什麼?
推薦安裝免費 SSL 憑證!

  • 點選單上的 SSL Certificate (SSL 憑證)
Cloudways 後台 SSL 憑證
  • 填寫「Email Address」(Email 地址) —— 圖片標註 ➀。
  • 「Domain Name」(域名) 填入裸域名 —— 圖片標註 ➁。
SSL 管理 Email 域名
  • 點擊「+ Add Domain」(新增域名)。
SSL 管理新增域名
  • 在「Domain Name 2」填入帶有「www」的子域名。
SSL 管理 www 子域名
  • 點擊「Install Certificate」(安裝憑證)。
SSL 管理安裝憑證

等 SSL 憑證安裝完成,會出現「Let’s Encrypt 憑證安裝成功」 的通知。

✏️ Let’s Encrypt 是什麼?

Let’s Encrypt 是一個免費、自動化的憑證授權機構,提供 Domain Validation (DV) 類型的 SSL/TLS 憑證來加密網站。

Let’s Encrypt 的目標是推廣網站加密,讓所有網站都能免費使用 HTTPS 來確保傳輸安全。

憑證安裝成功通知

檢查域名及 SSL 憑證

接下來,我們要回到我們的 WordPress 網站前台,查看我們註冊的域名及 SSL 憑證是否生效。

打開網站檢查看看,在瀏覽器中用滑鼠左鍵點擊網址列 2 下,看到網址出現 https 就代表 SSL 憑證安裝成功囉!

諾特斯樂遊世界檢查 https

#4 設定 WordPress

在這個 Cloudways WordPress 教學的最後,我們要來做一些 WordPress 的基本設定。

如何登入 WordPress 後台?

1. 從 Cloudways 登入

回到 Cloudways 後台,在 ADMIN PANEL (管理員面板) 這邊有1個 URL,我們點右邊的圖標就會跳到 WordPress 後台的登入介面。

  • 點擊 URL 旁的圖標。
點擊ADMIN PANEL(管理員面板)URL旁的圖標
點擊 ADMIN PANEL (管理員面板) URL 旁的圖標

而 URL 下方的 Username 就是 WordPress 後台的使用者名稱,Password 就是 WordPress 後台的密碼。我們點一下就會複製,貼到 WordPress 登入介面。

  • 貼上 Username (使用者名稱)
  • 貼上 Password (密碼)
  • 按下 Log In (登入) 按鈕
WordPress登入介面
WordPress 登入介面

2. 從網址列登入 (後續登入較方便)

  • 在任何瀏覽器的網址列打:你的域名/wp-admin

範例
域名:notesblogdemo.com
輸入:notesblogdemo.com/wp-admin

做 WordPress 一般設定

  • 進入 WordPress 後台 → Settings (設定) → General (一般)
匯入內容前置作業一般設定
  • 把 Site Language (WordPress 語言) 改成繁體中文
一般設定網站語言繁體中文
  • 按 Save Changes (儲存變更)
一般設定 Save Changes
  • 填寫網站標題:
    這次示範假設是做一個旅遊部落格,所以我把網站標題叫做諾特斯旅遊。
  • 填寫網站說明:
    網站說明是要描述我們的網站是在做什麼,所以我這邊打:台灣旅遊、日本旅遊、台灣旅遊。
原先未更改網站標題、網站說明的樣子
原先未更改網站標題、網站說明的樣子

🚨 請不要自行改 WordPress位址 (網址)、網站位址 (網址)!

自行修改可能會導致無法登入 WordPress。

修改後的樣子
修改後的樣子
  • 更改時區,選擇台北 (或任何你居住的城市)。
修改時區
修改時區
  • 選擇日期格式
  • 選擇時間格式
  • 按儲存設定
選擇你喜歡的日期格式、時間格式就好
選擇你喜歡的日期格式、時間格式就好

這樣子我們就完成 WordPress 的基本設定了。

結語與其他學習資源

恭喜你,跟著這個 Cloudways WordPress 教學操作的話,你已經擁有一個屬於你的網站了。

這個教學中,我帶你設定 Cloudways 主機、註冊自己的網站域名、做好 DNS 設定、安裝好 SSL 憑證,並做好 WordPress 的基本設定。

Cloudways 的 Logo

註冊時輸入折扣碼 NOTES取得專屬前 3 個月 7 折優惠

接下來,你需要安裝 WordPress 的佈景主題、外掛,然後開始寫網站的第一篇文章,你可以接著參考看看 這篇筆記

如果想看我製作的其他WordPress教學(含YouTube影片+網站筆記),可以看看這篇 WordPress新手教學總整理

Featured image for free wordpress course

WordPress 新手教學 (總整理)

祝你架設網站順利!


參考資料

製作團隊

文稿 Writer、發佈 Publisher:諾特斯
編輯 Editor、圖片製作 Photo Editor:霧痴