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

在這篇 Cloudways WordPress 教學，我會跟你分享，要怎麼用 Cloudways 主機架設一個速度超快、可以秒開的 WordPress 網站！

我會帶你設定 Cloudways 主機、到 Namecheap 註冊自己的域名，做好 DNS 設定、安裝好 SSL 憑證，並做好 WordPress 的基本設定。

接著帶你發佈第 1 篇文章，開始你的網路事業。

最後，我也會補充 Cloudways 後台的一些重點功能，讓你之後管理網站更容易上手。

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

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

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

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

Cloudways 評價

Cloudways 是什麼

Cloudways 是一個網站代管平台，讓我們可以輕鬆租用例如 DigitalOcean、Google 等等大公司的雲端主機。

它就像是一位「技術管家」，自動幫我們把複雜的主機維護、設定工作都處理好，整理成直覺、好上手的後台介面。

這樣一來，就算你完全不懂程式，也不用花一堆時間研究主機要怎麼設定，可以把心力專注在內容創作和網站經營上。

為了方便說明，在這篇筆記裡我會把「透過 Cloudways 租用的主機」直接叫做「Cloudways 主機」。

Cloudways 優點

為什麼我會推薦新手用 Cloudways 主機來架設個人網站呢？

主要有 3 個原因：

① 主機效能穩定、速度快

Cloudways 主機跟一般常見的「共享主機」完全不同，它幫你準備了獨立的儲存空間與資源，不用跟幾百個網站擠在同一台主機上，網站速度自然更快，也更穩定。

網站速度快，不只讓來看你網站的人體驗更好，對 Google 搜尋排名也會有加分的效果喔！

② 24 小時真人文字客服

如果遇到任何問題，客服都能即時提供協助。

雖然線上客服需要用英文溝通，但也不用擔心語言不通，只要善用 Google 翻譯或 ChatGPT 等工具來翻譯，都能順利溝通。

③ 價格合理，不用綁約

Cloudways 的價格很實惠，每個月最低只要 $11 美金 (約 $330 台幣)，就能享受高速、穩定的主機服務，還免費送你 SSL 憑證，保障網站的資料安全。

備註：
台幣價格是用美金兌台幣匯率 30 來估算。不過，因為匯率會隨時間浮動，實際的台幣價格還是要看交易時的匯率喔。

如果 透過諾特斯觀眾專屬優惠連結註冊，輸入折扣碼「NOTES」，前 3 個月的主機費用就可以再打 7 折！

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

🎁 免費試用 Cloudways 主機

而且大部分主機商採取「合約制」，通常要簽一年以上，一次就得付一大筆錢。

但 Cloudways 主機是依照實際的使用時數來計費，不需綁約，「用多久，就付多少錢」，隨時想停掉都可以，完全沒有被合約綁住的壓力。

Cloudways 缺點

不過在你使用 Cloudways 之前，我也想先提醒你 3 個需要留意的地方：

① 整體成本比共享主機高

跟每個月 $2~5 美金的共享主機相比，Cloudways 每個月最低也要 $11 美金，成本確實會高一點。

如果你只想用低預算先試水溫，那它不是最便宜的選擇。

② 試用期比較短

很多共享主機都有 30 天無條件退款，但 Cloudways 只提供 3 天免費試用，留給你摸索的時間比較少。

不過它沒有綁約問題，如果覺得不適合，隨時停掉就好。

所以我會建議你把這 3 天安排好，集中熟悉網站的基本操作，順便測試一下網站速度，再決定要不要繼續使用 Cloudways 主機。

③ 沒有中文介面

Cloudways 後台是全英文介面，對中文使用者來說需要一點適應期。

不過這個問題其實很好解決，只要善用 沉浸式翻譯 或 Google 翻譯，就能一鍵翻好整個頁面。

我也會在附圖內附上中文翻譯，只要你跟這篇筆記一步步操作，就能很快摸懂 Cloudways 的重點功能。

Cloudways 適合什麼樣的人

看到這裡你可能會想：那我到底適不適合用 Cloudways 呢？

我幫大家整理出 3 種適合的類型，你可以參考看看。

① 你是想長期經營、穩定產出內容的人：不想被技術問題干擾，只想專心把文章和內容做好。

② 你是怕麻煩、想一次到位的人：不想等以後網站做大了，還要煩惱怎麼搬家。

③ 你是講究品質的人：在意網站速度和操作體驗，也覺得花一點點錢換來高品質的服務，是非常值得的。

如果你剛好符合上面的情況，那 Cloudways 應該就很適合你！

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

🎁 免費試用 Cloudways 主機

如果你是架站新手，更注重 CP 值，可以參考我的 Bluehost 主機架站教學 筆記。

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

Cloudways + Namecheap 架站方法與流程

這次我會用 Cloudways 主機搭配 Namecheap 域名來示範操作。

當然，你也可以選擇其他主機或域名平台，只是操作介面可能會跟我示範的不太一樣。

所以我會建議你跟我用一樣的組合，這樣我們的畫面和步驟都會是相同的，方便你跟著同步操作。

整個流程大概是這樣：

1. 在 Cloudways 租用主機，建立 WordPress 網站。
2. 在 Namecheap 註冊一個自己的域名。
3. 進行 DNS 設定，也就是把 Namecheap 的域名跟 Cloudways 主機連結起來。
4. 幫網站安裝 SSL 憑證，讓網站更安全。
5. 進到 WordPress 網站後台，調整基本設定、清理不需要的預設外掛，再 安裝我最推薦的 Blocksy 主題。
6. 發佈第 1 篇文章，開始你的網路事業！

1. 用 Cloudways 主機架設 WordPress 網站

(1) 創建 Cloudways 帳戶

第 1 步

點擊下方連結，進入 Cloudways 官方網站。

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

🎁 免費試用 Cloudways 主機

第 2 步

點擊右上角的「Start Free」(免費開始)，註冊一個全新 Cloudways 帳戶。

第 3 步

輸入名字、姓氏、Email 以及自己設定的密碼。

第 4 步

I would best describe myself as (我最適合描述為…) 就看你的網站是什麼類型來選。

第 5 步

My monthly hosting spending is (我的每月託管支出為) 依照個人預算選擇，我是選擇最少的「$0 – $50 (USD)」($0 到 $50 美金)。

第 6 步

點擊「I have a promo code」(我有折扣碼)。

第 7 步

輸入諾特斯觀眾專屬折扣碼「NOTES」。

第 8 步

勾選同意條款 —— 圖片標註 ➀。

點擊「Sign up」(註冊) —— 圖片標註 ➁。

第 9 步

進行帳戶驗證，首先要驗證 Email。

這時候要到剛剛填寫的 Email 信箱，打開 Cloudways 寄來的驗證信。

第 10 步

點擊信件內的「Activate My Account Now」(立即啟用我的帳戶)。

第 11 步

跳轉回到驗證步驟，國際電話區碼選擇你所在的地區，輸入手機號碼 —— 圖片標註 ➀。

按下「Send SMS」(發送簡訊) —— 圖片標註 ➁。

第 12 步

收到簡訊後，輸入簡訊驗證碼，然後按「Verify」(驗證)。

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

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

進一步瞭解

(2) 在 Cloudways 主機安裝 WordPress

完成驗證步驟後，接下來就要安裝 WordPress 軟體跟挑選主機的規格。

第 1 步

點擊「Start Free Trial」(開始免費試用)。

第 2 步

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

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

以下 4 個項目都保持預設即可：

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

第 3 步

Application stack (應用程式環境) 維持預設的「Lightning Stack」。

第 4 步

挑選 Cloudways 幫我們代管的主機商，目前 Cloudways 提供了 5 款不同的雲端主機：

• DigitalOcean
• Vultr
• Linode
• Amazon Web Services (AWS)
• Google Cloud Platform (GCP)

我推薦選 DigitalOcean 主機，因為經過我的實測，它是同價位的主機中速度最快的。

第 5 步

「Database Type」(資料庫類型) 選擇預設的「MariaDB」。

第 6 步

「Server Type」(主機類型) 維持預設「Basic」(基本)。

第 7 步

選擇適合自己的主機等級和主機規格。

要怎麼找到適合自己的方案呢？可以先想想你網站未來的規劃。

要是你已經很確定，之後網站需要像電子商務、備份、多語系等等比較複雜的功能，會用到比較多的主機資源，就建議選 Premium (高階) 的「2 GB」方案。

如果你的需求比較單純，可能只有寫寫文章而已，想先用最經濟實惠的方式開始經營網站，就可以選擇「Standard」(標準) 的「1 GB」方案。

之後如果有升級的需求，再到 Cloudways 後台調整 就好。

✏️ Cloudways 方案規格

此處的「1 GB」、「2 GB Premium」是指 RAM (記憶體) 的大小，以下是重點規格比較：

1 GB

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

2 GB Premium

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

更多 Cloudways 方案比較

第 1 步

點擊連結 前往 Cloudways 官網。

第 2 步

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

第 3 步

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

這次示範我是選擇最便宜的 Standard (標準)「1 GB」方案。

點擊切換 Premium (高階) 跟 Standard (標準) 兩種主機等級 —— 圖片標註 ➀。

拉滑桿調整主機規格 —— 圖片標註 ➁。

如果你還有考慮其他方案，可以點擊下方連結，參考我整理的 Cloudways 方案介紹。

Cloudways 價格 / 費用：新手方案推薦 + 最新專屬 7 折優惠碼

進一步瞭解

第 8 步

Location (主機位置) 要選離網站主要客群最近的地方。

舉例來說，假設你的目標訪客主要在亞洲地區，那最近的主機位置就選「Singapore」(新加坡)。

第 9 步

點擊「Launch Now」(立即啟動)。

Cloudways 主機會自動安裝 WordPress 軟體。

第 10 步

等主機準備好之後，切換到「Applications」(應用程式)。

第 11 步

選擇「Your Application」(你的應用程式)。

第 12 步

在 Application URL (應用程式 URL) 會看到 Cloudways 幫網站準備了一組臨時網址，點擊旁邊的「開啟新分頁」圖示。

新建立的 WordPress 網站預設是這個樣子。

(3) 綁定 Cloudways 主機付款資料

Cloudways 主機有提供 3 天免費試用，我們可以在試用期裡，盡情測試 Cloudways 主機。

如果你確定要租用 Cloudways 主機，一定要記得在 3 天試用期結束前綁定付款資料，不然網站會被刪除喔！

第 1 步

點擊 Cloudways 後台右上角的「使用者」—— 圖片標註 ➀。

選擇「My Account」(我的帳戶) —— 圖片標註 ➁。

第 2 步

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

第 3 步

填寫「Card Address」(信用卡地址) 資料。

第 4 步

填寫「Billing Address」(帳單地址)。

如果帳單地址跟前一步驟的信用卡地址一樣，只要勾選「Keep Billing address same as my credit card address」(保持帳單地址與我的信用卡地址相同)，地址資料就會自動帶入。

第 5 步

點擊「Proceed to Payment Gateway」(前往支付平台)。

第 6 步

依照附圖上的翻譯，填寫對應的信用卡付款資料後，點擊「AUTHORIZE」(授權)。

第 7 步

完成付款資料設定後會跳出一個視窗，詢問你要立刻升級成正式主機，還是繼續試用。

我是選「Upgrade After Trial Ends」(試用期結束後升級)，這樣 3 天試用結束後才會開始收費。

Cloudways 主機會依照實際的使用時數計費，不需要綁約「用多久，就付多少錢」，每個月結算後自動從綁定的信用卡扣款。

2. 在 Namecheap 購買域名

(1) 創建 Namecheap 帳戶

第 1 步

點擊下方連結，前往 Namecheap 官方網站。

🎁 取得優惠

第 2 步

點擊左上角的「Sign up」(註冊) 。

第 3 步

對照下方附圖的中文翻譯填入註冊資訊。

如果不想收到電子報或促銷 Email，Yes, sign me up for Namecheap’s newsletter & Marketing Communication (是的，請幫我訂閱 Namecheap 的電子報與行銷資訊) 記得要「取消勾選」。

第 4 步

點擊「Create Account and Continue」(建立帳戶並繼續) 。

註冊完成後，會自動登入到 Namecheap 後台。

(2) 購買 Namecheap 域名

第 1 步

在「Search for your next domain」(搜尋你的下一個域名) 輸入你想註冊的域名。

✏️ 取域名的小技巧

① 使用個人元素或主題關鍵字

用你的英文名字、綽號來取域名，也可以試著加入主題關鍵字，讓人一眼就知道這個網站的主題類型，例如：旅遊類 → travel、美食類 → foodie。

② 簡短好記

域名要盡量簡單好記，避免使用符號，或是英數交錯混用，讓訪客更容易記住你，加深品牌印象。

③ 優先選擇 .com 域名

不過，要是 .com 的域名已經被取走的話，改註冊 .net 或 .org 也是可以的，不會差太多。

目前全世界有超過 40% 的網站都是用 .com 域名，最常見又好記，看起來比較正規，讓人更有信任感。

另外要特別提醒你，域名註冊後不能修改！註冊的時候務必仔細檢查，不要拼錯。

以「諾特斯網站」為例，Notes 是我的名字「諾特斯」，我想要在網站上分享有關如何架設網站的資訊，提倡「把網站當作是個人事業」的概念，所以後面加上創業的英文「startup」，域名就取作「notesstartup.com」。

第 2 步

點擊右邊的「放大鏡」，確認這個域名是否已被註冊。

第 3 步

點擊「Add to cart」(加入購物車)。

✏️ 小筆記

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

⌨️ 快捷鍵：複製
Windows 系統：Ctrl + C
Mac 系統：Cmd + C

第 4 步

點擊右下角的「Checkout」(結帳)。

第 5 步

購物車裡有 4 個項目：

① Domain Registration (域名註冊)

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

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

② Domain Privacy (域名隱私保護)

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

這個服務在 Namecheap 是永久免費的，保持預設的「AUTO-RENEW」就好。

③ PremiumDNS (高級 DNS)

需額外付費的 DNS 進階服務，目前用不到，維持預設的「關閉」狀態即可。

④ Stellar Web Hosting (Stellar 網站主機)

Namecheap 推出的共享主機 (虛擬主機)，但我們已經有 速度更快的 Cloudways 主機 了，就直接點擊「✕」圖示刪除。

第 6 步

把剛剛複製的折扣碼貼到 Promo Code (折扣碼) 欄位 —— 圖片標註 ➀。

點「Apply」(套用) —— 圖片標註 ➁。

折扣後，除了域名本身價格之外，另外還會加收一筆 ICANN 費用。

✏️  ICANN 費用是什麼？

域名每年都會被強制徵收 $0.2 美金 (約 $6 台幣) 的 ICANN 費用。

ICANN 費用是指國際網域名稱與 IP 位址分配機構 (ICANN) 向註冊域名的註冊商收取的一小部分費用，用於支持組織營運和網域名稱與 IP 位址管理的工作。

第 7 步

點擊「Confirm Order」(確認訂單)。

第 8 步

對照附圖的中文翻譯填寫「Account Contact Information」(帳戶聯絡資訊)。

第 9 步

點擊「Continue」(繼續)。

第 10 步

「Whois Contact Information」(Whois 聯絡資訊) 一般來說會跟「Account Contact Information」(帳戶聯絡資訊) 相同，所以都保持預設的「User default account contact」(使用者預設帳戶聯絡方式) 就好。

第 11 步

Domain Privacy (域名隱私保護) 的「Associate to this domain and enable at the time of purchase」(在購買時將其關聯到此域名並啟用) 維持預設打勾 —— 圖片標註 ➀。

「Save the configuration above to my default checkout settings.」(將上述配置保存到我的默認結帳設定) 打勾 —— 圖片標註 ➁。

點擊「Continue」(繼續) —— 圖片標註 ➂。

第 12 步

照著附圖的中文翻譯填寫「Payment Method」(付款方式)。

第 13 步

「Receipt Details」(收據明細) 和「Renewal Settings for Your Purchase」(你的購買續訂設定) 都維持預設。

第 14 步

「Save the configuration above to my default payment settings.」(將上述設定儲存為我的預設付款設定) 打勾 —— 圖片標註 ➀。

點擊「Continue」(繼續) —— 圖片標註 ➁。

第 15 步

確認總金額無誤，點擊「Pay Now」(立即付款) 。

完成域名付款。

(3) 驗證域名聯絡資訊確認信

第 1 步

開啟註冊 Namecheap 時填寫的電子信箱，點擊主旨寫著「需要操作：請驗證你的域名聯絡資訊」的 Email，這是 WHOIS 聯絡資訊的驗證信。

第 2 步

點擊信件內的「Verify your contact information」(驗證你的聯絡資訊)。

看到「Success！」(成功！) 的畫面，就代表你的域名完成註冊囉！

3. 設定 DNS：連結 Cloudways 主機與 Namecheap 域名

現在我們已經有 Cloudways 主機和 Namecheap 域名了，但還需要在 Namecheap 設定 DNS 紀錄，把域名指向 Cloudways 主機。

DNS 是什麼？

DNS 的全名是 Domain Name System，中文翻譯成「域名系統」。

DNS 的原理有一點複雜，如果你想 詳細瞭解 DNS 是如何運作的，歡迎點擊下方連結，閱讀我用心製作的解說筆記。

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

前往免費筆記

現在我們只需要知道，DNS 設定的目的就是「把主機和域名連在一起」，連結好後，大家只要在瀏覽器輸入你的域名，就可以順利打開你的網站。

(1) Namecheap 域名指向 Cloudways 主機

第 1 步

進到 Namecheap 後台，點擊域名後方的「MANAGE」(管理)。

第 2 步

切換到「Advanced DNS」(進階 DNS) 。

第 3 步

列表中有 2 筆預設 DNS 紀錄，點擊「垃圾桶」圖示 —— 圖片標註 ➀。

點擊「Yes」，把它們都刪掉 —— 圖片標註 ➁。

第 4 步

我們需要手動新增 2 條 DNS 紀錄 —— A 紀錄與 CNAME 紀錄。

點擊紅色的「+ ADD NEW RECORD」(新增紀錄) 。

第 5 步

「Type」(類型) 選擇「A Record」(A 紀錄)。

第 6 步

「Host」(主機) 填「@」。

第 7 步

「Value」(值) 貼上 Cloudways 主機的「IP 位址」。

✏️ 如何查詢網站的 IP 位址 (Cloudways 主機)

第 1 步

在 Cloudways 後台，把滑鼠移到左側的第二個圖示 —— 圖片標註 ➀。

選擇「My Applications」(我的應用程式) —— 圖片標註 ➁。

第 2 步

點擊「Your Application」(你的應用程式) 。

第 3 步

Application Credentials (應用程式憑證) 底下的「Public IP」(公共 IP) 就是網站的「IP 位址」。

第 8 步

「TTL」(存留時間) 保持預設的「Automatic」(自動的) —— 圖片標註 ➀。

「打勾」儲存這筆 DNS 紀錄 —— 圖片標註 ➁。

新增好 A 紀錄後，這個域名就會指向你的 Cloudways 主機。

第 9 步

點擊紅色的「+ ADD NEW RECORD」來新增第 2 筆 DNS 紀錄。

第 10 步

「Type」(類型) 選擇「CNAME Record」(CNAME 紀錄)。

第 11 步

「Host」(主機) 填「www」。

第 12 步

「Value」(值) 填寫主域名。

第 13 步

「TTL」(存留時間) 保持預設的「Automatic」(自動的) —— 圖片標註 ➀。

「打勾」儲存這筆 DNS 紀錄 —— 圖片標註 ➁。

以我的示範網站為例，新增好 CNAME 紀錄後，當你在網址列輸入網站的別名「www.notesdemowebsite08.com」，就能被導向到網站的裸域名 (主域名)「notesdemowebsite08.com」了。

(2) 把臨時域名改成正式域名

第 1 步

前往 Cloudways 後台的「Your Application」(你的應用程式) —— 圖片標註 ➀。

在左側欄位點擊「Domain Management」(域名管理) —— 圖片標註 ➁。

第 2 步

按下「+ Add Domain」(新增域名) 按鈕。

第 3 步

輸入域名 —— 圖片標註 ➀

點擊「Save Changes」(儲存變更) —— 圖片標註 ➁。

第 4 步

Domain List (域名清單) 出現新加入的域名後，點擊右邊的「︙」(更多) 圖示 —— 圖片標註 ➀。

選擇「Make Primary」(設為主要域名) —— 圖片標註 ➁。

第 5 步

點擊「Set as Primary」(設定為主要)。

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

(3) 用 DNS 查詢工具確認設定是否生效

DNS 紀錄更新後，需要等待一段時間，才能讓 DNS 紀錄同步到全世界的 DNS 解析器，這個過程通常需要幾個小時到 48 小時。

你可以利用 DNS 線上查詢工具 DNS Checker，來確認網站的 DNS 設定是否已經生效了。

輸入域名 —— 圖片標註 ➀。

點擊「Search」(搜尋) —— 圖片標註 ➁。

如果 A 紀錄已經變成 Cloudways 主機的 IP 位址，那就沒問題了。

4. 在 Cloudways 主機上安裝免費 SSL 憑證

SSL 是什麼？

SSL 是 Secure Sockets Layer 的縮寫，意思是「安全通訊協定」。

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

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

如果想更進一步瞭解 SSL 是什麼的話，歡迎點擊下方連結，閱讀我用心製作的解說筆記。

SSL 憑證是什麼？http、https 是什麼？推薦安裝免費 SSL 憑證！

前往免費筆記

在 Cloudways 主機安裝 SSL 憑證

第 1 步

在 Cloudways 後台點擊左側的「SSL Certificate」(SSL 憑證)。

第 2 步

填寫「Email Address」(Email 地址) —— 圖片標註 ➀。

「Domain Name」(域名) 填入裸域名 —— 圖片標註 ➁。

第 3 步

點擊「+ Add Domain」(新增域名)。

第 4 步

在 Domain Name 2 (域名 2) 填入帶有「www」的子域名。

第 5 步

點擊「Install Certificate」(安裝憑證)。

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

打開網站檢查看看，滑鼠點擊網址列 2 下，有看到 https 就代表 SSL 憑證安裝成功了！

✏️ SSL 憑證一直沒有生效怎麼辦？

要是過了 24 小時 SSL 憑證還是沒有生效，可以在 Cloudways 後台點擊右側的「Need a hand？」(需要幫忙嗎？) 聯繫 24 小時線上客服。

他們會非常快速、免費地幫你解決這個問題！

5. 設定 WordPress 網站

WordPress 網站前台 / 後台是什麼？

在 WordPress 相關的筆記中，你會常常看到「WordPress 前台」、「WordPress 後台」這兩個詞，有時候也寫作「網站前台」、「網站後台」。

WordPress 前台指的是訪客能直接看到的部分 (網站對外呈現的畫面)。

相對的，WordPress 後台是管理、編輯網站的地方，只有管理者 (你自己) 才能進入。

如何登入 WordPress 後台？

第 1 步

在瀏覽器的網址列輸入「你的域名 /wp-admin」，輸入好後按「Enter」。

65 登入後台方法-域名wp-admin-v2

第 2 步

輸入「Username or Email Address」(使用者名稱或電子郵件地址) 和「Password」(密碼)，點擊「Log In」(登入)。

✏️ 如何找到 WordPress 使用者名稱與密碼？

第 1 步

前往 Cloudways 後台的「Your Application」(你的應用程式) 。

第 2 步

Admin Panel (管理員面板) 底下的「Username」對應到「Username or Email Address」(使用者名稱或電子郵件地址) —— 圖片標註 ➀。

「Password」(密碼) 直接對應到 WordPress 的「Password」(密碼) —— 圖片標註 ➁。

設定 WordPress 密碼

Cloudways 主機預設的 WordPress 密碼是一串亂碼，很難記住，但我們可以把 WordPress 密碼改成自己好記的。

第 1 步

點擊 WordPress 後台左側欄位的「Users」(使用者)。

第 2 步

點擊使用者名稱下方的「Edit」(編輯)。

第 3 步

按「Set New Password」(設定新密碼)。

第 4 步

把預設亂碼刪掉，填上自訂密碼。

第 5 步

點擊「Update Profile」(更新個人資料)。

之後你就可以用自訂的密碼登入網站後台，方便多了！

網站基礎設定 (WordPress 一般設定)

第 1 步

點擊 WordPress 後台左側欄位的「Settings」(設定)、「General」(一般)。

第 2 步

找到「Site Language」(網站語言)，點開選單，選擇「繁體中文」。

第 3 步

點擊「Save Changes」(儲存變更)。

WordPress 有支援中文介面，我會先把後台切換成中文，操作起來比較好上手。

第 4 步

填寫「網站標題」與「網站說明」。

第 5 步

點開時區，在「亞洲地區」找到「台北」。

備註：如果你位在其他時區，就根據你的所在地區選擇。

第 6 步

「日期格式」跟「時間格式」的部分，我個人都會選擇「第 1 個選項」，看起來比較符合中文閱讀的習慣。

第 7 步

點擊「儲存設定」。

刪除不需要的外掛

第 1 步

在 WordPress 後台，點擊左側欄位的「外掛」、「已安裝的外掛」，進到外掛列表。

Cloudways 預先安裝了幾個外掛，Breeze 跟 Object Cache Pro 都是處理快取的外掛，我們要把它們保留下來，然後把用不到的 Hello Dolly 刪掉。

第 2 步

點擊 Hello Dolly 底下的「停用」。

第 3 步

按下「刪除」。

第 4 步

點擊「確定」。

系統就會把外掛刪掉了。

修改網站設計 (WordPress 佈景主題)

「佈景主題」(也可以簡稱為「主題」) 是控制網站版型設計的工具，從整個網站的欄位排版、背景，到文字的大小、顏色等等，我們可以利用佈景主題輕鬆調整網站的外觀設計。

在試用過各種佈景主題之後，我最推薦的是一款免費 WordPress 主題：Blocksy！

🎁 免費下載 Blocksy

這個主題不但風格簡約，功能也非常強大！

許多在其他主題要付費才有的功能，例如固定頁首、側邊欄 (資訊欄)，或是客製化網站調色盤等等，Blocksy 都是免費提供。

在我測試過的免費 WordPress 主題中，Blocksy 真的是最佛心的！

順帶一提，這個 諾特斯網站 也是用 Blocksy 主題製作的喔！

(1) 安裝 Blocksy 主題

第 1 步

點擊下方連結，前往 Blocksy 官方網站。

🎁 免費下載 Blocksy

第 2 步

點擊「Free Download」(免費下載)。

第 3 步

點擊「Download」(下載)，取得主題 zip 檔。

第 4 步

回到 WordPress 後台，點擊左側欄位的「外觀」。

第 5 步

點擊「安裝佈景主題」。

第 6 步

點擊「上傳佈景主題」。

第 7 步

把剛剛下載的主題 zip 檔拖曳進來上傳。

第 8 步

按下「立即安裝」。

第 9 步

點擊「啟用」。

第 10 步

點擊藍色按鈕「安裝 Blocksy Companion」，這是 Blocksy 主題的附加外掛，可以讓 Blocksy 的功能更進化。

(2) 套用網站模板

第 1 步

點擊「入門網站」套用主題提供的現成模板，來節省設計的時間。

✏️ Blocksy PRO 模板限制

有標示 PRO 是付費版 Blocksy 才開放使用的模板，不過光是免費的模板就有許多款式、很夠用了。

第 2 步

我挑選的是「News」(新聞) 模板，點「預覽」可以查看範例網站。

News 模板設計簡潔，頁首、頁尾、資訊欄 (也就是側邊欄) 等基本要素齊全，滿適合新手使用的。

第 3 步

點擊「匯入」來套用模板。

第 4 步

把 Content (內容) 取消勾選，才不會把範本的文章、圖片也匯進網站，佔用儲存空間。

第 5 步

點擊「下一個」。

第 6 步

這 2 個外掛之後不會用到，所以把它們「取消勾選」。

第 7 步

點擊「安裝」。

(3) 編輯頁首、頁尾

第 1 步

等模板成功匯入後，點擊「自訂器」。

第 2 步

點擊左側欄位的「頁首」。

第 3 步

選擇底部編輯器的「標誌」。

第 4 步

按下「選取標誌」來上傳自己的 Logo。

✏️ 用 AI 設計 Logo

在網站剛起步的時期，比起花大筆預算請設計師，我更建議你把時間和資源集中在內容產出上。

所以我會用 免費版 ChatGPT 快速生成 Logo，不但能節省設計費用，也能省下學習設計軟體的時間。

第 1 步

複製下方 Prompt。

提示詞

你是一位頂尖的 LOGO 設計師，專長是創造簡潔、易於識別的品牌標誌。 請根據以下需求生成： 

**LOGO 設計需求**
品牌名稱：[請填寫你的品牌或網站名稱]
主題類型：[請填寫你的網站主題或品牌類型]
設計風格：[請填寫你期望的風格關鍵詞]
靈感來源 (3-5 個名詞)：
色彩限制 (選填)：[請填寫色彩規則，如：避免某色、多用某色系等] 

**圖像要求**
1. 不包含任何文字或字母
2. 使用清晰輪廓線 (clean outlines) 與純色塊 (solid colors)
3. 絕對避免漸層、陰影、紋理或 3D 效果
4. 清晰、平面、向量感強、無文字
5. 保持風格一致、乾淨簡潔

**生成設定**
背景：透明
檔案格式：PNG
尺寸：512×512 區塊大小

第 2 步

在 Prompt 填入你的品牌名稱、主題、風格、參考靈感和色彩偏好，貼到 ChatGPT 的對話框裡 —— 圖片標註 ➀。

點擊「送出」—— 圖片標註 ➁。

第 3 步

稍等一下，AI 就會幫你生成一個看起來有模有樣的 Logo，點擊「下載」儲存檔案。

等之後有預算，你可以再請設計師做一個新的 Logo 把舊的替換掉。

第 5 步

拖曳上傳 Logo 圖案。

第 6 步

按下「Select」(選擇) 。

第 7 步

我覺得頁首 Logo 可以放大一點，所以把「標誌高度」調整為「80 px」。

備註：「80 px」只是建議參數，實際請依照個人情況調整。

第 8 步

「開啟」網站標題。

第 9 步

「標誌圖片位置」選擇「左」，Logo 就能和網站名稱並排顯示。

第 10 步

頁首我只要放「標誌」、「網站名稱」和「選單」，讓畫面乾淨俐落。

除了「標誌」和「選單 1」保留以外，其餘元素都按「✕」刪除掉。

第 11 步

把預覽畫面滑到最底部，滑鼠移到頁尾區域，點擊「編輯」。

第 12 步

頁尾我只會留下版權聲明，所以先把其他不需要的元素都按「✕」刪掉，只留下「版權」就好。

第 13 步

點擊「版權」。

第 14 步

將「版權文字」改成「版權所有 © + 年份 + 品牌名稱」的形式。

✏️ 版權所有 © {current_year} —— (品牌名稱)

✏️ 諾特斯觀眾小默契

你可以在頁尾的版權聲明裡加上諾特斯觀眾的秘密記號：「✏️」。

有加這個秘密記號的人，都有著一段看諾特斯的影片或文章，架設網站的共同回憶。

以後看到頁尾有這個秘密記號的網站，就知道是自己人，大家可以互相照顧一下。

第 15 步

按左上角的「發佈」儲存設定。

第 16 步

點擊「✕」退出自訂器。

6. 發佈第一篇文章

第 1 步

在 WordPress 後台的左側欄位點擊「文章」、「新增文章」。

第 2 步

WordPress 編輯器的使用方式其實跟 Word 之類的文書軟體差不多，最上方是標題。

下方輸入文章內容，文字可以變更對齊、粗體、顏色等等設定。

第 3 步

除了文字，文章中也可以插入圖片做搭配，增添內容的多樣性。

點擊「+」—— 圖片標註 ➀。

選擇「圖片」—— 圖片標註 ➁。

第 4 步

選擇「媒體庫」。

第 5 步

拖曳圖片檔案上傳。

第 6 步

點擊「選取」，插入圖片做搭配。

第 7 步

文章寫好了，就按右上角的「發佈」。

第 8 步

再按一次「發佈」做確認，就能把文章正式公開到網路上了。

第 9 步

點擊「檢視文章」，看看網站前台的效果。

看起來還不錯吧？

現在，你已經踏出架設網站的第 1 步，接下來就可以盡情創作，發展你的網路事業了！

Cloudways 後台管理

在 Cloudways 後台，你可以管理主機、網站資料庫，接下來我就帶你看幾個我常用到的重點功能，並示範要怎麼操作。

登入 Cloudways 主機後台 (登入 Cloudways 帳戶)

第 1 步

在 Cloudways 首頁，點擊左上角的「Login」(登入)。

第 2 步

輸入註冊時填的 Email 和密碼，點擊「Log in」(登入)。

清除快取 (主機)

如果你更新了網站內容，前台卻沒有同步顯示，通常是因為主機還殘留著快取 (Cache)。

我們可以試著清除主機端的快取來解決這個問題。

第 1 步

點擊「Flexible」(彈性方案)、「My Applications」(我的應用程式)。

第 2 步

選擇「Your Applications」(你的應用程式)。

第 3 步

切換到「Application Settings」(應用程式設定)。

第 4 步

點擊「Purge」(清除) 就可以清掉舊快取，讓主機生成新的快取以顯示最新的內容。

建立預備環境 (測試網站)

「Staging」(預備環境)，也有人叫它「測試網站」或「臨時網站」。

它就像是網站的替身，當我們想要測試新功能或是大規模更新網站設計，例如安裝新的外掛或是變更佈景主題，但怕跟原網站的設定衝突的話，就很適合用預備環境先測試。

等確認沒有問題了，再套用到正式網站上。

這樣能避免直接造成網站錯誤，影響訪客的瀏覽體驗。

第 1 步

點擊右上角的「Quick Actions」(快速操作) —— 圖片標註 ➀。

選擇「Clone App / Create Staging」(複製應用程式 / 建立預備環境) —— 圖片標註 ➁。

第 2 步

點開搜尋欄，選擇「Your Server (same server)」(你的主機 (相同主機))。

第 3 步

把「Create as Staging」(建立為預備環境) 打勾。

第 4 步

點擊「Continue」(繼續)。

第 5 步

點擊「Applications」(應用程式)。

可以在列表中看到標註有綠色「Staging」的預備環境。

登入預備環境

第 1 步

點進標註有綠色「Staging」的預備環境。

第 2 步

找到 Admin Panel (管理員面板) 底下的網址，點擊「開啟新分頁」圖示。

第 3 步

輸入預備環境的使用者名稱與密碼。

✏️ 預備環境的使用者名稱 / 密碼在哪裡？

因為預備環境是獨立的測試空間，為了避免未完成的內容被別人看到，或是被 Google 搜尋引擎收錄，Cloudways 會先加上一層帳號與密碼保護。

預備環境的使用者名稱 / 密碼 就是 Cloudways 後台「Password Protection」(密碼保護)，底下的「Username」和「Password」。

第 4 步

點擊「登入」。

第 5 步

看到 WordPress 的登入畫面，再輸入原網站的 WordPress 使用者名稱和密碼登入。

進到預備環境後，你就可以大膽在這裡改網站、測試功能，不用怕影響到正式網站。

預備環境同步至正式網站

假設今天你在預備環境設計好新的網站外觀，Cloudways 可以幫你把整套設計 / 設定快速套用到正式網站。

第 1 步

回到 Cloudways 後台的「Staging-Your Application」(預備環境 - 你的應用程式)，從左側欄位選擇「Staging Management」(預備環境管理)。

第 2 步

點擊「Push」(推送)。

第 3 步

把「Web Application Files」(網站應用程式檔案) 和「Database」(資料庫) 都打勾。

第 4 步

按下「Proceed」(繼續)，Cloudways 就會幫我們把測試環境的變更同步到正式網站。

備份網站

如果今天網站不小心誤刪檔案、改錯設定，或是資安沒有做好，被駭客攻擊。

這時候，備份就像你的「時光機」，可以把網站退回到出問題之前的正常狀態，救你一命。

第 1 步

在 Cloudways 後台，點擊「Flexible」(彈性方案)、「My Servers」(我的主機)。

第 2 步

選擇「Your Server」(你的主機)。

第 3 步

切換到「Backups」(備份)。

第 4 步

Cloudways 平時會幫你自動備份，你也可以自訂備份的時間、頻率、保存期限。

我會建議「Schedule Time」(排程時間) 要配合自己的時區，選擇網站流量比較低的時間，例如凌晨時段。

如此一來，在進行備份時比較不會增加主機負擔，影響到網站的正常運作。

第 5 步

點擊「Save Changes」(儲存變更) 完成設定。

如果你是要立刻備份，直接點擊「Take Backup Now」(立即進行備份)。

還原網站

第 1 步

點擊「Applications」(應用程式)。

第 2 步

選擇「Your Applications」(你的應用程式)。

第 3 步

切換到「Backup and Restore」(備份與還原)。

第 4 步

選擇要還原的備份版本 —— 圖片標註 ➀。

點擊「Restore Application Now」(立即還原應用程式)，網站就會回到你指定的時間點 —— 圖片標註 ➁。

建立更多網站

如果你想要用同一台主機建立一個以上的網站，Cloudways 沒有限制只能開幾個，理論上，只要主機可以負荷，你想建多少個都可以。

不過開太多網站會佔用主機資源，網站速度就會被拖慢。

以這次示範的 Standard 1 GB 方案來說，如果希望網站維持穩定運作，根據我的經驗，大概可以建立 2 到 3 個小型網站。

第 1 步

在 Cloudways 後台的「My Applications」(我的應用程式)，點擊右上角的「Add Application」(新增應用程式)。

第 2 步

點開搜尋欄，選擇「Your Server」(你的主機)。

第 3 步

按下「Add Application」(新增應用程式)。

第 4 步

「Select Application」(選擇應用程式) 選第一個選項「WordPress」。

第 5 步

「Application Name」(應用程式名稱) 就取一個自己好辨認的名字。

第 6 步

「Application stack」(應用程式環境) 選擇「Lightning Stack」。

第 7 步

點擊「Add Application」(新增應用程式)。

第 8 步

加裝 Cloudways 整合功能強化外掛的部分，可以點「Skip for Now」(暫時略過)。

大概等 2～3 分鐘，就可以在 Applications (應用程式) 列表中看到第 2 個網站了。

刪除網站

第 1 步

點擊應用程式的「⋮」(更多) 圖示。

第 2 步

選擇「Delete Application」(刪除應用程式)。

第 3 步

輸入「DELETE」(刪除) 做確認。

第 4 步

點擊「Delete Application」(刪除應用程式)。

稍等一下，這個網站就會被刪掉了。

升級主機規格

如果你的網站經營一段時間，網站內容變多、流量變大，就有可能需要升級主機，以提供訪客更順暢的網站體驗。

該怎麼判斷「是不是該升級主機了」呢？我自己的做法是先監控數據。

點進「Your Server」(你的主機)。

切換到「Monitoring」(監控)。

點擊「Details」(詳細資料)。

把時間範圍切換成「7 Days」(7 天)。

我主要會看 2 項指標，第 1 項是「Idle CPU」(CPU 閒置率)。

如果這條線經常掉到 10% 以下，代表 CPU 資源快被用滿了，網站就很容易變慢。

第 2 項是「Free Memory」(可用記憶體)。

記憶體一旦不夠，網站就可能跳出「資料庫連線錯誤」的警告。所以如果這條線常常貼近底部，就可以考慮升級主機了。

使用 Cloudways 的好處是，只要切換到「Vertical Scaling」(垂直擴充)，隨時都能直接升級。

升級的過程不用搬家，也不用重新設定，只要等幾分鐘就能完成，升級後的網站就能提供更流暢的體驗。

暫停或刪除主機

要是有一天，你決定不再經營網站，想把它關掉，就點擊右上角的「Quick Actions」(快速操作)。

Cloudways 主機有 2 種關閉方式：

第 1 種「Stop」(停止) 是先把主機關機，讓網站暫時無法連線。但因為資料還保留在空間裡，所以這段期間還是會繼續計費。

好處是，未來你想繼續經營時，只要按一下「Restart」(重新啟動) 網站就能馬上恢復。

第 2 種是「Delete」(刪除)，這才是真正的退租，把主機還給主機商，Cloudways 也會停止收費。

一旦刪除網站，所有資料會永久消失，而且無法復原。所以按下刪除前，一定要先確定資料是不是真的不要了。

或是你可以先在 WordPress 後台使用備份外掛把網站資料備份下來，留一份保險。

⭐️ 延伸閱讀

用 WPvivid 外掛幫 WordPress 網站備份，再也不怕網站突然消失！

前往免費筆記

聯絡客服

如果你在用 Cloudways 的過程遇到任何問題，不管是系統出錯，還是功能不知道怎麼設定，都可以點擊右側的「Need a hand？」(需要幫忙嗎？) 聯絡 Cloudways 線上客服。

客服是 24 小時在線的，能夠非常快速、免費地幫你解決各種問題。

結論：Cloudways 是兼具速度、穩定度的優質 WordPress 主機

Cloudways 不是那種「最便宜、最無腦」的主機，但要是你想長期經營網站、不想之後還要搬家折騰的人，它會是一個能穩定陪伴你成長的優秀 WordPress 主機。

如果你打算租用 Cloudways 主機，記得使用我的觀眾專屬優惠碼「NOTES」，這樣前 3 個月的費用可以直接打 7 折，幫你省下一點成本！

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

🎁 免費試用 Cloudways 主機

希望這樣的教學能幫助你順利架設網站，也祝你的網路事業發展一切順利！

如果你想知道更多有關網站架設的細節，歡迎閱讀我用心製作的其他 WordPress 筆記。

WordPress 新手教學 (總整理)

前往免費筆記

參考資料

• Cloudways Lightning vs Hybrid Stack Benchmarks
• Cloudways - Guide to Scale Servers on the Cloudways Platform
• Cloudways - Charges for Off-site Backups

製作團隊

總編輯、發佈：諾特斯
文字撰寫、文字編輯、圖片製作、圖片編輯：鹹魚
圖片製作：蚊子