相信很多人在對網站進行版面或頁面大更新時,會採取將網站暫時設置成「網站更新中」的模式,暫時讓訪客不會看到網站更新期間所出現的錯位或亂碼,但相對而言,你的新訪客也可能因此而直接離開網站,永遠不回頭~
如果你的網站主機商,使用的是Cloudways,則可以考慮使用Cloudways提供的「Staging Site」功能,將網站複製出一個臨時網站,在臨時網站上完成你的更新後,直接將臨時網站所做的變更,推送到正式網站,如此一來,便不必擔心這段期間損失的訪客數,或者是更新網站時把網站給搞壞了。
如果你還不是Cloudways的客戶,可以先參考【網站架設】穩定快速又便宜,獨立空間Cloudways主機,註冊你的Cloudways帳號,或者是參考這篇【主機】載入速度快10倍!從Godaddy搬家至Cloudways完整教學,進行你的網站搬家計畫。
而這篇文章呢,將會介紹如何使用「Staging Site臨時網站」功能,讓你的更新計畫變得更簡單、更安全!
Step 1. 替要更新的網站製作「Staging Site」
首先,登入Cloudways後,點擊以下滑桿,開啟Applications網站列表。
在你想要製作臨時網站的網站右手邊,點選三個點點的選單圖示,點選Clone App/Create Staging 複製/製作臨時網站。
選擇要存放臨時網站的伺服器,直接選擇你目前現有的伺服器即可,接著勾選Create as Staging,點擊Continue繼續下一步。
這時你會看到畫面顯示Creating Staging Application…代表Cloudways正在幫你製作臨時網站中,通常網站檔案不大的話,幾分鐘內就會完成了。
複製完成後,你會在Applications網站列表中看到一個Staging Site臨時網站,代表你已經複製完成啦。
Step 2. 進入「臨時網站」並進行更新
進入臨時網站的後台後,Application URL就是你的臨時網站的網址,點開後網頁會要求你輸入帳號密碼,將後台列出的帳號密碼複製貼上並登入後,就可以看到你的臨時網站囉。
更新的步驟就按照你平時調整網站的作法,進入網站的控制台Dashboard,並進行調整與修改。
Step 3. 更新完成後,將有更改的部分推送至正式網站
當你在臨時網站上的更新完成後,回到Cloudways,點開左手邊的「Staging Management」,會出現兩個按鈕:
- Push:將臨時網站的更新內容「推」至正式網站
- Pull:將正式網站複製至臨時網站(如果你想重新調整網站,才點擊這個選項哦!)
在這裡請點選「Push」,把你辛辛苦苦做好的修改,傳送到正式網站上。
接著會跳出詢問你要複製臨時網站的「哪幾個部分」上到正式網站,我個人會建議直接全部覆蓋(如下圖勾選),並且將「Yes, please take backup」也勾起來,這樣Cloudways會先備份你的正式網站,之後才將臨時網站的內容覆蓋上去。
最後點選Proceed,稍等一下,就完工啦!
如果你對於這篇文章有任何疑問或者建議,都歡迎你在底下留言給我喔:)
本文作者 – LiLing
90後的台灣女生,目前正於紐西蘭擔任多媒體設計師,擅於利用Wordpress建立網站,分享各種不必使用程式語法,也可以架設網站的101種方法。
Hi LiLing,
謝謝你的教學!我也是用cloudways主機,正好有測試主題的需求,所以這篇文章對我很受用!
但在step 2時遇到阻礙QQ 帳密登入後,上面沒有那條黑色的WP控制條,就好像在看一個我無法access的網站一樣!
請問你知道如何解決這個問題嗎?謝謝!
Hello Jess,Cloudways提供的帳號密碼輸入後,只是讓你可以看到這個staging site,會需要在網址後面加上/wp-admin,再用你原本網站的帳戶資料登入一次喔,如果還是不行的話,可以聯繫cloudways的客服,看看是不是php需要更新之類的!