Cloudways Staging|3分鐘學會如何複製自己的網站進行任意修改與測試 Cloudways Staging Site 功能讓你盡情發揮 3

Cloudways Staging|3分鐘學會如何複製自己的網站進行任意修改與測試 Cloudways Staging Site 功能讓你盡情發揮

文章最後更新時間: 2021 年 5 月 6 日 by 阿德

當你把網站架設完成後,是不是因為害怕把網站搞壞,就不敢對自己的網站進行比較大規模的修改? 如果一個不小心,最糟的狀況就是網站整個壞掉、格式跑掉、東缺西缺的,事後要進行除錯與修復又是另外一項大工程,說不定還修不好,造成網站 SEO 排名大幅下降!

那有沒有方式可以先複製自己的網站,且可以在複製品上做修改與測試呢? 答案是有的,如果你是使用 Cloudways,這項服務是免費的,叫做 Staging!

Cloudways Staging 中文可以翻譯成為「臨時檯架」的意思,我們可以在這個臨時建立的平台上做修改與測試,不影響到正式的檯架(網站),當修改並測試完成後,可以同步到正式的網頁上,等於是多一層保護,非常的方便與實用!

本篇文章會教大家「如何建立 Cloudways Staging 網頁」來進行修改與測試,如果過程中有任何問題,歡迎隨時透過聯絡我跟我溝通討論喔!

如果想使用 Cloudways 或是原本已經購買使用其他虛擬主機商(如 Bluehost)想轉移到 Cloudways,可以參考我的教學文章

使用 Cloudways Staging Site 的好處

Staging 是你正式網站的完全複製品,所有設定都跟正式網站完全一樣,且不會互相影響:

  1. 完全複製正式網站的設定與資料,可以進行任意修改與測試。
  2. 所有修改與測試不直接影響正式網站,除非你手動同步到正式網站。
  3. Staging 完全隱密,且有密碼保護,不會對外公開。
  4. 搜尋引擎不會索引 Staging,如果沒有取消密碼保護。

使用 Cloudways Staging Site 的理由

最大的理由當然是可以在 Staging 網站內隨意的修改與測試,盡全力的發揮自己的創意!當你修改與測試完成後,確定運行都沒問題,就可以同步到正式的網站上,省去把網站改壞的麻煩。

使用範例:

  • 測試修改佈景主題,當更換新主題的時候就可以先測試,確保格式排版沒問題。
  • 測試外掛,新的外掛沒有使用過也不熟悉,就可以先在 Staging 內練習與熟悉。
  • 修改 WordPress 後台設定。

如何建立 Staging?

Staging 在 Cloudways 上是完全免費的服務,只需在 Cloudways 後台做幾個簡單的步驟即可建立完成,這個章節會有如何建立的詳細步驟。

如果你的 WordPress 有使用第三方的快捷登入,例如 Jetpack 外掛的快捷登入功能,記得先把該功能關掉,不然 Staging 網站會被重新導向至正式的網站,造成登入失敗的問題。

前往 Cloudways 後台並選擇網站

點我前往 Cloudways 後台並登入帳號,依照圖片前往「Applications」並選擇想要新增 Staging 的網站,在網站最右方選擇「Clone App/Create Staging」選項,如下圖。

Cloudways Staging 建立步驟 01

建立 Staging 網站

之後會跳出視窗,選擇想要建立 Staging 在哪個伺服器並勾選「Create as Staging」,按下「CONTINUE」建立。

Cloudways Staging 建立步驟 02

會開始自動複製正式網站的設定與資料,建立的時間大約 5 分鐘即可完成。

Cloudways Staging 建立步驟 03

建立完成

建立完成後可以在「Applications」列表中看到 Staging 的網站。

Cloudways Staging 建立步驟 04

Staging 網站常用功能

Staging 其實就跟正式的網站沒兩樣,只是會多了個 Staging 的字樣,並有些許區別,這個章節會說明常用的功能。

Staging 的前台與後台進入方式

在 Staging 一樣有網站的前台與 WordPress 後台可以進行測試與修改,在 Cloudways 後台的「Applications」列表中,點選 Staging 網站進入設定:

  1. Application URL 下的網址就是目前 Staging 的前台網址。
  2. Username 和 Password 是當你要訪問 Staging 前台網址的時候需要輸入認證。
  3. 記得確定帳號密碼保護狀態是「Enable」。
Cloudways staging settings

第一次點選「編號1」網址到前台時,會需要你輸入帳號與密碼登入,就是上圖「編號2」的地方。

Cloudways Staging|3分鐘學會如何複製自己的網站進行任意修改與測試 Cloudways Staging Site 功能讓你盡情發揮 10

登入後就可以看到 Staging 的網站內容囉!

Cloudways staging site

可以看到目前的網址跟正式的網址不一樣,假設你的 Staging 前台網址如下:

https://wordpress-XXXXXX-XXXXXXX.cloudwaysapps.com/

只要在該網址後面加上「wp-admin」就可以登入 Staging 的 WordPress 後台,如下:

https://wordpress-XXXXXX-XXXXXXX.cloudwaysapps.com/wp-admin

登入 Staging 的 WordPress 後台帳號密碼,跟你的正式網站是一樣的喔!

登入後就可以開始發揮你的創意隨意修改測試囉!

Cloudways staging wordpress

同步(Push)與複製(Pull)功能

Cloudways staging push and pull

先來解說一下 Push 與 Pull 的差異:

  • Push: 把 Staging 上的資料推送同步到正式網站。
  • Pull: 把正式網站的資料複製拉下來 Staging 網站。

當你在 Staging 上做好修改與測試後,就可以利用 Push 的功能,把修改完成的成品同步到正式網站上面,按下 Push 按鈕後,會跳出設定視窗,建議全部選項都打勾,且一定要勾選備份。

Cloudways staging push

也可以反向操作,把正式網站的資料與設定,複製到 Staging 網站中,在按下 Pull 按鈕後,會跳出設定視窗,全部打勾並按下「Proceed」就會開始複製。

Cloudways staging pull

查看 Push 與 Pull 紀錄

你所有的 Push 與 Pull 都會被記錄下來,如果有需要可以查看,全部都會記錄在「View Logs」選項內。

Cloudways staging view logs

點選「View Logs」按鈕後,就可以看到詳細的紀錄資訊囉!

Cloudways staging logs

常見問題

Cloudways Staging 是什麼?

Staging 是你正式網站的完全複製品,所有設定都跟正式網站完全一樣,且不會互相影響:
1. 完全複製正式網站的設定與資料,可以進行任意修改與測試。
2. 所有修改與測試不直接影響正式網站,除非你手動同步到正式網站。
3. Staging 完全隱密,且有密碼保護,不會對外公開。
4. 搜尋引擎不會索引 Staging,如果沒有取消密碼保護。

為什麼要使用 Staging ?

最大的理由當然是可以在 Staging 網站內隨意的修改與測試,盡全力的發揮自己的創意!當你修改與測試完成後,確定運行都沒問題,就可以同步到正式的網站上,省去把網站改壞的麻煩。

Cloudways Staging 功能需要額外收費嗎?

不需要額外收費,只要使用他們的平台租用 VPS,就可以免費使用。

使用 Cloudways Staging 需要注意什麼?

必須注意以下事項:
1. WordPress 不可以使用第三方的快捷登入方式,例如 Jetpack 外掛的快捷登入功能,記得先把該功能關掉,不然 Staging 網站會被重新導向至正式的網站,造成登入失敗的問題。
2. 在同步 Staging 設定到正式網站之前,建議勾選備份功能。

我可以在 Cloudways 上建立幾個 Staging?

並沒有限制,只要你的硬碟空間足夠,可以創建無限個 Staging。

Staging 可以刪除嗎?

可以,在 Cloudways 後台可以任意新增與刪除 Staging。

我在 Staging 上 Push(同步)後,正式網站為什麼沒有變化?

如果在同步後,正式網站沒有變化,請先清除快取(Cache),包含 CDN 的快取,如 Cloudflare。

  • 有任何問題或商業合作,都歡迎透過聯絡我跟我溝通討論。
  • 部落格內某些連結是聯盟行銷,詳細請參閱免責聲明

現在疫情非常嚴峻,除了做好相關防護措施之外,就是避免前往人多的地方如大賣場,增加感染風險,但是不出去就不能補充各類防疫物資啊!其實各類防疫物資在各大電商平台都可以線上訂購,下面幫大家整理各大平台防疫物資專區,幫助大家可以避開人擠人的高風險地區,也可以補充防疫所需要的物資!請大家落實自身防疫,一起撐過去,天佑台灣!

留下評論

Scroll to Top