Cloudways教學 :使用雲端主機,架設 WordPress 網站(完整流程)

Cloudways教學 :使用雲端主機,架設 WordPress 網站(完整流程)

這是一篇完整的「 Cloudways教學 」,如果你需要更快速或是更穩定的主機,或是舊主機已經無法負擔你的網站流量,這時候就使用 Cloudways 的好時機了!

Cloudways 是一家優質的雲管理主機商(提供雲端主機代管服務,簡稱雲管理),目前犬哥網站就使用它們家的服務。

它整合了多家知名的 VPS 主機+雲端主機(像是 Linode、AWS、Google Cloud ..),並把複雜的主機設定流程完全簡單化,讓任何階段的站長(包括新手站長),都能快速上手這款進階主機!

★☆ — 重要資訊 — ☆★

犬哥網站與 Cloudways 主機有長期合作關係,有兩個方法可取得主機前 2 個月 7 折的優惠。

方法 1:購買主機時,輸入「 wpdog 」折扣碼。

方法 2:點擊網站上任一個 Cloudways 連結 前往官網(包含點擊此連結)。

這篇文章前半部是完整的 Cloudways 主機+個人網域的申請流程(有用數字標示的),後半部是 Cloudways 其他的主機功能分享(可選擇性學習),章節如下:

使用 Cloudways 主機,完整申請+架站流程

Cloudways教學 :使用 VPS 主機,架設 WordPress 網站(完整流程)

1. 如何自架網站?

架設網站 3 要素
1. 網域申請
(申請門牌)
2. 主機租用
(租一塊地)
3. 網頁設計
(搭建房子)

網站能正常運作,就需有「 個人網域 」+「 虛擬主機 」,這是基本配備。

這也是每個站長都需負擔的小投資,沒有例外。

差別是,跟著我的架站教學,你可用最少的預算,建置你的網站:)

網域如何取名呢?

網域是什麼?「 網域 」是網站組成的第一步,就像家的門牌一樣,讓人可以順利找到你的網站。

  • 簡單好記:越簡單的網域名稱越方便使用者查詢和記憶。例:蘋果 – https://www.apple.com/
  • 品牌名稱:網域名稱以品牌為名,打算發展品牌的公司,可用這個方式。例:愛迪達 – https://www.adidas.com/
  • 與服務 or 產品有關:與服務或產品有關聯。例:博客來 – https://www.books.com.tw/
  • 去除 www:目前大部分新網址都不太會在前面加上 www,這是比較舊式的用法。
  • .com 優先:.com 是大多數人的直覺印象,主要方便好記,增加搜尋率。
  • 勿用中文:網址傳輸是以英文為主,所以網址上有中文,就會轉成一長串的特殊符號+數字,除了難記外,對排名也不太理想。

網域取名完成後,接下來可以看一下網域後綴部分(或稱為頂級域名),要如何選擇呢?

一般最常選擇的就是 .com 類型的頂級域名,它適用於任何場合或服務,通常也是最熱門的選擇(會建議優先選擇)。

但有時候喜歡的網域名字,剛好偏偏被註冊走了,就能用更換頂級域名的方法,還是有機會註冊到自己喜愛的名字。

有關於網域後綴名(頂級域名),有哪些常見的類型呢?下面僅列出一些分享。

  • tw / cn / jp:代表不同國家,如台灣、中國、日本等 ..(選擇這類型的網域,可挑選網站主要訪客的居住地)。
  • co:可解讀為公司或企業的英文縮寫,但基本上適用於任何情況,可當作 com 申請不到的替代方案(簡單好記)。
  • net:網路相關行業可使用,但無明確限制。
  • info:資訊性類型網站可使用,但無明確限制。
  • org:organization(組織)縮寫,適合非營利組織、基金會、人文組織、宗教組織等 ..,但無明確限制。

虛擬主機是什麼?

「 虛擬主機 」是主機公司在自管的實體主機上,切分成多個虛擬空間,並把這些空間,租給一般使用者使用。

這樣可大幅降低使用者的費用,因為養實體主機是很貴的,所以絕大部分的站長,通常都是租用現成的。

另一個比喻,如果把網址比喻成「 門牌 」,那虛擬主機就是「 家 」的角色。

如果網頁製作完成了,就需放置在優質的虛擬主機,才能確保網站不會受到攻擊,和速度穩定。

如何挑選虛擬主機?

  • 公司規模:國外知名虛擬主機公司,都是全球性服務,不論公司規模、營運歷史、主機性能、規格服務,通常優於國內主機。
  • 主機性能&功能性:主機穩定度&安全性是重要的,網站才會安全有保障。還有主機的方案規格是否理想。
  • 方案價位:通常國外的價格,會比國內便宜,但建議不要都價格取向,如果主機因此性能不好,之後你也會選擇離開的。

WordPress 是什麼?

WordPress 網站使用人數(持續增加中)
WordPress 網站使用人數(持續增加中)

WordPress 是全球知名的網頁設計軟體,全球有 40 % 以上的網站,都來自於 WordPress。更多 WordPress 是什麼

擁有上萬個佈景主題(樣板)和功能外掛,只需一鍵安裝即可成為多功能網站。或許你不知道怎麼選,請參考 優質佈景主題優質外掛推薦,會給你應該的幫助。

WordPress 可完成多種網頁設計,如:部落格架設個人品牌或公司企業官網購物網站架設 等 ..

最大好處是,它是免費開源的軟體,可完全掌握自己網站資料,不需被任何網路平台、網頁設計公司牽制。

且不會因為任一網頁製作平台的營運問題,造成網站消失(舉例來說,無名小站結束營運,原來的內容也隨著關站而消失,但這不會發生在 WordPress 身上)。

因為你就是網站的擁有者!


2. Cloudways 是什麼?

Cloudways 主機是什麼?
Cloudways 主機是什麼?

Cloudways 是一家優質的雲管理主機商(提供雲端主機代管服務,簡稱雲管理)。

並整合了多家知名的 VPS 主機+雲端主機(像是 Linode、AWS、Google Cloud ..),且大幅優化它們原先複雜的主機設定流程。

幫助所有想使用雲端主機(或是 VPS 主機)的站長,都能用最簡單的方式設定主機+架站成功。

共享主機、雲端主機,二者的差別?

舉例來說,把共享主機比喻為雅房,需要和許多人共用客廳、餐廳、廁所等 ..,只要有人佔用太久,就可能需要等待他人。

Cloudways(雲端主機)就像是套房,你完全享有自己空間內的所有東西,不會有任何人打擾你,這也代表你的網站速度、穩定性相對更好更快。

小備註:雲端主機有點像是 VPS 主機的進階版,但有更多自身的優點,如果要把兩者都通稱為 VPS 主機也可以,這裡只是細部的區分出來。

完整的主機類型比較分析,可參考 常見主機類型

Cloudways 主機適用哪些網站?

Cloudways 主機可用在任何類型的網站,如果說它能處理的特點,對於中高流量的網站,像是部落格、媒體網站、線上購物網站、媒合網站等 .. ,都能有效的處理速度上的問題。

簡單來說,只要覺得共享主機已無法負荷你的網站流量,那搬家到 Cloudways 應該不會讓你失望。


3. Cloudways 主機特色

Cloudways教學 :Cloudways 主機特色
Cloudways 主機特色

Cloudways 是款非常優質的主機商,下面我會分別針對主機方案、客戶服務、速度、安全性、控制權、功能性,這幾個面向進行分享。

主機方案

  • 3 天免費試用:Cloudways 可先免費試用 3 天,試用後喜歡再付款也沒問題~
  • 切換方案迅速多元:新手可依據網站流量,隨時升級適合方案。
  • 每月結算租用金額(停用方便):Cloudways 多以「 小時 」計費,並在每個月底結算,依需求可隨時停用,不會被綁約。

客戶服務

  • 365 / 24 / 7 線上即時客服:Cloudways 提供線上即時客服,有任何主機操作問題,只要點擊按鈕,就會有專人為你處理(最常使用)。
  • 信件服務單系統:如果想追蹤某個詢問的主機問題,也可用支持單的方式發信給 Cloudways,處理效率也非常的高(第二個常使用)
  • 電話訪問:也可以打電話給他們客服,高級工程師會親自處理(比較少用到)。

主機速度

  • 專用環境:每個主機方案都有自己的獨立空間,與共享主機相反,彼此之間不會受到影響。
  • SSD 快速硬碟:全部主機採用 SSD 驅動器,比一般主機快 3 倍,縮短了網頁讀取時間。
  • 內置高級快取:設置了多種快取機制,有網頁端和伺服器端的,像是 Breeze(WordPress 快取外掛)、Memcached、Varnish、Redis 等 ..,大幅提升網站速度。
  • Cloudways CDN:內置一鍵開啟 CDN 服務,CDN 就像是把網站複製到全世界的核心主機,並依照訪客的居住地,抓取最近主機內的網站資料(台灣就會抓取亞洲主機資料,如日本 or 新加玻,不會還跑去美國要資料),可有效提升速度。

主機安全性

  • 專用主機防火牆:所有的主機都有高級防火牆保護,可過濾掉惡意流量&阻止入侵者。
  • 免費的 SSL 憑證:安全性連線標誌(就是網域前面的安全性鎖頭),Cloudways 提供 Let’s Encrypt SSL 憑證,提高你的網站安全性。
  • Bot Protection 機器人防護:這是 Cloudways 與合作夥伴 Malcare,協力開發的 WordPress 安全性外掛,能阻擋網站的暴力登入攻擊、Dos 攻擊等 ..。

彈性的主機管理

  • 能架設多個網站(測試站點方便):Cloudways 提供一鍵安裝 WordPress 網站功能,而且能架設多個網站,每個網站會搭配一個臨時網域,等待網站製作完畢再更新為正式網域即可,非常的方便!
  • 簡單複製伺服器&網站:一鍵複製整個伺服器或單個網站,不用從頭開始製作。
  • 升級 PHP 版本很容易:Cloudways 同步支援最新版的 PHP 版本,只需單擊即能切換版本,讓網站維持在最理想狀態~

主機備份和網站搬家

  • 一鍵式備份和還原:Cloudways 提供每日網站備份,有任何網站出狀況只要選擇要還原的日期,點擊按鈕即可還原(擔心網站出問題的好幫手!)
  • WP Migrator 搬家外掛:這是 Cloudways 自開發的搬家外掛,只需設定基本數據,就能直接線上點對點的網站搬家,非常的簡單迅速。

最後,還有一點再提醒站長,Cloudways 可免費試用 3 天,你可以先試架網站,若喜歡再付款即可

不過如果試用後喜歡 Cloudways 的功能,記得要 進行信用卡綁定,以免網站資料消失唷!


4. 申請 Cloudways 主機(輸入折扣碼)

對 Cloudways 有初步的認識後,這章節就開始來申請 Cloudways 主機啦!

前往 Cloudways 官網,點擊 Start Free(或右上角的 Start Free 都可以)。

Cloudways 首頁,前往註冊

填入 Cloudways 會員申請資料,像是姓名、信箱(登入帳號)、密碼(登入密碼)等 ..,請都填寫英文(姓名可至 外交部 翻譯)。

★☆ — 重要資訊 — ☆★

犬哥網站與 Cloudways 有長期合作關係,購買主機時請輸入折扣碼 wpdog(前後沒有空格),可享有前兩個月 7 折的優惠,請一定要把握唷:)

Cloudways教學 :註冊 Cloudways 會員
Cloudways教學 :註冊 Cloudways 會員

完成後點擊送出,會自動跳轉到建立主機的頁面,但在此之前需先進行兩階段的身份認證(Cloudways 比較嚴格,資安做得很好)。

分別是信件認證&手機認證,才有辦法繼續接下來的動作唷!

首先,前往剛註冊 Cloudways 的信箱,應該會收到一封認證信件,打開來點擊裡面的按鈕,就完成了信件認證了。

Cloudways教學 :進行信件認證
Cloudways教學 :進行信件認證

接著會跳轉到手機驗證畫面,填寫手機後送出,會收到簡訊驗證碼,跟著 Cloudways 指示的步驟即可驗證成功:)

小備註:區域碼選擇台灣,手機部分記得把開頭 0 的數字去掉唷(因為有 +886 國際碼)。

Cloudways教學 :手機驗證
Cloudways教學 :手機驗證

當兩階段身份都認證成功後,我們就能開始建置自己的主機啦~


5. 選擇主機類型&規格

會員驗證完成後,應該會前往建立主機的畫面(沒有的話,就找到類似下圖的頁面),準備開始建立自己的主機!

我簡單分成 5 步驟,可搭配下面的圖片+文字進行流程。

Cloudways教學 :主機租用流程

Step1:選擇 WordPress 版本+名稱設定

選擇目前 WordPress 應用程式的最新版(可能會跟上圖版本不同,因為 WordPress 版本會持續更新),然後填寫應用程式名稱、伺服器名稱、專案名稱。

這些名稱任意命名即可,自己看的懂就 OK,也可以參考我的取名。

Step2:選擇 VPS 主機租用類型

以上的主機商都可以選,DigitalOcean、Linode、Vultr 價位會比較便宜(無特別需求可選這幾家),至於 AWS、Google Cloud Platform 費用會高許多(給有特別需求的人使用)。

這裡示範使用 DigitalOcean 主機,由於 Cloudways 在 2022 年已經被 DigitalOcean 收購。

可以發現在這幾款主機當中,DigitalOcean 的費用相對便宜,用起來也非常穩定、速度快,算是最佳的選擇!

Step3:選擇主機記憶體規格(RAM)

剛開始可選最低的 1 GB 即可,可測試目前的網站是否夠用,如果不夠用的話 Cloudways 隨時都能做資源升級,而且操作很方便。

基本上如果網站日流量沒超過 700 人(預估大約值,非瞬間流量),使用 1 GB 都還很夠用。

如果你剛 建立 Blog,推薦使用 1 GB 方案。若是 建立購物網站,則可能需要較多流量支撐購物車系統的運作,因此會建議從 2 GB 方案開始選擇,這邊我們先以「 1 GB 」為範例申請。

Step4:選擇主機地點

以 DigitalOcean 主機來說,在亞洲地區有新加坡的主機基地,可以直接讓台灣訪客連線,速度會快很多(就不用大老遠連線到美國)。

因此,這裡我選新加坡(Singapore)作為示範。

Step5:確認金額和啟動主機

Cloudways 最小收費單位是每小時,和一般共享主機幾乎是以年計費不同,可隨時租用或停止(以時計價,每月收費一次,用多少算多少的概念)

確認每小時、每個月的收費金額(約 $ 11 美元 / 月),依照選擇的規格費用會不同。

如果是剛新申請 Cloudways ,在前 3 天是免費體驗的(不包含 AWS、GCP),所以確認送出後並不會直接扣款消費。

重要提醒:

如果發現 Cloudways 很值得購買,記得在 3 天試用期內做 付款方式設定,否則你架設好的主機&裡面的網站,都會被刪除唷!這件事請務必要留意!

主機都設定完畢後,就按下上圖的 Launch Now,就會開始進行主機安裝啦!

接下來,需等待一些時間讓 Cloudways 幫你建立主機,完成後會看到主機轉為綠燈,代表主機已經在運作中囉:)

系統也會提示,目前有 3 天試用期,這期間是不會有費用,如下圖。

VPS主機建立完成

恭喜,到這邊已經順利建立 Cloudways 雲端主機囉!接下來,我們來學習如何做設定。


6. 設定付款方式

一開始申請+註冊 Cloudways,會有免費 3 天的試用期(如果超過時間沒有設定付款方式,主機就會被刪除唷,請記得設定)。

如果確定 Cloudways 就是想要用的主機,就可進行信用卡設定,如下。

點擊右上角人物圖示 > 點擊 Account。

Cloudways教學 :前往個人設定
前往個人設定

點擊 Credit Card 信用卡,前往設定。

Cloudways教學 :設定信用卡資訊
設定信用卡資訊

填入信用卡資訊&電子帳單資訊,請都填入英文,英文地址可使用 中華郵政工具 翻譯,完成後點擊確認。

Cloudways教學 :設定信用卡資料

如此一來,就順利設定信用卡囉,這樣就算是正式啟用 Cloudways 主機了,每個月 Cloudways 會定期自動扣款(依照你選擇的方案,每月收費一次)。

Cloudways教學 :付款資訊成功
付款資訊成功

7. 主機基本設定

點擊上方導航列的 Servers(或是 Servers 按鈕),會列出當前 Cloudways 帳戶下的所有主機(因為主機不一定只會申請一台),點擊剛建置完成的主機。

Cloudways教學 :前往剛建置的主機
前往剛建置的主機

會看到 Public IP(主機 IP 位置)、Username(SSH 帳號)、Password(SSH 密碼),參考下圖。

主機 IP 位置會比較常用到,比如說需用 SFTP 傳輸檔案 時等 .. ,至於 SSH 帳密除非是打算用 Linux 指令操作主機,不然通常很少用到。

Cloudways教學 :VPS 主機資訊
VPS 主機資訊

小備註:上面的主機資訊都是重要資料唷,請務必妥善保存。

接著,前往 Settings & Packages,我會挑選一些我更改的設定,跟大家分享。

Basic 基本設定

Cloudways教學 :主機基本設定
Cloudways教學 :主機基本設定
  • EXECUTION LIMIT 執行時間上限:向主機請求時間的上限規範。通常網站發出的請求,就算回應速度慢,也不至於會超過 120 秒(2 分鐘)的時間。如果超過設定時間,就認定這個是無效的主機請求。
  • UPLOAD SIZE 上傳檔案大小:單次 10 MB 的上傳空間已經算滿多了,特別對於一般 Blog 網站來說(像我通常上傳圖片,最大也很少超過 1 MB)。除非是對圖片畫質有特別要求(或是影像網站),有特別需求可再往上調整。但不建議調太大,因為這代表放寬了限制(容易上傳更大的檔案),網站體積容易上升。
  • MEMORY LIMIT 記憶體分配上限:影響網站速度滿關鍵的項目,我是設定 256 MB(如果你有更大的需求可調 512 MB)。
  • PHP TIMEZONE 時區:時區設定,選台北。

Advanced 進階設定

切換到 Advanced 分頁,可設定資料庫和系統的時區、編碼,調成符合自己國家的版本。

其他部分我是沒做更改,有需求也能自行做調整,如果看不懂就都維持預設值即可。

小備註:下圖 MySQL 和 System 是在兩個不同地方,我把圖合併起來,方便教學。

Cloudways教學 :更改 VPS 資料庫和系統時區&編碼
更改 VPS 資料庫和系統時區&編碼

Packages 配套設定

調整 PHP 版本到目前的最新版本(我寫文章當時是 PHP 7.4,依你目前的為主),MySQL 資料庫的部分也是一樣。

切換版本需一些時間,請耐心等待。

Cloudways教學 :更換 PHP 和 MySql 版本
更換 PHP 和 MySql 版本

這樣一來,Cloudways 的基本設定大致上就 OK 囉!


8. 架設 WordPress 網站

Cloudways 主機設定完畢後,這章節開始來架設 WordPress 網站啦!

前往 Applications 應用程式,這裡是存放所有主機的應用程式地方,如果你有架設多個 WordPress 網站,都會在這頁顯示出來。

由於一開始申請 Cloudways 主機,系統有自動建立一個 WordPress 網站,我們可點擊進入。

Cloudways教學 :前往 WordPress 應用程式
前往 WordPress 應用程式

小備註:如果沒看到 WordPress 網站,可點擊上圖右上角的 Add Application 新增應用程式,就能快速架站。

接著,我們會看到這個 WordPress 網站的相關訊息,以下的登入資料一樣也要妥善保存唷!

Cloudways教學 :WordPress網站,相關資訊
WordPress網站,相關資訊
  • Application Url 前台網址: WordPress 前台路徑。一開始 Cloudways 會給你臨時網域(方便你繼續架站),等你網域申請好&設定為正式網域後,這裡就會變為你的個人網域(而不會是上圖的那一長串)。
  • Admin Panel 後台登入資料:分別是 WordPress 後台路徑、登入帳號、登入密碼。
  • MySQL Access 資料庫訪問:訪問資料庫的相關訊息,這很少用到。

前往 WordPress 前台

接著,點擊 WordPress 前台網址,會看到簡單的 WordPress 網站,已經出現囉。

只是目前是套用 WordPress 預設的版型,所以會有點陽春,但我們可以藉由 WordPress,安裝主題,進行設定。

WordPress 網站架設,成功出現。
WordPress 網站架設,成功出現。

登入 WordPress 後台

點擊 WordPress 後台路徑,就會出現登入介面,然後輸入 WordPress 帳號(信箱)& 密碼,並進行登入(這些登入資料上面都有提到)。

wordpress 後台登入
wordpress 後台登入

如果登入成功,就會看到 WordPress 漂亮的後台頁面囉:)

wordpress 後台介面
wordpress 後台介面

9. WordPress 後台設定

登入 WordPress 後台後,一開始 WordPress 後台是英文介面,我們先進行語言的調整,方便後續作業。

前往 WordPress 設定(Settings) > 一般(General),如下圖。

前往 WordPress 一般 > 設定
前往 WordPress 一般 > 設定

找到 Language 語言欄位,並調整為中文,然後先進行儲存。這樣一來,版面都會變成中文介面囉!

接著,可依需求調整「 網站標題、網站說明、網站語言、時區 」等 ..(可參考下圖)。

有關網址欄位(有兩欄)這裡先不更動(目前是臨時網域),下面有章節會教學如何更改為正式域名,不然會影響到整個網站連結。

WordPress 網站一般設定
WordPress 網站一般設定

都修改完畢,最後按下 儲存設定 即可。

當然 WordPress 後台還有很多功能,像是可編輯永久連結、選單分類、文章頁面製作 ..,方便網頁設計製作,請參考 WordPress 後台教學

如果想架設不同類型的 WordPress 網站,像是 部落格架設官網設計購物網站架設,多種的 優質佈景主題優質網站外掛,都是達成網站需求的好幫手。

或是使用 WordPress 頁面編輯器,只要用拖曳方式且不需會任何程式,就能製作客製化網頁!


10. 網域申請+購買(NameCheap)

個人網域申請+購買

由於目前的網域,是 Cloudways 為了幫助你順利架站,所協助生成的臨時網域,並不是正式網域,所以我們需要購買自己的網域!

如果你原來就有個人網址,想要延續使用,這章節可以略過,直接進行 DNS 設定即可。

如果你還沒有個人網域,或是也沒有一定要指名哪一家網域商,就跟著我的流程進行申請吧!

這邊我會示範用 NameCheap 做教學,NameCheap 是 ICANN 認證的頂級網域公司,主要業務是各種網域註冊的服務,且網域費用很便宜。

它在 2000 年就已經創立,是國內外推薦的知名老字號網域商,管理了 1000 萬以上的用戶,和 1000 萬以上個網域,這是很大的數量。

由於這邊示範完整的網域教學,篇幅會太過於長,所以請麻煩參考影片教學,或是 NameCheap 教學,進行個人網域申請。

NameCheap教學 :網域註冊購買+網址後台設定(完整申請)

如果有跟著上面教學,並申請+購買完成了個人網域,接著我們就需進行 DNS 設定囉!


11. DNS 設定指向(NameCheap+Cloudways)

DNS 設定,就是把網域(門牌)指向虛擬主機(土地),當訪客搜尋網址時,就可以順利找到主機上的網站(房屋)。

簡單來理解就是,把你的個人網域和主機串連起來!

這邊我會示範 NameCheap 網域和 Cloudways 主機,兩者之間的 DNS 指向教學,我們開始囉!

小備註:如果你是用別家網域商也沒關係,操作流程都大同小異,只需找到你的網域商輸入 DNS 位置的地方(不知道在哪可直接問網域商),輸入後儲存就能完成。

Step1:找到主機的 IP 位置

前往 Servers,找到需指向的主機 IP 位置。

Cloudways教學 :找到主機 IP 位置
找到主機 IP 位置

Step2:前往 NameCheap,選取需設定的網域

前往和登入 NameCheap,點擊 Domain List > Manage 管理網址。

找到 NameServers 選項,更改成 NameCheap BasicDNS,然後打勾確認。

NameCheap DNS 設定指向

Step3:新增 DNS 紀錄

前往 Advanced DNS,點擊 Add New Record,新增 DNS 紀錄。

這裡的最終結果,會是有兩行 DNS 設定(參考下圖),至於原來的其他 DNS 設定,可點垃圾桶刪除(以 NameCheap 來說是這樣)。

使用 NameCheap 進行 DNS 設定指向
使用 NameCheap 進行 DNS 設定指向
  • 第一行:新增一個 Type 是 A Record(A 紀錄),Host 輸入 @(代表網域名稱),然後 Value 輸入你的主機 IP,完成後儲存。
  • 第二行:新增一個 Type 是 CNAME Record,Host 輸入 www,Value 輸入你的網站網址。

輸入完成後,記得要進行儲存,這樣就順利把 NameCheap 網域指向 Cloudways 主機了!

但 DNS 設定完成並不會馬上生效,需等待約 24~48 小時的作業時間唷。

小備註:如果不確定 DNS 指向是否生效,也可用 DNS Checker 查看是否各地區,都有指向自己的主機 IP。


12. 更改為正式網址

到目前為止的 WordPress 網站,都還是使用 Cloudways 的臨時網址,在網站正式上線前,我們需改為正式網址。

首先,前往 Applications > 點擊你的 WordPress 網站。

Cloudways教學 :前往 WordPress 應用程式
前往 WordPress 應用程式

前往 Domain Management 網域管理,在 Primary Domain 輸入你的個人網域,完成後儲存。

Cloudways教學 :設定正式網域
設定正式網域

然後前往 Access Details,會發現原來的臨時網址,已經更換成你的正式網址囉!

Cloudways教學 :正式網域更換完成
正式網域更換完成

這時點擊上面前台或後台網址,應該還是無法訪問網站,原因是剛設定 DNS 指向還沒完全生效。

需等待約 24 ~ 48 小時的 DNS 設定的生效時間,完成後再搜尋你的個人網址,就可以看到網站囉:)


13. SSL 憑證申請

安全通訊協定,又稱為 SSL(Secure Sockets Layer)是一種,可在瀏覽器和主機伺服器之間,建立安全加密連結。

只要瀏覽器的網址欄前面有安全鎖頭,就代表目前是用 SSL 連線狀態,目前 Google 非常注重這個,如果沒有的話,網頁可能會顯示不安全的網站。

Cloudways 有免費的 SSL 憑證可以使用,下面跟大家教學示範,流程非常的簡單。

首先,前往 Applications > 點擊 WordPress 應用程式。

Cloudways教學 :前往 WordPress 應用程式
前往 WordPress 應用程式

點擊 SSL Certificate,輸入電子信箱和個人網域,再點擊安裝 SSL 憑證。

Cloudways教學 :SSL 憑證申請
SSL 憑證申請

然後,會跳出是否要把所有的「 http:// 」開頭的網址,全都轉成「 https:// 」,點擊確認。

SSL憑證申請,強制轉址
SSL憑證申請,強制轉址

如此一來,SSL 憑證就順利申請成功囉,Cloudways 預設會續租 SSL 憑證,這是免費的。

SSL憑證申請完成
SSL憑證申請完成

SSL 憑證要正式生效(能看到安全鎖頭),可能需等待一些時間。

時間長短不確定,我之前有試過設定完 SSL 幾個小時就能生效,也有隔天生效的,總之就是給 SSL 憑證一些生效時間吧。


Cloudways 網站搬家

Cloudways 有提供專門的搬家外掛(Cloudways WordPress Migrator),操作流程非常簡單,只要照著這章節流程,網站很快就能搬家成功啦!

首先,前往需搬家的網站,安裝 Cloudways 搬家外掛,如下。

Cloudways搬家:安裝搬家外掛
安裝搬家外掛

安裝完成後,前往外掛面板,請分別對應下面流程的數字填入。

Cloudways搬家:填入搬家訊息
填入搬家訊息
  • Email:填入註冊 Cloudways 時,使用的電子信箱。
  • Destination Site URL :輸入目標網站網址。看目前是使用臨時網域,還是已經更改為正式網域,依照自己的情況輸入。
  • Database Name:輸入目標網站的資料庫名稱(DB Name)。
  • Server Publick IP Address輸入主機 IP 位置(Public IP)。
  • SFTP Username輸入主機 SFTP 帳號。
  • SFTP Password:輸入主機 SFTP 密碼。

對照圖片(對應上面的數字填入)

Cloudways搬家:找尋網站資料
Cloudways搬家 :找尋網站資料
Cloudways搬家:找尋網站資料
Cloudways搬家 :找尋網站資料

填入完成後,點擊按鈕就能開始搬家啦!

至於搬家的時間長短,會依照你的網站大小而有所不同,還有搬家期間請保持當前頁面開啟,不然可能會搬家失敗唷。

BlogVault 網站程式
BlogVault 網站程式

搬家完成後,再度訪問架設在 Cloudways 的 WordPress 網站,就會發現已經搬家成功囉!恭喜你!

額外需注意的是,由於剛已經把原來的 WordPress 網站,順利搬家到 Cloudways 主機上了,此時 WordPress 後台登入帳密,也會依照來源網站的為主(原來在 Cloudways 的 WordPress 網站舊帳密已經失效了)。

所以如果需登入 WordPress 後台,記得輸入對的帳號密碼,才能登入進去唷:)


網站備份&網站還原

Cloudways 有提供每日的網站自動備份功能,讓你不用擔心不小心把網站搞壞了怎麼辦,因為隨時都能進行還原。

Cloudways 有貼心提供 14 天的網站備份,你也可搭配 WordPress 備份外掛,達到主機端&網頁端的雙重備份效果(安全性更高)。更多可參考 如何備份還原

網站自動備份

前往 Applications > Backup And Restore(備份和還原),選擇要還原的日期,點擊 Restore 就能順利還原囉!

Cloudways教學 :網站備份&還原
Cloudways教學 :網站備份&還原

當網站順利還原後,你可以到 WordPress 前台,確認是不是你需要還原的版本。

因為 Cloudways 有貼心幫你把還原前的網站,自動做一個暫存備份,如果你反悔了可點 Rollback(回滾)。

如果都沒問題,就能直接點擊 Delete,把原暫存檔案給刪除,之後就能再次使用 Cloudways 還原功能囉!

Cloudways教學 :網站備份&還原
網站備份&還原

網站手動備份

除了 Cloudways 每日自動網站備份,如果你打算在網站上進行某些主題、外掛、重大改版等 .. ,也能使用手動備份,把目前完整的網站先備份起來(還原動作跟上面介紹的一樣)。

這樣一來就順利幫網站買了保險了!

Cloudways教學 :網站手動備份
Cloudways教學 :網站手動備份

啟用 SMTP(信件發送)

如果你收不到 WordPress 網站發送的信件,那可能是沒設定 SMTP ( Simple Mail Transfer Protocol,簡單郵件傳輸協定 )。

其他虛擬主機,像是 Bluehost 主機 或是 A2 Hosting 主機,預設會有 SMTP 功能。

但因為 Cloudways 是雲端主機,所以這部分需自行啟用,才有辦法從 WordPress 網站發送信件唷!

Step 1:購買+設置 Elastic Email

首先登入 Cloudways,前往 Add-ons 外掛功能。

Cloudways教學 :前往 Add-ons 外掛
前往 Add-ons 外掛

選擇 Elastic Email,點選最右邊的筆,打開啟用。

Cloudways教學 :開啟 SMTP 電子郵件收發外掛
開啟 SMTP 電子郵件收發外掛

接著,選取最低費用的即可,每月可發送 1000 封信件(只需 $0.1 美元 / 月,一個月 3 元台幣),可依照需求調整。

Cloudways教學 :選擇發送信件方案
選擇 SMTP 發送信件方案

訂閱完成後,前往 Servers > SMTP > 選擇 Elastic Email+啟用。

Cloudways教學 :啟用 Elastic Email
Cloudways教學 :啟用 Elastic Email

Step 2:前往網域商,進行 SMTP DNS 指向(NameCheap 示範)

啟用完成後,我們還需要前往網域商,進行 Elastic Email 的 DNS 指向,授權讓 Elastic Email 代表我們網站,發送電子郵件。

這邊我們一樣以 NameCheap 作為示範。前往 NameCheap 頁面,找到我們的網域,點擊「 Manage 」,接著再點擊「 Advanced DNS 」進入 DNS 設定介面。

使用 NameCheap 新增 Elastic Email DNS 設定指向

總共需新增 4 組 DNS,請站長們分別逐一新增,如下圖所示。詳細的 DNS 數值,可前往 官方 Elastic Email DNS 指向教學 查看唷。

需新增 4 組 Elastic Email DNS 指向

Step 3:回到 Cloudways,檢查 SMTP DNS 指向

新增 DNS 指向後,我們回到 Cloudways,前往 Add-ons,下滑找到 Elastic Email,點擊「 防護盾 」圖示。

Cloudways教學 :找到 Elastic Email,點擊「 防護盾 」圖示
找到 Elastic Email,點擊「 防護盾 」圖示

輸入網域,點擊「 Verify Domain 」,可測試 DNS 指向是否設置成功。

Cloudways教學 :
點擊「 Verify Domain 」,測試 DNS 指向是否設置成功

當指標字體變為綠色,就代表 Elastic Email DNS 指向設置成功囉~

指標字體變為綠色,Elastic Email DNS 指向設置成功

Step 4:發送測試信件

DNS 指向成功後,此時就已經可以順利在 WordPress 網站發信了,我們可以先進行信件發送測試。

回到 Cloudways,左側列進入「 SMTP 」頁面,點擊 Send Test Email 寄送測試信件。

回到 Cloudways,點擊 Send Test Email 寄送測試信件

Good!我們的 WordPress 網站可正常發送信件了。

Cloudways教學 :發送信件成功
發送信件成功

Cloudways 客服支援

不論使用任何一家虛擬主機,或許你會遇到一些想詢問的問題,Cloudways 有提供 7 / 24 全年無休的即時線上客服,能幫助你處理大小事。

因為 Cloudways 的客群來自世界各地,所以需用英文溝通,基本上善用 Google 翻譯,他們幾乎都聽得懂。

Cloudways 提供多種客戶支援方式,比較常用的應該是 Live Chat(線上客服)和 Create a Ticket(建立支持單)。

  • Live Chat 線上客服:類似線上聊天系統。處理速度會比較即時,有任何問題直接發問,另一頭的 Cloudways 客服就會立即處理問題(這我比較常用)。
  • Create a Ticket 建立支持單:類似發信件委託處理。即時性沒有 Live Chat 來的高,但 Cloudways 信件回覆的速度同樣也很迅速。如果擔心英文不是很好,擔心無法即時對談,使用支持單也是一種方法。

那下面我就示範,如何使用 Live Chat 的方式,進行 Cloudways 的客戶支援!

如何和 Cloudways 客服聯絡?

首先,在 Cloudways 後台的任一頁面的側邊,點擊 Need a hand。

Cloudways教學 :客戶服務
客戶服務

選取 Live Chat 線上即時聊天,之後就會進入到類似 Messenger 的聊天對話框(如果是用支持單方式,就選 Create a Ticket),就能提出你的問題囉!

Cloudways教學 :線上即時回覆
線上即時聊天

因為 Cloudways 真人客服不一定無時無刻都在線上(如果顯示的是 CloudwaysBot,那代表目前是機器人回覆)。

但只要你先準備好你的問題並傳送出去,他們內部很快會有人接管回覆你訊息!

好囉!以上就是如何使用 Cloudways 客戶服務的經驗分享。


WordPress 學習資源

學習 WordPress 網站架設流程中,或許會遇到一些解決不了問題,可以在下方留言給我,我會盡力協助解答!

接下來,額外分享 3 項架站資源,可有效幫助大家處理網站問題。

資源一:WP 高手架站課(線上課程)

這門 WordPress 高手架站課 濃縮了犬哥多年在網頁設計的實戰經驗,從網頁設計觀念、WordPress / WooCommerce 後台操作、熱門主題.外掛教學、品牌網站 / 部落格 / 電商網站,3 大類型網站建置方法等 .. 豐富內容,一次教會你。

課程內容非常的紮實(長度超過 20 小時)。如果你剛學習自架網站,這門課程可以讓你用最快的速度,就學會這項技能!

幫你增加網路曝光,提高你的線上營收!

WordPress 高手架站課|一堂課讓你變架站高手!

資源二:犬哥數位(專業 WordPress 網頁設計公司)

如果你沒時間自己架站、或是遇到解決不了的網站問題。歡迎洽詢 犬哥數位(WordPress 網頁設計公司),請專家製作會更有效率!

WordPress 網頁設計公司|犬哥數位

資源三:更多犬哥教學資源

如果你在操作過程中遇到問題,可以加入 流量研究室 – 犬哥網站(目前有超過 9000+ 團員)。除了有網友一同幫你解惑外,犬哥團隊也會同步在社團幫助大家。

加入 FB 犬哥社團
加入 FB 犬哥社團(目前有超過 9000+ 團員)

另外這是送給剛起步經營自媒體的朋友們,不論是經營網站、各類社群等都適用,立即加入 Line 群 免費領取「 神級自媒體起號工具包 」。

如果你想學更多品牌設計、社群行銷知識,也歡迎追蹤 犬哥網站 IG。或是喜歡看影片學習,可關注 YouTube 頻道

關於作者

犬哥網站:網頁設計 x 網路行銷教學平台

犬哥網站

我們分享 WordPress 架站 x 網路行銷知識,不需會任何程式技術,就能自己建立各種網站。 搭配豐富的網路行銷教學,幫助你被更多人看到。 趕快跟著我們的腳步,開始學習吧:)

在〈Cloudways教學 :使用雲端主機,架設 WordPress 網站(完整流程)〉中有 50 則留言

  1. 我有幾個疑問,可否請教一下:
    1.我有正式購買網域名稱: whynotheels.com,是否要做”網站搬家設定”
    2.我照你堤供資料做:網站搬家設定,出現錯誤訊息:Something went wrong. Please contact us or try again later.,請問是哪裡出錯了,謝謝。

    1. 嗨,如果你是使用第三網域,而且原本沒有網站,當 Cloudways 主機申請+架站完畢後,只需要把 Cloudways 提供的臨時網域,更改為你自己申請的正式網域就好了。

      不用執行網站搬家的動作,「 網站搬家 」的章節是給原本就有自有網站的站長,他們如果想要把主機搬家到 Cloudways,給他們參考的教學內容唷。

      希望有幫助到你唷:)

  2. Hello 你好!我覺得你的影片講的非常詳盡 讓我這新手也能一步一步的了解 但我遇到一個問題,就是電話認證的地方台灣國碼+886一直顯示不出來,不管我只打手機後9位或是在手機那欄自己打+886,或是重新整理以及換瀏覽器都沒有辦法解決,無法手機認證我就無法繼續launch後續的動作,請問你知道要怎麼解決這問題嗎?感謝

    1. 嗨,我之前也遇過同樣的問題。

      我後來是等隔天再重新看一次,就會順利出現國際碼 +886 了。

      如果還是沒辦法,可能就需直接聯繫 cloudways 客服,他們會協助處理這個問題。

      1. 小犬您好
        謝謝您詳細介紹!想請問如果是剛起步的新手,請問推薦cloudways雲端主機嗎?因為seo越來越講求訪客體驗,所以網站速度勢必不能太慢,也因為如此,所以我想cloudways是不是適合像我一樣是剛要起步的新手?(對了,我架設網站是blog為目的),再麻煩您解答了!謝謝您!

        1. 嗨,新手也適合用 Cloudways 主機唷,主要是主機要符合自身需求比較重要。

          它也可以用來搭建 Blog 是沒問題的,我自己目前就是用 Cloudways~

  3. 請問以小時計費是指 server run 後開始計費,那不計費是指 server stop 還是 server delete 後才不計費呢? 謝謝您

  4. Hello!我是不曾架設網站的新手.我最近才跟cloudways買主機規格.剛試用三天.結果不小心點到了Digital Ocean這家公司.一開始他就給我用2GB.後來我寫信給cloudways公司.我說GB想要降為1GB.他跟我講等確認買了.再降後來我買了.結果要更改也不能.請問他是可以更改嗎?要如何跟他們公司去反應.自己的英文又不好.可以請你幫個忙嗎

    1. 嗨,有關降級我是還沒有使用過,所以不確定是否可以。

      但我有幫你查了一下其他的解決方案,簡單來說就是使用 Cloudways 的複製功能,先把你原有的主機進行複製(並選擇你要的方案),然後刪除舊的主機(你不要的方案)。

      相關教學影片在這,可以參考看看:https://www.youtube.com/watch?v=l3CE03sldfA

  5. 請問我用Cloudways架好官網,SSL 憑證也正式生效,電腦網頁版都看得到鎖頭,但用手機瀏覽仍會顯示”連線不安全”,是什麼原因呢?

  6. 小犬你好!
    我是新手! 請問我想用cloudways主機架設WooCommerce
    看你哪個影片執行操作比較適合呢?

    1. 嗨,比較多人有在使用 FlatsomeAstra 製作購物網站,我在 Youtube 有錄些視頻可參考(或是參考我網站上的相關文章)。

      只要把前面主機教學部分,換成 Cloudways 主機即可。

  7. 爬完站長的推荐,選了和小犬一樣的cloudways, 想請問站長,因為我原來買的服務器,域名是包含在供應商的套餐內,退了某爹的套餐 ( 因為先前不懂服務器種類和差別的概念,結果買了之後,簡直是惡夢一場啊,有幾次是直接伺服器503持續一個小時登入不了,打客服電話,等了65分鐘電話仍在等待中,實在是恐怖的經驗 ) 域名也沒有了,那我如果先把cloudways 的主機上的網頁設計好,先不到 namecheap買域名,等網站的頁面都弄好了,再去買域名(因為先前我用的域名要60天後才會再度開放注冊),這樣會不會有什麼風險呢? 還有要選cloudways,我直接在官網注冊時在折扣碼填您提供的wpdog就可以了對嗎?

    1. 哈囉,Sophie:

      不會有風險唷,因為使用 Cloudways 架設網站,它會先給你一個臨時網域,你可以先用此架站。
      等網站架設完畢後,再轉為正式網域即可(也就是你自己申請的正式網域)。

      有關第二個問題,是的唷,用折扣碼「wpdog」就可享有優惠價格唷!

  8. 小犬您好,
    您的文章都很豐富,講的也很詳細!

    因為我是第一次使用 Cloudways 主機,我想詢問一下
    文章中有提到 Elastic Email 的部分,請問 Elastic Email 跟 Rackspace Email 有什麼區別嗎?
    兩個只要選其中一個申請就都可以收發信件嗎?
    謝謝!

    1. 犬哥網站

      嗨,Ruby,

      原則上來說是的唷,

      如果申請的是 Rackspace Email 就下載 Rackspace Email 的附件就好,

      但我不太清楚 Rackspace Email 的付費方案,

      應該會跟 Elastic Email 有些不同唷。

  9. 站長你好,
    我原本有按照步驟設置Elastic Email,但是突然前天開始就無法收發信,前幾個月是正常的。
    有可能知道原因?
    另外需要在Wordpress裡面新增wp smtp相關外掛嗎?謝謝

  10. 犬哥您好,想請問一下:
    1. 上面提到Cloudways主機都有高級防火牆保護,那是否有需要再設定防火牆保護(例如使用Wordfence)呢?兩者是否會有衝突之類的影響?
    2. 另外想請問對於主機Bot Protection外掛的評價好嗎?是不是Wordfence的功能比較完整呢?
    謝謝~

    1. 犬哥網站

      嗨,Wei,

      Cloudways 的安全外掛評價也都蠻不錯的,不過和 Wordfence 之間,建議擇一使用即可:)

  11. 您好
    感謝詳細教學~
    請問信件發送的用意是什麼?是為了接受Wordpress寄送的Eamil嗎?是否建議需啟用?
    謝謝!

    1. 犬哥網站

      嗨,Ping,

      如果沒有在 Cloudways 設置 SMTP 信件設定,你的 WordPress 網站就無法發送信件,

      不論未來是否有設置電子報需求,都建議啟用會比較好唷!

      因為系統可能會需要發信給管理員,如果你的防火牆、快取外掛等 .. 需要寄送重要通知給管理員,也需要通過 SMTP,若是沒有設置,可能會錯過重要通知,

      因此都會建議設置 SMTP 發信功能唷!

      1. 好的!
        已完成設定,但是測試發信都無法收到,詢問客服說不能使用Gmail信箱,請問這部分可以怎麼解決?謝謝

  12. 犬哥您好,
    非常感謝你的用心教學,藉由你的文章,我第一次完成網站的申請了:D

    但在最後一個階段SMPT的部分,我無法測試點擊 Send Test Email 寄送測試信件
    原圖如下,會跑出一個需要輸入的寄件者Email(收件者是我的email)

    SEND TEST EMAIL

    Sender _____Sender’s Email
    Receiver_____我的email

    1. 犬哥網站

      嗨,麥可鴿,

      在 Sender 的位置,請填入你要發信的信箱,也就是你的管理員信箱,

      Receiver 則是收到測試郵件的信箱,建議這兩個可以分開,

      另外,也可以參考 設置 SMTP 教學,完成設定唷:)

    1. 犬哥網站

      嗨,小菜,

      可以唷,只要按照教學中建立網站的流程,分別新增網站即可,

      不過若是有建制大量網站的需求,建議就需要適時調整流量方案,才不會影響網站的速度唷!

      1. 感謝犬哥回覆,我說明清楚一點…我是想要租用一台vps然後供兩個網站使用(其中一個只是形象網站流量很少),兩個不同的網域但都是使用同一ip同一主機,目前我是使用vesta做到這點,不知道cloudways有這種功能嗎?

        1. 犬哥網站

          Cloudways 可以做到你描述的功能唷!

          並且 Cloudways 也有自家的搬家外掛可使用,

          可參考本篇 Cloudways 教學,幫助你購買主機跟搬家:)

  13. 後續SMTP的設定應該不是如同文章寫得這麼簡單了,犬哥不知道能不能更新成更新的版本造福大家呢~~~

    1. 犬哥網站

      嗨,雷,

      謝謝你的建議,這也是犬哥老師跟團隊都有發現的問題,犬哥團隊會將你的建議納入參考,儘速討論新版本更新的排程,再次謝謝你唷!

  14. 我人在歐洲 暑假才回台灣
    我的網站目標客戶是台灣人
    那我設定中System的Locales還是要填Chinese(Taiwan)嗎
    感恩

    1. 犬哥網站

      嗨,Oblongata

      若是客戶目標是台灣人,建議你填寫台灣,並且將主機設置在亞洲(讓在台灣的客戶能更快速連進網站)會比較好唷:)

  15. 請問犬哥,我之前有使用cloudsway 架網站,但由於我帳號密碼登不進去,要如何透過聯繫客服,請他幫我重新登入呢?

  16. 請問買Cloudways主機要怎麼設置自己網站的專屬網域信箱呢?也就是像service@frankknow.co,這是怎麼設置的呢?

  17. 犬哥您好
    我在cloudways 已經架設好一個網站,
    如果想重新設計一個新的也在cloudways,將原本的刪除
    這樣有辦法更改嗎?

    謝謝

    1. 犬哥團隊

      嗨,J,

      原本的網站可以不用刪除,你可參考本文第八章節教學,點擊「 Add Application 新增應用程式 」按鈕,新增一個網站即可重新設計~

      若要將舊網站內容搬至新網站,可參考本文「 Cloudways 網站搬家 」章節,進行搬家唷:)

  18. 請問犬哥,如果想要放置靜態網頁,有什麼辦法可直接連到伺服器ip嗎?
    感謝教學~

    1. 犬哥網站

      嗨,LUCY

      租用虛擬主機後,將網站檔案放置上去,購買網域後進行 DNS 連結,就可以完成你的需求囉!

  19. 感謝你的分享
    想請問 SMPT 的部分,我已經依照流程設定好,但最後還是沒有收到信
    請問有什麼方式可以解決 謝謝

    1. 嗨,Mars

      我們網站也是使用 Cloudways SMTP 部分,目前是沒有其他使用疑問的,

      如果有按照本文章節購買 SMTP 但設置出了問題,建議你可詢問 Cloudways 客服,可得到更快速的支援唷!

發佈留言

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

返回頂端