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

Cloudways WordPress 的封面

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

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

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取得專屬前2個月7折優惠

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

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

填寫帳戶資料與折扣碼

  • 填寫帳戶資料 (姓名、Email、密碼)
  • 回答 3 個問題
填寫Cloudways帳戶資料,並輸入折扣碼NOTES
填寫 Cloudways 帳戶資料,並輸入折扣碼「NOTES」

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

會把自己形容成 (I would best describe myself as) 可以填 Blogger (部落客)。

想要改善什麼 (I need to improve) 可以填 Website Performance/Speed (網站表現與速度)。

而每個月的主機花費 (My monthly hosting spending is) 我們可以填 0-50 美金。

  • 點開「Got a Promo Code?」(有折扣碼嗎)
  • 輸入折扣碼「NOTES」,可以享有諾特斯觀眾專屬前 2 個月 7 折優惠
  • 勾選同意條款
  • 按 SIGN UP FREE & SPIN UP MY FIRST SERVER 按鈕 (免費註冊)
輸入折扣碼並勾選同意條款
輸入折扣碼並勾選同意條款
  • 點擊 START NOW (現在開始) 按鈕
點擊START NOW(現在開始)按鈕
點擊 START NOW (現在開始) 按鈕

收 Cloudways 寄的驗證信件

  • 登入 Email
  • 找到 Cloudways 帳戶註冊驗證信
到信箱收取Cloudways帳戶註冊驗證信
到信箱收取 Cloudways 帳戶註冊驗證信
  • 點擊 Activate Account (啟用帳戶)
點擊Activate Account(啟用帳戶)按鈕
點擊 Activate Account (啟用帳戶) 按鈕

手機認證

  • 輸入手機號碼

手機的話要輸入國際電話,假設我們的手機是 0912345678 的話,就會變成 +886912345678。

  • 點擊 SEND SMS (發送簡訊) 按鈕
輸入手機號碼並點擊SEND SMS按鈕
輸入手機號碼並點擊 SEND SMS 按鈕
  • 輸入手機收到的驗證碼
  • 按 VERIFY (驗證)
輸入驗證碼後,按 VERIFY (驗證) 按鈕
  • 手機驗證完成後,點擊左上角的 Servers (伺服器)
點擊 Servers (伺服器)
  • 點 LAUNCH NOW (現在發佈)
點LAUNCH NOW(現在發佈)
點 LAUNCH NOW (現在發佈)
  • 點擊 Let’s Get Started (讓我們開始吧)
點擊Let’s Get Started(讓我們開始吧)
點擊 Let’s Get Started (讓我們開始吧)

#2 創建 WordPress 網站

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

  • 在 APPLICATION & SERVER DETAILS (伺服器詳細訊息) 點開最左邊的 WordPress 按鈕,選擇 WordPress 的版本
選擇WordPress的版本
選擇 WordPress 的版本
  • 選最新的版本(不一定是 Version 5.8)
選最新的版本
選最新的版本

選擇 Cloudways 代管的主機

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

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

主機:DigitalOcean
大小: 1GB
位置:Singapore (新加坡)
原價:$10 美金/月 ($300台幣/月)
特價:$7 美金/月 ($210台幣/月) – 前 2 個月

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

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

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

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

1GB 方案內含

RAM (內存):1GB
Storage (儲存空間):25GB SSD (固態硬碟)
Bandwidth (頻寬):1TB Transfer (資料傳輸)
Processor (處理器):1 Core (1核)

選伺服器大小 (SERVER SIZE)
選伺服器大小 (SERVER SIZE)

💵  和你分享一個省錢小秘訣:

我們不要用預設的 2GB Premium,我們可以先調整為 1GB 就好。如果之後有需求的話,再到 Cloudways 後台升級就可以了。

  • 選主機的位置 (LOCATION) – 新加坡 (Singapore)
選擇主機的位置
選擇主機的位置

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

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

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

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

  • 最後按下 LAUNCH NOW (現在發佈)
檢查網頁顯示的主機價格,並按下 LAUNCH NOW (現在發佈) 按鈕
檢查網頁顯示的主機價格,並按下 LAUNCH NOW (現在發佈) 按鈕
  • 等待主機配置與優化

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

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

認識 Cloudways 的介面

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

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

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

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

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

💡 如何抵達網站前台?

  • 點進 Your Application (你的應用程式)
點進Your Application
點進 Your Application
  • 看到頁面上的 APPLICATION URL (應用程式網址),點擊下方的圖標。
看到頁面上的APPLICATION URL(應用程式網址),點擊下方的圖標。
看到頁面上的 APPLICATION URL (應用程式網址),點擊下方的圖標
  • 就會跳轉到網站的前台了。

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

WordPress網站前台(預設)
WordPress 網站前台 (預設)

如何登入 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 後台,我們可以看到頁面上方有一行字寫著 Your trial will expire in 3 days (試用剩下 3 天),我們可以在 Cloudways 提供的 3 天免費試用期限內,盡情地測試 Cloudways 主機。

而當我們確定要購買主機的時候,就可以按下旁邊的 UPGRADE MY ACCOUNT (升級我的帳戶),把主機從試用版升級成正式版。

在3天免費試用期內,選擇升級主機成正式版
在 3 天免費試用期內,選擇升級主機成正式版

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

所以當你確定要使用 Cloudways 主機的時候,就可以回到這個頁面填寫支付主機費用的付款資料。

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

  • 點 UPGRADE MY ACCOUNT (升級我的帳戶)
  • 填寫付款資訊 (Billing Information)

選擇海外消費回饋高的信用卡,可以再多省一些錢。

  • 按下 AUTHORIZE (授權) 按鈕
填寫Cloudways付款資訊
填寫 Cloudways 付款資訊

💡 怎麼把中文地址翻譯成英文地址?

在台灣的話,可以利用中華郵政的中文地址英譯服務,把中文地址翻譯成英文地址。

中華郵政的中文地址英譯服務
中華郵政的中文地址英譯服務
  • 按右上角的叉叉關掉升級帳戶成功頁面
看到這個頁面,表示Cloudways帳戶已成功升級成正式版
看到這個頁面,表示 Cloudways 帳戶已成功升級成正式版

這樣子,我們就完成填寫主機的付款資料了。

已成功顯示信用卡的付款資訊
已成功顯示信用卡的付款資訊

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

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

⭐ 更多免費筆記
域名/網域名稱/domain name是什麼?

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

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

註冊域名

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

  • 點選下方優惠連結,進入到 Namecheap 購買域名。
namecheap logo
  • 進入到 Namecheap 的官網之後,按上面的 SIGN UP (註冊)
在Namecheap的官網註冊帳號
在 Namecheap 的官網註冊帳號
  • 填寫帳戶資訊 (Create An Account)
填寫Namecheap帳戶資訊(地址以101為例)
填寫 Namecheap 帳戶資訊 (地址以 101 為例)
  • 填寫完成後往下滑,按 Create Account and Continue (創建帳戶並繼續)
按Create Account and Continue(創建帳戶並繼續)
按 Create Account and Continue (創建帳戶並繼續)
  • 接下來,在 Search for your next domain 這邊,搜尋想要註冊的域名。

假設我們要做一個旅遊部落格,所以我就註冊一個叫做 notesblogdemopro.com 的域名。

  • 輸入完成後,按下旁邊的放大鏡圖示。
在Namecheap上搜尋想要註冊的域名
在 Namecheap 上搜尋想要註冊的域名

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

  • 按 Add to cart (加入購物車)
  • 域名旁邊剛好出現一個折扣碼,可以順手把它複製起來
將域名放入購物車
將域名放入購物車
  • 按 Checkout (結帳)
按Checkout(結帳)
按 Checkout (結帳)
  • 在 Promo Code (折扣碼) 這邊,貼上剛剛複製的折扣碼。
  • 按下 Apply (使用),折扣就生效了。
使用折扣碼
使用折扣碼
  • 接下來,按 Confirm Order (確認訂單) 按鈕
按Confirm Order(確認訂單)按鈕
按 Confirm Order (確認訂單) 按鈕
  • 填寫聯絡資料 (Account Contact Information)
填寫Namecheap聯絡資料
填寫 Namecheap 聯絡資料

如果沒有公司的話,公司名稱可以填我們的域名。職稱這邊,我們就打 Blogger (部落客)。

  • 填寫完成後,按下 Continue (繼續)
繼續填寫Namecheap聯絡資料
繼續填寫 Namecheap 聯絡資料

💡 地址一樣可以利用中華郵政的中文地址英譯服務,把中文地址翻譯成英文地址。

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

  • 之後往下拉,把同意條款打勾
  • 按 Continue (繼續)
勾選同意條款並按Continue(繼續)
勾選同意條款並按 Continue (繼續)
  • 填寫付款資料 (Payment Method)
填寫付款資料
填寫付款資料
  • 拉到下面,勾選同意條款
  • 按 Continue (繼續)
勾選同意條款並按Continue(繼續)
勾選同意條款並按 Continue (繼續)
  • 最後,按下右邊的 Pay Now (現在付款)
完成購買域名之付款
完成購買域名之付款

看到 Thank you for your purchase! (感謝你的購買) 這行字,代表域名購買已經成功了。

購買域名成功之顯示頁面
購買域名成功之顯示頁面

收取 Namecheap 寄的驗證信件

  • 登入 Email
  • 找到 Namecheap 帳戶註冊驗證信
收取Namecheap帳戶註冊驗證信
收取 Namecheap 帳戶註冊驗證信
  • 往下滑,點擊 Click here to verify your email address (點這裡驗證你的 Email 地址)
點擊驗證Namecheap帳戶
點擊驗證 Namecheap 帳戶

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

Namecheap帳戶成功驗證之頁面
Namecheap 帳戶成功驗證之頁面

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

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

我們先回到 Namecheap 的首頁。

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

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

  • 點域名右邊的 MANAGE (管理)
點MANAGE(管理)
點 MANAGE (管理)

再點 Advanced DNS (進階 DNS)

再點Advanced DNS(進階DNS)
再點 Advanced DNS (進階 DNS)

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

  • 按右邊垃圾桶的圖標
按垃圾桶的圖標,刪掉預設的紀錄
按垃圾桶的圖標,刪掉預設的紀錄
  • 點 Yes (是)
點Yes(是)
點Yes (是)
  • 再刪掉另外 1 個預設的紀錄
  • 點 ADD NEW RECORD (添加新的紀錄)
點ADD NEW RECORD(添加新的紀錄)
點 ADD NEW RECORD (添加新的紀錄)
  • 在 Type 這邊,選擇 A Record (A 紀錄)
在Type這邊,選擇A Record(A紀錄)
在 Type 這邊,選擇 A Record (A 紀錄)
  • 然後在 Host (主機) 這邊填一個「@」
  • Value (值) 這邊則要填 Cloudways 主機的 IP
填寫Host(主機)與Value(值)
填寫 Host (主機) 與 Value (值)

💡 Cloudways 主機的 IP 是什麼?

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

  • 點擊左上角的 SERVERS (伺服器)
點擊左上角的SERVERS(伺服器)
點擊左上角的 SERVERS (伺服器)
  • 點進去 Your Server (你的伺服器)
點進Your Servers(你的伺服器)
點進 Your Servers (你的伺服器)

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

  • 複製 Public IP (公開的 IP)
複製Public IP(公開的IP)
複製 Public IP (公開的 IP)
  • 跳回 Namecheap 的頁面,把 Public IP (公開的 IP) 貼在 Value (值) 這邊。
  • 完成後打勾。
添加完A Record的樣子
添加完 A Record 的樣子

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

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

它會在域名這邊自動多加 1 個句點,這是正常的,不用去理會它。

域名後多1個句點沒關係
域名後多 1 個句點沒關係

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

  • 回到 Cloudways 後台
  • 點左上角的 Applications (應用程式)
點左上角的Applications(應用程式)
點左上角的Applications(應用程式)
點進去Your Server(你的伺服器)
點進去 Your Application (你的應用程式)
  • 點擊選單上的 Domain Management (網域管理)
點擊選單上的Domain Management(網域管理)
點擊選單上的 Domain Management (網域管理)
  • 在 PRIMARY DOMAIN (主要網域) 這邊提我們剛剛在 Namecheap 註冊的域名。
  • 填寫完成後按 SAVE CHANGES (儲存變更)
在PRIMARY DOMAIN(主要網域)這邊提我們剛剛在Namecheap註冊的域名
在 PRIMARY DOMAIN (主要網域) 這邊提我們剛剛在 Namecheap 註冊的域名

安裝 SSL 憑證

串連域名跟主機之後,我們要來安裝 SSL 憑證,SSL 憑證能讓我們的網站有安全鎖頭。

  • 點選單上的 SSL Certificate (SSL 憑證)
點選單上的SSL Certificate(SSL憑證)
點選單上的 SSL Certificate (SSL 憑證)
  • 在 Email Address 這邊填我們的 Email。
  • Domain Name 這邊填域名。
  • 填寫完成後,按 INSTALL CERTIFICATE (安裝憑證)。
安裝SSL憑證
安裝 SSL 憑證

檢查域名及 SSL 憑證

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

  • 點選 Cloudways 選單上的 Access Details (存取詳細資料)
點選Cloudways選單上的Access Details(存取詳細資料)
點選 Cloudways 選單上的 Access Details (存取詳細資料)
  • 按 APPLICATION URL (應用程式網址) 這邊的圖標進入網站前台
按APPLICATION URL(應用程式網址)這邊的圖標進入網站前台
按 APPLICATION URL (應用程式網址) 這邊的圖標進入網站前台
  • 看到網址列顯示的是我們在 Namecheap 註冊的域名,代表生效了!
域名生效的樣子
域名生效的樣子
  • 再接著看到左邊的安全鎖頭,代表我們的 SSL 憑證也已經成功生效了!
SSL憑證生效的樣子
SSL 憑證生效的樣子

#4 設定 WordPress

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

如何登入 WordPress 後台?

1. 從 Cloudways 登入

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

  • 點擊 URL 旁的圖標。