Cloudways-Staging-Site-

【教學】Cloudways Staging Site 使用方式介紹 ! 讓你更新網站內容更方便 !

作者:Joyy 志強

發佈日期:2022 年 11 月 22 日

首頁 E WordPress 網站架設 E 主機 E 【教學】Cloudways Staging Site 使用方式介紹 ! 讓你更新網站內容更方便 ! ( Page )

Staging Site 又稱之為臨時網站,之前在 Joyy 使用 Siteground 時,就已經知道這個功能。後來在協助其他客戶進行網站建置時,由於需要大改版 … 就是連同佈景主題這種大調整,可能無法在短時間進行修改的狀況。有這個 Staging Site 的功能,就可以滿足這個狀況 ! 可以放心修改,在修改好之後,再與原本的網站進行更新即可。可以說是非常實用的功能喔 !

在這篇教學內容,將是以 Cloudways 的主機進行說明。如果你還沒有開始使用 Cloudways 的主機,或是在評估是否要更換使用 Cloudways 的話,可以參考這篇文章。

【推薦閱讀】WordPress 主機最佳推薦,Cloudways 詳細圖文介紹 !

Staging Site 使用步驟

啟用 Staging Management 功能

step 1

至 Cloudways 主機後台 找尋 Staging Management 功能。

staging site 臨時網站

在啟用時,先確認你是在將哪一個網站內容進行 臨時網站 的建立 ? 在上圖中 Apps 的地方,就是安裝 WordPress 網站時,你針對這個網站在 Cloudways 後台所顯示的名稱。

staging site 臨時網站

啟用前,會進行提示,主要告知他可以幫助你將指定網站進行複製,並在臨時網站完成修改後,可以同步至目前的網站中。

點擊 Lauch Staging Application 後即進入啟用流程。

指定要進行的主名稱位置。

staging site 臨時網站

確定啟用後,即於 主機 畫面進行相關資料的建立。注意這時無法進行其他動作,例如新增、修改 Apps 都是無法進行的。

staging site 臨時網站

完成後,即會出現一個名為 Staging 標籤的臨時網站出現。

開啟 Staging Site 臨時網站

step 2

臨時網站開啟

staging site 臨時網站

在標籤為 Staging 的網站中,會看到如上圖的畫面,點擊紅色指標,即可開啟臨時網站。

staging site 臨時網站

開啟時,需要使用到臨時的帳號與密碼,只要使用建立 Staging 後的帳號密碼就可以看見網站了。

staging site 臨時網站

但若要登入 臨時網站 的後台,還是需要手動在該網址後台加入 wp-admin

例如:Staging Site 網址 .coudwaysapps.com/wp-admin

staging site 臨時網站

在登入後台的這裡,是無法使用 Staging 後的帳號與密碼,只能使用 Staging 前的喔,這一點要注意 !

停用 Staging Site 部份外掛

step 3

停用部分在原始網站使用的外掛

staging site 臨時網站

以 Joyy 的經驗,我會在登入後,將部分外掛進行暫停,例如 Site kit by Google 與 Jetpack … 等等,這些本來就還是在原本的網站,為了避免影響,我會先暫停。

到這步驟,就可以開始修改網站內容囉,無論是你是想要修改什麼,就不必再擔心影響到目前現有的網站囉。

更新 Staging Site 資料至網站

step 4

更新已修改好的內容,至原始網站進行內容更新。

staging site 臨時網站

如何將 Staging Site 的資料更新至 原始網站 ? 在 Cloudways 裡有 2 種方法。

① 如上圖,所在位置是在 Staging Site 的話,Push 的部分,就是將更新的資料推至原始網站。也如同上圖字義上所述的 Staging to Live

staging site 臨時網站

② 如上圖,所在位置是在原始網站的話,Pull 的部分,就會出現可以選取是要從哪個 Staging Site 將資料拉至原始網站更新,如同字義上所述的 Staging to Live

所在位置不同,就有 Push 與 Pull 的區分,非常容易了解。

進行 原始網站 更新

step 5

進行更新內容的設置

staging site 臨時網站

不論你是選擇 Push 還是 Pull ,在更新上,會出現如上圖的選項。可參考 Joyy 的做法,以複寫資料與全部分 DB 進行並勾選備份,來把 Staging Site 的資料更新至 原始網站 囉。

staging site 臨時網站

等待一小段時間,就完成囉。

Staging Site 的使用時機

整理一下,對於 Staging Site 的使用時機,如果有你發現也有其他的狀況,歡迎在下方留言讓我知道喔 !

  1. 網站大幅度改版時。
  2. 欲進行大型外掛測試時,例如 會員模組、教學模組、金流模組 … 等等。
  3. 未經確認的外掛測試時。

推薦閱讀 ▼

【Divi教學】Divi表單如何設定Google reCAPTCHA

【Divi教學】Divi表單如何設定Google reCAPTCHA

網站建置中,一定會放置聯絡表單,或是可供訪客進行需求詢問的填寫位置。但總是會有些有心人,透過惡意程式,強制填寫,而收到一些亂七八糟的廣告訊息。其實安裝Akismet外掛,就可以防阻絕大部分了。可是如果網站開始有營利,對於Akismet來說,就會希望網站在使用上,需要開始付費。這時可以改用Google提供的服務 reCAPTCHA 來為自己的網站加入防護,來減少惡意留言訊息的發生。 什麼是Google reCAPTCHA...

【Divi教學】Divi Breadcrumbs外掛使用教學

【Divi教學】Divi Breadcrumbs外掛使用教學

這篇將和Divi主題的使用者們,快速分享Divi Breadcrumbs外掛的使用方式。其實要做到Breadcrumbs麵包屑導覽的效果,方式很多種。前一篇有分享過使用RankMath的方式來達成,但使用Rank Math的方式,可以編輯調整的效果就有限。所以,利用Breadcrumbs專用的外掛就能輕鬆修改囉。 下載Divi Breadcrumbs並安裝 二種方式進行下載與安裝。 ①從WordPress Plugin網站直接下載後安裝,點擊下方Get this plugin下載即可。...

Cloudways Migrator快速搬家圖文教學

Cloudways Migrator快速搬家圖文教學

Cloudways目前可以算是最熱門,最多人在推薦使用的Hosting主機。我自已也是在試用後,發現他真的超好用的。而在決定換到Cloudways之後,原本使用的主機已經有太多文章、頁面、媒體…一定沒有人想重頭再來一次。主機搬家在Cloudways WordPress Migrator這個外掛,就為你解決這個煩惱,幫助你完整搬移。現在就跟著以下圖文的教學,一步步進行搬移吧。 完整使用教學步驟 請務必依照以下流程方式,才可以進行完整的搬移工作喔,每一步驟均會附上圖文說明,請一定要要留意每一步驟喔。 Cloudways開啟Server...

0 Comments

Submit a Comment

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