Cloudways完整教學:架設WordPress網站的No.1主機!

Cloudways完整教學

市面上五花八門的Wordpress主機不知道要選哪一家?

網站搬家了好幾次,還是找不到能讓網站穩定運作的Wordpress主機?

經營一陣子的網站流量終於增加了,但網頁載入速度卻越來越慢?

其實,不論是Wordpress新手、老手,都會面臨選擇主機的問題,因為在經營網站的不同階段,會出現不一樣的主機需求。

主機就好像網站的心臟,如果主機效能不佳,網站就沒有辦法好好運作。

如果你是Wordpress新手站長,也不需要太擔心。在這篇Cloudways完整教學文中,我將會用簡單好懂的方式,介紹Cloudways這間主機服務商提供的主機選項、功能及服務,並且帶你一步一步從Cloudways後台建立自己的主機,成功架設一個屬於自己的Wordpress網站。

主機的基本概念

什麼是主機?

當我們要進入一個網站時,只要在google輸入網址,我們就能找到我們想看的網站。

但這背後是怎麼運作的?

其實,我們平常看到的網站就好像一個資料夾,而這些資料夾裡面有著一個個HTML檔案(網頁),這些檔案都存放在主機(Linux作業系統)裡面。透過網路,只要輸入確切的網址,我們就能看到那個主機裡面存放的資料夾(也就是網站)

換句話說,如果沒有主機,是沒辦法架設網站的!

但很少人會真的為了架設網站購買一個實體主機,不但需要懂複雜的程式語言、操作指令,主機的軟體、硬體費用、維護成本都非常的高

所以我們這裡所說的主機都是跟主機商租借來的,主機商有龐大的資源去維護非常多的主機,我們只要租借符合自己網站需求的主機來用就可以了

架設Wordpress網站的主機類型有哪些?

世界上大約40%的網站都是用Wordpress架設的,所以有越來越多主機商都標榜專門為Wordpress系統打造的主機。

而在介紹Cloudways之前,我想先簡單說明一下,市面上有哪些不同類型的主機,讓你更清楚知道Cloudways主機服務商的定位是在哪裡。

  • 共享主機(Web Hosting):
    使用共享主機就好像跟同事一起租了一層公寓,有自己的房間,但是廚房、衛浴、客廳是要共用的。

    主機商會先設定好複雜的主機前置作業,然後將主機分成好幾份,租給不同的用戶,並且給每個用戶一個控制面板(cPanel),不需要會任何程式語言,你也可以很直覺地管理你的主機。

    共享主機(Web Hosting)也是所有主機類型中最便宜的,這也是為什麼很多Wordpress新手都會選擇使用共享主機的原因。

    不過因為是很多用戶共用一台主機,主機效能相對較差,而且主機商有可能會超賣主機,或者同一台主機中其他用戶的網站比較吃主機資源,都會影響到你網站的效能。

    另外,共享主機在使用上也有比較多的限制,不像VPS主機在使用上靈活度比較高。共享主機還有一個缺點是,一次要綁約一年,而且費用在第一年都很便宜,但一年後續約,費用通常都會大幅漲價,一樣的價格如果拿去租借VPS主機會有更好的主機效能。

    常見的共享主機:Webhost、GoDaddy、Dreamhost 、Bluehost、Hostgator..等。
  • VPS 主機:
    使用VPS(Virtual Private Server)虛擬私人主機,就好像自己租了一層公寓,衛浴、廚房、客廳、房間都可以獨自享用。

    主機商等於租一台空的主機給你,讓你自己操作,沒有預設任何主機前置作業,你可以自己用Linux指令去操作主機,想要怎麼設定就怎麼設定,靈活度非常的高,主機效能也比共享主機(Web Hosting)好上很多,很適合流量大的網站使用。

    也因為主機商沒有提供主機前置作業的服務,VPS主機的價格通常比較低,以月費來計價,也不太會漲價,如果你會Linux指令也會寫程式語言,VPS主機會是你最佳的選擇。

    VPS主機的缺點是,需要會自己處理許多技術問題,也就是說要會寫程式的人才有辦法使用,若其中有個環節出錯或網站安全出現問題,都要自己有能力解決。

    常見的VPS主機:DigitalOcean、Linode、Vultr
  • 雲端主機:
    使用雲端主機就好像自己租了超大豪宅,所有的衛浴、廚房、客廳、房間等設備都是最頂級的。

    雲端主機其實就是更強大的VPS主機,可以處理非常龐大的流量。上面提的VPS主機是每個月提供給你固定的硬體空間,然後以月費計價。

    而雲端主機通常是給大企業使用的,可能一天網站的流量就有幾萬人,所以雲端主機是以流量計價,用多少付多少

    常見的雲端主機:GCP(Google Cloud Platform)、AWS(Amazon Web Services)

優質主機的必備條件

要如何判斷一個主機優不優質、值不值得付費租借?以下是我為你統整的5個優質主機必備條件

  • 主機效能&主機穩定度:
    擁有好的主機效能及穩定度非常重要,才能讓網站的載入速度保持在一定的水準,也不會因為網站流量爆增導致網站掛掉,或是時不時斷線的問題,都是身為網站擁有者的我們非常重視的。
  • 好上手的後台操作介面:
    要經營一個網站已經很不容易了,我們當然希望,網站內容以外的事情越簡單越好。有一個好操作的主機後台真的很重要,需要什麼功能可以很直覺地知道要到哪裡設定,可以避免浪費很多時間。
  • 隨時都聯絡得到的客服人員:
    在設定主機或是經營網站的期間,多多少少都會遇到一些自己沒辦法解決的問題,有一個24/7即時能替你解答、排除問題的客服人員會方便許多,尤其網站很愛在三更半夜出問題!
  • 合理的價格&不綁死的合約:
    合理的主機價格其實很重要,虛擬共享主機(Web Hosting)通常在第一年綁約時,價錢都非常便宜,但在第二年續約時,價錢常常會翻倍。一樣的主機效能,要花兩倍的價錢才能使用,是誰都不願意吧!再來就是合約不要綁死(年繳),最好是可以月繳,發現主機不適合自己的網站就能馬上換別間,不需要浪費時間及金錢!
  • 可以快速建立測試網站:
    若有佈景主題、外掛更新,在測試的網站上先試用看看,會比直接更新主要網站讓人安心許多,如果有bug才不會導致主要網站停止運作等等問題。或是想要設計新的網站外觀,也可以在測試網站上進行,主機商有提供快速建立測試網站的服務,真的超級方便!

Cloudways介紹

前面介紹了3種主機,那Cloudways是屬於哪一種呢?

1

其實Cloudways本身並沒有提供主機租借,它是一間幫你把主機最佳化的主機託管服務商。

你可以在Cloudways上租借VPS主機、雲端主機,但卻不用自己操作那些繁雜、技術性的主機設定

換句話說,就算你不懂任何程式語言、完全看不懂什麼是Linux, HTML, CSS, PHP, Javascript你也可以跟工程師一樣使用VPS主機,享受VPS主機替你的網站帶來高效、穩定的服務。

此外,Cloudways會幫用戶管理主機、維護主機安全、修復問題,一些關於主機種種複雜的事情,Cloudways都會幫你搞定,就算你自己在操作上遇到任何問題,他們也有24/7的線上客服人員可以協助你,我們只需要把心力投入在經營網站內容就可以了,真的非常適合沒有程式語言基礎的人使用!

為什麼Cloudways是架設Wordpress網站的No.1主機

優點

  • 自動架設Wordpress網站:
    當你在Cloudways購買完主機方案,它就會自動幫你建立一個Wordpress網站,你不需要再花時間建立,對於新手來說真的非常方便,下面的章節會有詳細教學。
  • 免費試用3天:
    Cloudways提供3天的免費試用,不需要綁信用卡,如果試用後,覺得適合自己的網站再綁卡付費即可
  • 網站安全性高:
    Cloudways有自己的專業工程師團隊,幫你維護主機及網站安全、修復問題,你不需要擔心自己的網站被駭客入侵或是中毒,若真的有問題,可以向線上客服人員尋求協助,他們都會很快地幫你解決問題
  • 多間主機商供你選擇:
    Cloudways目前跟5間專業的主機商合作,3間VPS主機商:DigitalOcean, Linode, Vultr,2間雲端主機商:GCP(Google Cloud Platform)、AWS(Amazon Web Services)。在每個主機方案裡,你都可以選擇適合自己的主機大小,有非常多的選項,可以依照自己網站用量及預算做選擇。
  • 提供子網域作為測試網站:
    在購買完主機後,Cloudways會先用他們的子網域幫你自動建立一個Wordpress網站,讓你可以馬上開始設計、設定你的網站,等你購買好網域後,再將它切換成正式網站即可,真的非常方便!
  • 可以架設無限個網站:
    只要你可以控制你的主機資源,你可以在Cloudways後台建立無限多個網站,若是超過目前的主機用量也可以馬上升級,或是另外在購買主機
  • 有系統的歸納網站
    Cloudways的主機後台會幫你分類管理你的網站,在哪一個主機裡建立了幾個網站,Cloudways都會用專用資料夾清楚歸納整理,才不會有網站愈來愈多,主機後台也愈來愈亂的問題。
  • 一次免費搬家服務:
    如果你想要把網站搬家到Cloudways但不知道要怎麼用,你可以聯繫他們的客服,Cloudways提供每個客戶一次的免費搬家服務。他們也有免費的搬家外掛,讓你可以輕鬆地把網站搬到Cloudways,後面的章節會有詳細教學。
  • 24/7 線上客服:
    當我們在設定主機或經營網站時,一定會有遇到沒有辦法自己解決的問題,使用Cloudways他們有24/7 線上客服人員,可以隨時協助你,就算你在三更半夜努力經營網站時,突然遇到問題,也不會求助無門。
  • 合約彈性不綁死:
    Cloudways是以小時計費,每個月結算。不會像虛擬共享主機(Web Hosting)都要幫約一年以上,一次也要繳一年的費用。如果發現不適合自己的網站,可以馬上換到其他服務商。
  • 續約不漲價:
    Cloudways是以月繳的方式,在你沒有主動升級方案的情況下,每個月的費用都是一樣的,不會像虛擬共享主機(Web Hosting)第一年簽約價格非常優惠,再隔年續約時價格突然暴漲。
  • 網站速度超快:
    使用Cloudways因為是租借VPS主機或雲端主機,網站速度、穩定度都比虛擬共享主機(Web Hosting)好上非常多,網站速度也很快。
  • 輕鬆升級主機:
    若你的網站哪天流量突然增長很多,原本的主機已經不夠你用,你可以在Cloudways主機後台輕鬆升級方案,不會有被迫需要搬家的問題。
  • 複製主網站作為測試網站:
    Cloudways後台有Staging Site的功能,可以讓你複製原本的主要網站,在上面測試你想嘗試的東西後,在把更新後的內容移入原本的網站。這樣就不用擔心網站才測試到一半,結果就把整個網站搞壞了(後面章節會有詳細教學)
  • 可隨時查看主機用量狀況:
    Cloudways後台可以讓你看主機的 RAM、CPU、記憶體、頻寬用量,如果用量快達到目前方案的極限,就可以考慮升級主機方案,有清楚的數據顯示,你就不用一顆心懸在那,擔心自己目前的主機不夠網站使用。
  • 免費的SSL憑證:
    Cloudways有提供免費的Let’s Encrypt SSL安全憑證,而且會自動幫你更新,讓你的網站是安全網站(顯示https),有助於Google SEO排名及提升網站在讀者心中的信任度。
  • 主機後台介面操作簡單:
    Cloudways的主機後台非常簡單好上手,相較於其他主機商後台複雜的操作介面,Cloudways後台不會有想要設定什麼功能不知道要去哪裡設定的問題。
  • 自動備份&還原:
    使用Cloudways,你可以在後台設定主機備份的天數及頻率,它就會依照你的設定將主機自動備份,若網站出現問題,也可以輕鬆地還原網站。
  • 主機規格透明:
    在後台你可以清楚看見你的主機規格、用量大小。不像使用虛擬共享主機(Web Hosting)還要擔心主機資源分配不均或是主機被超賣的問題,間接影響你的網站速度及穩定度。

缺點

  • 主機費用較高:
    Cloudways的價格確實是比VPS主機跟虛擬共享主機高,但我們就是付費購買它的專業服務,讓我們不用自己寫程式操作主機、不用擔心網站安全的問題,又能使用高效能的主機服務。我認為對於沒有程式背景的人來說,多付一點費用是很合理的投資。
  • 主機後台只有支援英文:
    Cloudways後台都是英文介面,對於英文沒有那麼好的人來說,確實比較不友善,但只要跟著這篇教學文一步步設定,就可以把主機設定好。真的有看不懂的英文字在用Google翻譯一下就沒問題囉!
  • 只有支援英文客服:
    Cloudways的客服也只有支援英文,不過它不會需要你直接跟客服人員通話,都是以文字的方式呈現,只要稍微用Google翻譯一下,通常是可以有效溝通,讓客服人員幫你解決你的困難。
  • 沒辦法註冊網域:
    Cloudways不像虛擬共享主機商,提供網域(網址)讓你一起購買,不過透過Namecheap你也可以購買到價格非常便宜的網域,後面的章節一樣有詳細教學呦!
  • 沒有電子郵件託管服務:
    Cloudways沒有提供電子郵件託管服務,不過一樣可以在Google的G suite註冊網域電子郵件(後面章節會有詳細教學)

    Ex.我的網址是monicawebs.com, 網域信箱是: [email protected]

    這樣會讓你的信箱看起來更加專業、安全可靠、能多人管理使用、寄出的信件比較不會被丟到垃圾郵件…等。

延伸閱讀:
WordPress的No.1佈景主題推薦
Astra主題教學-1款幫你搞定各類型網站的WordPress佈景主題

架設Wordpress網站的No.1頁面編輯器推薦
Elementor教學-不會寫程式也能架出精美網站,1款讓500萬人愛上的頁面編輯器!

Cloudways方案介紹

Cloudways與5家專業的主機商合作

  • 3間VPS主機商:Digital Ocean、Linode、Vultr
  • 2間雲端主機商:GCP(Google Cloud Platform)、AWS(Amazon Web Services)

每個主機都有不同的RAM大小方案可以選擇,SIZE越大收費也就越高

Cloudways的收費方式都是以小時計價,一個月結算一次

2 1

安裝Cloudways完整教學

接下來,我會一步一步從註冊Cloudways帳號開始,教你如何透過Cloudways快速建立一個自己的Wordpress網站。

註冊 Cloudways

Step 1

前往 Cloudways 官網,點擊「Get Started Free」

3 1

Step 2

填入會員基本資料

  1. 名字
  2. 姓氏
  3. 電子郵件
  4. 密碼
  5. 選擇自己的網站屬性
  6. 每個月的主機託管費用(選擇金額最小的即可)
  7. 勾選 I agree to the Cloudways Terms & Privacy Policy
  8. 點擊「Start Free」

在填寫Email時要特別注意,一但註冊成功Email是沒有辦法更改的,我會建議填寫網域電子郵件,這樣在認證帳號時會比較方便。

4 1

點擊「Activate Account」

5

Step 3

驗證帳號

這邊每個人遇到的驗證方式會不一樣。

我註冊時,只要驗證手機號碼&Email信箱即可

有的人可能會遇到客服直接與你通話驗證,或是要你提供其他資料來做驗證 通常只要按照Cloudways給你的只是一步一步完成,很快就可以通過驗證了,所以不用太擔心

如果你的畫面跟我一樣,你可以先到信箱收確認信,點擊連結後就可以繼續驗證你的手機號碼

6

開始建立主機

都驗證完成後,就會進到這個畫面,有幾個步驟要完成:

7

Cloudways後台的管理結構為:專案 (Project) > 伺服器 (Server) > 應用程式/網站 (Application)

  • 1個Cloudways帳號底下可以有多個專案 (Project)
  • 1個專案 (Project) 底下可以有多個伺服器 (Server)
  • 1個伺服器 (Server) 底下可以有多個應用程式/網站 (Application)

Cloudways將伺服器、網站用一個個資料夾分類管理,每個專案裡可以架設無限個伺服器,每個伺服器裡又可以架設無限個網站

這樣未來如果網站多了,後台才不會看起來亂七八糟。這邊可以按照自己的分類邏輯下去命名,若之後想要更改名稱,都可以隨時更改。

  1. 選擇 WordPress版本(選擇Worpress Version 5.6)、更改應用程式名稱(Application)、更改伺服器名稱(Server)、更改專案名稱(Project)
  2. 選擇你要租賃的主機
    主機我會推薦大家使用linode這個老牌VPS主機商
  3. 選擇Sever Size(主機的RAM大小)
    我會建議大家直接使用2GB的大小(24USD/月),這樣不論你是要架設部落格、形象網站、電商網站,都非常夠用
  4. 選擇地點
    選擇離你國家最近的地點,以台灣為例,我會推薦選擇 Tokyo(東京)

點擊右下角的「Launch Now」,Cloudways就會開始建立你的伺服器&網站。

主機基本設定

建立完成後,你就會看到下圖的畫面

8 1

點進去你就會進入主機的管理介面

Master Credentials

在Master Credentials的選項,你會看到

  • 主機的 IP
  • SSH 帳號:管理主機的帳號(可自行修改)
  • SSH 密碼:管理主機的密碼(可自行修改)

如果你不會linux指令,SSH的帳號、密碼不要去動它,但這些都是主機的重要資料,千萬不要外洩。

9.0png

Monitoring 伺服器 (Server) > Monitoring

這裡你可以看到主機的健康狀況,包括:

  1. RAM 的使用量
  2. CPU 的使用量
  3. 硬碟的使用量
  4. 頻寬的使用量
9.1

Settings & Packages

伺服器 (Server) > Settings & Packages >BASIC > 設定PHP 時區

在PHP TIMEZONE 的地方選擇自己國家的時區 以台灣為例,選擇 「GMT+8:00 Taipei」

點擊「 SAVE CHANGES」

10

伺服器 (Server) > Settings & Packages >ADVANCED

MYSQL TIMEZONE 選擇自己國家的時區

以台灣為例,選擇 「GMT+8:00 Taipei」

在 ENCODING選擇 「UTF-8 Unicode」中文編碼

12 1

Apache的欄位

  • DEFAULT APPLICATION選擇你的網站
    以MONICA WEBS的網站為例,我在前面有命名為 MONICA WEBS Application
  • ACCESS APPLICATION VIA IP選擇 「DISABLE」
    這樣別人就不能用你的IP進入你的網站,增加網站的安全性

NGINX的欄位

  • WAF MODULE 選擇 「Cloudflare」
    下面的章節會有Cloudflare串接網域&主機的詳細教學

SYSTEM的欄位

  • LOCALES選擇 「Chinese (Taiwan)」
    完成後點擊「SAVE CHANGES」
13 1

伺服器 (Server) > Settings & Packages > PACKAGES

  • PHP 選擇「PHP 7.3」
  • MySQL選擇「MariaDB 10.3」

在升級PHP、MySQL時會需要等待一段時

14

伺服器 (Server) > Settings & Packages > MAINTENANCE

選擇更新&維護伺服器的時間

這邊可以選擇比較冷門的時段(網站流量比較小的時段)

以MONICA WEBS的伺服器為例,我選擇 20:00 UTC(大約星期一的凌晨4點)

15

伺服器 (Server) > Vertical Scaling

如果你的網站流量變大了,需要比較大的伺服器容量都可以隨時調整

這邊也建議選擇冷門時段做升級

因為在升級時,會影響網站的運作

或是你也可以請Cloudways的客服人員在指定的時間幫你升級

16

伺服器 (Server) > BACKUPS

你可以自己選擇伺服器的備份時間 (Schedule Time)、備份頻率(Backup Frequency)、備份的資料要保留多久(Backup Retention)

以MONICA WEBS網站為例

  • Schedule Time 為 20:00 UTC (台灣時間約4:00AM)
  • 備份頻率為每天
  • 備份資料留存4週

設定完成後,記得點擊下方的「SAVE CHANGES」

右邊的ON-DEMAND BACKUP可以讓你手動備份伺服器的資料

若臨時有變更伺服器的需求,都可以在這裡先手動備份資料

17

接下來點擊右上角「WWW」的地方選擇你要設定的 APPLICATIONS(網站)

18

SSL 憑證申請

Cloudways有跟「Let’s Encrypt 」合作,提供給使用者免費的 SSL 憑證

這樣你就能將網域從http升級成https增加網站安全性

不但能提升網站讀者的信任度也對網站SEO是有幫助的

在Domain Name的地方填入自己的網域

在AUTO RENEWAL選擇「Enable」 這樣每隔3個月Cloudways就會自動幫你更新SSL憑證

19

設定付款方式

因為Cloudways只提供免費試用3天,若確定要使用Cloudways作為網站的主機,設定完成後要記得綁信用卡,免得3天後主機被關閉,就要重新請客服協助還原主機,會影響到網站的運作。

Cloudways付務款方式有2種

  1. 信用卡付款
  2. 儲值金額(用Paypal付款)

在右上角的地方點擊「人像的icon」> 「ACCOUNT」

20

信用卡付款

點擊「Credit Card」新增信用卡資料

21
22

儲值金額(用Paypal付款)

點擊「Funds」>「ADD FUNDS」

23

這邊你就可以選擇使用Paypal匯入金額

24

進入Wordpress後台

當你在Cloudways建立好主機後,它會自動幫你用Cloudways的子網域架設一個Wordpress網站,你都不需要再做額外的設定,非常方便!

登入Wordpress後台

前往 Application > Access Details 這邊你會看到你Wordpress網站的登入資料

這邊還是使用Cloudways給的子網域,待會在Namecheap買完網站的專屬網域後,在後續章節會教你變更成正式網域

  • APPLICATION URL
    點擊「箭頭的icon」可以前往網站前台
  • ADMIN PANEL
    點擊「箭頭的icon」可以前往網站後台
    這邊的「Username」&「Password」是你登入網站後台的帳號密碼
25
26

WordPress 基本設定

登入後就能進入網站的後台

前往

設定 > 網站界面語言 > 選擇繁體中文

時區 > 選擇台北

其他的設定需要依照個人需求去更改,這邊就不多做介紹

更改完成記得點擊左下方的「儲存設定」

27

Namecheap購買網域(網站的網址)

因為我們網站目前用的是Cloudways給的子網域,我們需要替自己的網站購買一個專屬的網域 我會推薦到Namecheap購買網域,一樣的網域在Namecheap的價錢會相對便宜許多

點擊下方前往Namecheap官網尋找自己的專屬網域吧!

延伸閱讀:
在Namecheap註冊網域的手把手教學
Namecheap完整教學:只要5分鐘,你也能擁有專屬的網域!註冊網域就是這麼便宜又簡單!

輸入自己喜歡的網域,點擊「搜尋icon」查看價錢

28

Step 1

找到自己喜歡的價格又合理的網域後,點擊「Add To Cart」

29

Step 2

記得把 「AUTO-RENEW」打開,這樣Namecheap才會在合約到期前,自動幫你續約,免得自己忘記續約,經營很久的網站的網域被其他人買走,會面臨要用高價購回網域的問題!

接著點擊「Confirm Order」

30

Step 2

  • 登入帳號
    如果你本來就有Namecheap的帳號直接登入就可以了
  • 註冊帳號
    Username:使用者名稱
    Password:密碼 (要有大小寫、符號、8位數字)
    Confirm Password:確認密碼
    First Name:名字
    Last Name:姓氏
    Email Address:電子信箱
31

Step 3

填入基本資料

  • First Name:名字
  • Last Name:姓氏

如果不是以公司名義註冊「I’m registering on behalf of a company」請不要勾選

  • Address:地址
    這邊都要用英文填寫,若不知道你的英文地址怎麼寫,可以前往中華郵政查詢
  • Country:國家
  • Phone Number:手機號碼(台灣:+886)
  • Email Address:電子郵件

若都填寫完成後,點擊右側的「Continue」

32

Step 4

Namecheap會要你確認一些基本資料

確認完成後,點擊右側的「Continue」

33

最後就會進入付款畫面 填入持卡人姓名、卡號後,點擊右側的「Continue」

34

Step 5

購買完成後,記得到信箱收驗證信,點擊「Click here to verify your email address」驗證你的信箱

35

Step 6

回到Namecheap的Dashboard

驗證完信箱的24-48小時,Namecheap就會正式啟用你的網域

當你看到如下圖的畫面就表示網域已經正式啟用囉!

36

Cloudflare設定教學-DNS代管

37

當我們架設好主機也購買了專屬網域,接下來我們要將Cloudways主機與專屬網域串接在一起

要串接主機&網域,我們會用到DNS (Domain Name Server)網域名稱系統

那什麼是DNS (Domain Name Server)?

Domain > DNS > IP

DNS 主要的功用就是將網域名稱對應到相對應的 IP 地址(管理Domain名稱 & IP數字的對應),來存取網站資料。

Ex. 我們在Chrome瀏覽器輸入網域名稱: google.com,這時後Chrome瀏覽器會把google.com(網域名稱)傳送到離我們最近的DNS, 接著DNS會幫我們找出google.com(網域名稱)所對應的IP地址(8.8.8.8)

我會推薦大家使用Cloudflare的DNS託管功能,Cloudflare的功能非常多,例如: 免費的CDN、SSL憑證、網站資安維護、快取功能…等。

這邊我先介紹如何在Cloudflare上管理DNS設定,若有需要其他Cloudflare更強大的功能再自己進一步研究。

註冊Cloudflare & 更換Name Server名稱伺服器

Step 1

前往Cloudflare官網 > 點擊「申請」

38

Step 2

註冊一個Cloudflare帳號

填寫Email & 密碼

點擊「建立帳戶」

39

Step 3

輸入你剛剛在Namecheap購買的網域,點擊「新增網站」

40

Step 4

選擇免費的方案即可,點擊「繼續」

41

Step 5

這邊先維持預設,直接點擊左下方的「繼續」

42

Step 6

  1. 進入NameCheap帳號
  2. 移除Name Server (名稱伺服器)

回到 Namecheap > Dashboard > 點擊 Manage

44
45

回到 Cloudflare 複製 Name Server 1&2

43 1

CloudflareName Server 1&2 貼到NamecheapName Server 1&2

更改完成記得點擊右邊「綠色的勾勾icon」儲存變更內容

47

Step 7

接著回到Cloudflare > 點擊「完成,請檢查名稱伺服器」

48

當你看到如下圖的畫面,點擊左下方「稍後完成」

接下來我們要等待一段時間,Cloudflare在檢查「名稱伺服器」

49

Step 8

當Cloudflare設定完成後,它會寄信通知你 所以我們要先到註冊Cloudflare時填寫的信箱收驗證信

點擊「連結」

50

看到如下圖的畫面,代表你的信箱驗證成功囉!

點擊「Continue to the dashboard」

51

過一陣子,Cloudflare就會寄信通知你,網域成功加入Clodflare的免費方案了

52

Step 9

當你回到Cloudflare的首頁,看到「綠勾勾使用中」就完成囉!
這樣你就可以開始在Cloudflare上管理DNS設定囉!

53

切換正式網域

在用Clodflare將網域與主機串接之前,我們要先將網站的網域切換成剛剛在Namecheap購買的正式網域

Step 1

前往 Application

54

Step 2

「Access Details」會看到目前網站的網域還是Cloudways給的子網域

55

Step 3

前往「Domain Management」

「Primary Domain」輸入剛剛購買的網域,點擊「SAVE CHANGES」

56

Step 4

回到「Access Details」網域已經變更成專屬網域,這樣就切換完成囉!

57

串接Cloudways主機&Namecheap網域設定教學

Step 1

前往 Cloudways後台 > Application > Access Details > 複製 Public IP

58

Step 2

前往 Cloudflare > DNS

接下來有兩個步驟要完成:

  1. 類型 A > 名稱 monicawebs.com > 在內容欄位貼上Cloudways主機的 IP
  2. 類型 CNAME > 名稱 www > 內容更換成 monicawebs.com

這麼一來,不論訪客在瀏覽器輸入 monicawebs.com 或 www.monicawebs.com都會導向 monicawebs.com

59

以上2個步驟都設定完成後,當你在瀏覽器輸入網站的網域時,就能成功看到自己的網站了,這樣我們就將網域&主機串接成功囉!

60

用 Cloudways 架設第二個 WordPress 網站

Step 1

前往 Cloudways Application,點擊「Add Application」

61

Step 2

將要新增的Application(網站)加入先前創立第一個網站的 Server(伺服器)

點擊「ADD APPLICATION」

62 1

Step 3

  1. WordPress版本選擇 Version 5.6
  2. 命名新增的Application
  3. 選擇網站要放在哪一個Project

點擊「ADD APPLICATION」後,Cloudways就會幫你建立第2個網站,建立網站一樣要等個3-5分鐘

63 1

Step 4

建立完成後,就可以在 Server(伺服器)看到新增的網站

64

Step 5

點擊新增的Application(網站)會進入Application 的 Access Details

你會看到網站的網域是Cloudways給的子網域

65

Step 6

前往 「Domain Management」

將 PRIMARY DOMAIN 改成你的網域或子網域

我這邊用monicawebs.com的子網域test.monicawebs.com作為測試網站

點擊「SAVE CHANGES」

66

Step 7

到Cloudflare將新增的網域(test.monicawebs.com)指向一樣的 IP 位置

  1. 點擊「+新增紀錄」
  2. 類型選擇「A」
  3. 名稱欄位輸入你的子網域(Subdomain)
  4. IPv4位址填入Cloudways主機的IP (Application > Access Details右側 > Application Credentials的Public IP)

接著點擊「儲存」,第二個網站就設定完成囉!

67 2

Cloudways 的 IP在這裡複製

68 2

Step 8

到瀏覽器輸入網址,確認網站架設成功!

69

備份&還原網站

當你要替網站做重大變更時,都要記得先備份網站,免得其中有一個環節出錯,導致整個網站掛掉卻沒有備份檔案,鐵定會想把自己掐死 🙂

前往 Application > Backup And Restore

  • 還原網站(RESTORE)
    選擇你要還原網站的時間,點擊「RESTORE APPLICATION NOW」,就可以將網站復原到原本的樣子
  • 備份網站(BACKUP)
    前面「Cloudways安裝教學」的章節,我們有設定Server(伺服器)的自動備份時間 在Application(網站),Cloudways會沿用Server(伺服器)自動備份的時間備份你的網站 如果你需要手動備份網站,只要點擊右側的「TAKE BACKUP NOW」
70

Cloudways 網站搬家

如果你想從其他主機商搬家到Cloudways,它們提供一個功能強大&操作簡單的免費搬家工具,讓你能輕鬆的無痛轉移到Cloudways。

Step 1

在Cloudways建立一個新的網站

前往 Server(伺服器)的介面,點擊右邊「3個點點的icon」> 「Add Application」

71

Step 2

  1. WordPress版本選擇 Version 5.6
  2. 命名新增的Application
  3. 選擇網站要放在哪一個Project
72

點擊 「ADD APPLICATION」後,Cloudways就會幫你建立網站,建立網站一樣要等個3-5分鐘

73

Step 3

前往要搬家的網站後台 > 外掛 > 安裝外掛 > 安裝 Cloudways WordPress Migrator

73.1

Step 4

在外掛上填入Cloudways新網站的資料

  1. 填入註冊Cloudways帳號時的信箱
  2. 勾選 I agree to BlogVault’s Terms & Conditions and Privacy Policy
  3. 點擊「MIGRATE」
74 1 1

Step 5

填入在Cloudways新建網站的細項資料

  1. 在Cloudways建立新網站的URL
  2. SFTP Host/Server Address: Public IP
  3. DB Name
  4. SFTP Username: 這裡要先設定
  5. SFTP Password: 這裡要先設定(完成後點擊 Add)
  6. 點擊「MIGRATE」
75

Cloudways新建網站的資料要在Application > Access Details複製

76

Step 6

開始搬家

當Cloudways開始幫你搬家網站時,你會看如下圖的畫面

網站資料越多,搬家的時間就越長,需要耐心等待

77

Step 7

搬家完成

搬家完成後,你就會看到如下圖的畫面
「Migration completed successfully」

78

Step 8

前往你的網站前台,檢查網站整體有沒有錯誤

Step 9

登入網站後台

當你要登入網站後台時,記得帳號&密碼是要用原本網站的那組才能登入網站後台,不是Cloudways提供的帳號密碼

79

Cloudways上面的那組密碼(ADMIN PANEL)不適用喔!

80 1

Step 10

前往Domain Manegement 切換成正式網域(參考上面章節 9.2)

Step 11

將網域與Clodflare串接、移除舊的Name Server(參考上面章節 9.1)

Step 12

在Cloudflare設定DNS(更換成Cloudways主機 IP)(參考上面章節 9.3)

Staging Site 模擬網站

為了保險起見,大部分的網站擁有者除了有一個主要網站,通常會用子網域再架設一個測試網站,而這個測試網站通常被用來測試新的佈景主題、外掛更新、大小新功能測試、版面調整…等

在測試網站上確定沒問題後,就會回到主要網站開始替網站做變更,但麻煩就是麻煩在這,在測試網站上測試的功能都要在主要網站上重新操作一次,如果變更的東西多,就要花費很多時間變更網站!

而Cloudways的Staging Site這個免費功能可以幫我們解決這個困擾!

Cloudways會幫你建立一個跟你的主要網站(Live Site)一樣的Staging Site(模擬網站),你可以在上面測試任何你想測試的功能,若測試完確定要修改網站,再直接將Staging Site(模擬網站)同步到主要網站(Live Site)即可。

使用Staging Site的條件

  • 網站要在Cloudways上架設
  • 不能使用第三方軟體登入網站

什麼是 Live Site & Staging Site

  • Live Site:
    你正在使用、已上線的主要網站
  • Staging Site:
    Cloudways幫你建立的模擬網站,讓你可以在上面做測試,測試完成後直接同步到Live Site,這個模擬網站不會被搜尋引擎偵測到,登入模擬網站前台需要一組帳號密碼。

建立Staging Site

Step 1

前往 Application > Menu > Clone App/Create Staging

81

Step 2

  1. 選擇要在哪個 Server (伺服器)下建立Staging Site(維持預設即可)
  2. 勾選「Create as Staging」
  3. 點擊「Continue」
82

等待Cloudways建立 Staging Site

83 1

Staging Site 建立完成

84 1

Step 3

進入 Staging Site 的 Cloudways 管理介面,點擊「APPLICATION URL」前往Staging Site前台

85

進到Staging Site前台,你會看到跳出提示窗要你輸入密碼

到Cloudways > Application > Access Details > 複製 「PASSWORD PROTECTION」的Username&Password

86

接著就可以進入Staging Site的前台囉!(網址為Staging Site的網址)

87

Step 4

登入Staging Site後台,開始替網站進行修改

(登入Staging Site後台的帳號&密碼跟Live Site的是同一組)

88

在Staging Site修改網站後,就可以直接同步到Live Site

如何同步 Staging Site 到 Live Site

Step 1

前往 Staging Site 的介面 > Staging Management

要將Staging Site同步到 Live Site 的介面 > Staging Management

點擊「Push (推)」

89

Step 2

將3個選項都勾選起來 點擊 「PROCEED」就完成囉!

可以到 Live Site 確認是否同步成功

90

如何同步 Live Site 到 Staging Site

如果有好一陣子沒有使用Staging Site,但有在Live Site上更新資料 這時候就需要先將 Live Site 同步到 Staging Site後,再繼續用Staging Site測試新功能或修改網站

Step 1

前往 Staging Site 的介面 > Staging Management

點擊「Pull (拉)」

91

Step 2

將3個選項都勾選起來 點擊 「PROCEED」就完成囉!

可以到 Staging Site 確認是否同步成功

92

Cloudways 客服

雖然Cloudways 管理主機的介面非常簡易好上手,但在設定主機或經營網站時,多多少少都會遇到自己沒辦法解決的問題。如果主機剛好在三更半夜出狀況,Cloudways有7/24的線上客服可以協助你!

比較可惜的是,Cloudways只有提供英文客服,但是也別太擔心,你只需要用簡單的英文陳述你的問題,達到有效溝通,問題一定能被解決。如果真的完全不懂英文,也可以直接使用Google翻譯複製貼上,Cloudways的客戶來自世界各地,他們的客服人員在與非英語母語人士溝通上很有經驗。

最常用的有2種支援服務:

  1. Live Chat 線上客服視窗
  2. Create a Ticket 提交工單

Live Chat 線上客服視窗

Step 1

前往Cloudways主機管理介面

點擊右側的「Need a hand」

93

Step 2

點擊「Live Chat」

94

Step 3

進入Live Chat 對話視窗

一開始通常都是客服機器人在回應問題,他們也會把常見問題用按鈕的方式呈現,點擊按鈕他們會給你連結、文章、簡答,通常就能一步一步解決你的問題。

若需要真人客服,只要輸入「human」很快就能聯繫上真人客服

95

Create a Ticket 提交工單

通常是比較重大的需求,才會使用到Create a Ticket 提交工單這個服務

例如:請客服人員幫你搬家網站(每個帳號享有1 個網站免費的搬家服務)、在指定的時間點備份網站…等

通常在Live Chat 沒有辦法解決的問題,再進一步使用Create a Ticket

Step 1

點擊「Create a Ticket」

96 1

Step 2

點擊右上角「Submit a request」

97

Step 3

填寫資料

  1. CC Email 副本
  2. Choose a department:選擇服務部門(技術部門/聯盟行銷部門)
  3. Subject:填寫你這次尋求協助的主題
  4. Description:描述你的問題
  5. Priority:選擇問題的急迫程度
  6. What are you trying to get done today:選擇需要協助的項目
  7. Is this the first time you are contacting us about this case:是不是第一次聯繫我們處理這個問題
  8. What is your Server’s IP address:填入你的伺服器 IP地址
  9. What is the reported application name:填入你網站Application檔案名稱
  10. Attachment:這邊可以加入附件

填寫完成點擊「Submit」,之後很快就會收到Cloudways客服的回信

98

Cloudways 其他資源

在Cloudways主機管理介面右側點擊「Need a hand」

你還會看到另外2個選項:

  1. Knowledge Base
  2. Community
99

Knowledge Base 知識庫

Knowlege Base提供非常多官方的手把手教學技術文件,根據自己的問題選擇文件閱讀,通常都能很輕易地找到解決辦法

100

Community 社群

這邊是Cloudways的論壇,你可以在Community看到其他使用者都在討論哪些議題,或者也可以在上面尋求協助

101

結語

如果你沒有任何工程背景,但想要用一個穩定且強大的主機來架設Wordpress網站,Cloudways真的會是你的最佳選擇。

相較於虛擬共享主機(Web Hosting),使用Cloudways架設網站的確需要比較多程序

不過,Cloudways可以讓你在不會任何程式語言下,使用工程師才能駕馭的VPS主機、雲端主機。這樣你就不用擔心主機資源被其他使用者的網站占去太多、網站流量暴增主機卻沒有辦法應付、設定權限…等問題。

身為內容創作者,我們都希望用大部分的時間,專注在產出有價值的內容來協助我們的目標受眾,其他主機&網站的技術問題,交給Cloudways專業的團隊幫你處理就好!

最後,感謝你閱讀這篇文章,希望這篇Cloudways完整教學有幫助到你,如果有任何問題,歡迎在底下留言告訴我或是使用Messenger與我聯繫,我會盡我所能的幫助你 🙂

Cloudways常見問題

Leave a Comment

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

回到頂端