Cloudways-Staging-Site-

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

作者:Joyy 志強

發佈日期:2022 年 11 月 22 日

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

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. 未經確認的外掛測試時。

推薦閱讀 ▼

【教學】Post SMTP 使用方式 ! 讓建製的 WordPress 網站可以進行郵件寄送 !

【教學】Post SMTP 使用方式 ! 讓建製的 WordPress 網站可以進行郵件寄送 !

使用 Post SMTP 這個寄件外掛,可以幫助你的網站進行郵件的發送,Post SMTP 是一套非常簡單使用,功能又特別強大的一個寄件外掛,讓你的 WordPress 網站,可以讓訪客在網站上完成某些動作時,即進行郵件的推播與發送,進而維持好與訪客之間的互動。Post SMTP 的設定方式很簡單,接下來就帶你來一步步完成吧 ! Post SMTP 外掛設定前的準備 要讓網站可以寄件,最主要的就是要先準備好一個屬於網站專用的域名信箱。而域名信用的取得方式通常有在購買域名時,域名服務商會進行贈送 ( 例如 Gandi.net...

【教學】Cloudways 如何設定域名信箱 Domain Mailbox

【教學】Cloudways 如何設定域名信箱 Domain Mailbox

Cloudways 是我目前使用最穩定的網站主機,價格、服務、性價比 … 等等,在比較之下,真的都沒話說。而長期使用之下,你一定會需要建置一個 域名信箱,在使用 Cloudways 的情況下,如何快速的為自己建立出 域名信箱,在這篇教學中,將會完整和你分享 Cloudways 如何設定域名信箱,讓你從無到有一次完成 ! 什麼是域名信箱 ? 使用郵件服務,已經現代人生活的習慣之一下,常見的信箱,可能都是以 gmail 為主,或是 hotmail 等等 … 而在你建立網站之後,能使用...

【Divi教學】Divi主題 SEO 基礎設定說明,簡易SEO功能介紹

【Divi教學】Divi主題 SEO 基礎設定說明,簡易SEO功能介紹

這篇Divi教學,將會完整的和你說明在Divi主題之中,SEO的基礎設定方式、簡易SEO功能說明。共會分為3大區域,分別是首頁的SEO設定、單頁SEO設定、與索引(Index)頁的SEO設定。在Divi主題之中,其基礎設定是基本應有的。如果你對於「如何提交網址給搜尋引擎」非常清楚,你可以不用安裝其他SEO的外掛,使用基礎功能,就可以讓搜尋引擎知道你。若你有使用市面上任何一款SEO外掛,在Divi主題中,也可以完整支援。 Divi主題中SEO的設定項目 在Divi Theme Options裡的SEO,可以看到共分為3個項目...

0 Comments

Submit a Comment

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