最後更新時間: 2022 年 10 月 31 日
本篇文要教大家如何從將 WordPress 網站的主機從 SiteGround 搬家到 Cloudways,同時也將網域搬家到 NameCheap、綁上 Cloudflare 加入 CDN 功能以及抵抗 DDOS 攻擊。
如果你剛好有需要從 SiteGround 將網站搬家,歡迎你看看這篇並參考這篇文的做法!
本篇文章因為是幫客戶搬家,因此客戶的資訊會盡可能的打馬賽克,不過不會影響你跟著做的步驟唷!
文章目錄
前置作業:中斷續訂、申請帳戶、綁定支付方式、測速
在開始網站搬家之前,我們要先進行一些前置準備,包括中斷 SiteGround 的自動續約續訂、申請搬家之後要使用到的 Cloudways 主機商、NameCheap 網域商、Cloudflare 網域代管等服務的帳戶,並且綁定支付方式。
在搬家之前我們也可以先用幾個測試 WordPress 網站速度的線上工具來測試網站速度,以便於在搬家後進行比較(主要是這樣也可以讓客戶知道這個搬家是很值得的!)
取消 SiteGround的自動續訂(到期前 15 天)
這次客戶之所以找我幫忙搬家,主要是因為他的 SiteGround 訂閱快要到期,而他想要搬家到 Cloudways ,讓整個網站速度可以變得快一點,價格也比較便宜。
在跟客戶洽談的過程中,他很擔心來不及在 SiteGround 自動續約前搬家,因此我馬上在接了這個案子的第一刻就去查了 SiteGround 的續訂規則
這篇裡面有寫到「The plans with 12+ months hosting renewal period are auto-renewed 15 days prior to their expiration.」,也就是「一年期的合約會在到期前 15 天自動續訂」,我客戶的到期日是 4/7 ,等於會在 3/22 自動續約,在這之前要先取消續訂。
因此接下來就帶大家一步步到 SiteGround 中取消自動續訂囉!
取消自動續訂主機
step 1
登入你的 SiteGround 帳號,到達首頁step 2
點擊上方「SERVICES」,就會看到目前的網站主機狀態step 3
點擊主機資訊框中的「MANAGE」 ,進入主機的管理介面step 4
管理介面中會顯示更詳細的主機資訊step 5
點擊主機旁的 「Menu 按鈕」step 6
選擇「Renewal Settings」來調整續約設定step 7
將自動續約關閉呈灰色狀態,主機就不會自動續訂了取消自動續訂網域
step 1
點擊上方 「SERVICES」 並選擇 「DOMAINS」step 2
一樣點擊自己網域的資訊框中的 「MANAGE」step 3
點擊主機資訊旁的 「Menu 按鈕」step 4
選擇「Renewal Settings」step 5
將自動續約關閉成灰色狀態,網域就不會自動續訂了申請 Cloudways 、 NameCheap、Cloudflare 帳戶,綁定付費方式
在網站主機與網域搬家過程中,大家其實都會害怕因為操作不熟悉而亂了手腳,因此我們在前置作業先把所有的帳戶申請好、付費方式綁定好,這樣就能避免過程中還要跳去申請帳戶的麻煩,也不會因為漏掉綁定付款方式而主機被註銷(我就曾發生過XD)
那底下我們就一步步來申請帳戶、綁定付費囉!
申請 Cloudways 帳戶並綁定付費的信用卡
點擊下方按鈕,前往 Cloudways 網頁準備註冊
step 1
開啟後會到 Cloudways 的首頁step 2
點擊紅框處的「GET STARTED FREE」step 3
輸入你要註冊帳戶的資訊,並點擊「START FREE」*輸入折扣碼「leadingmrk」可以享有兩個月七五折的本站專屬優惠唷!
step 4
點擊「START NOW」可以結束彈出視窗,上方紅框處可以看到目前帳號是尚未經過認證的。step 5
點擊「VERIFY YOUR ACCONUT」開始帳戶認證step 6
輸入你的電話號碼進行簡訊認證step 7
到手機收簡訊(手機剛好快沒電XD)step 8
輸入簡訊代碼,並點擊「VERIFY」完成認證step 9
接下來到你的帳戶信箱收信認證,沒收到的話可以點擊「RESEND EMAIL」step 10
點擊信中的「Activate Account」認證帳戶step 11
成功認證完成!自動倒數後會跳轉到安裝主機的畫面step 12
點擊右上角的頭像,並點擊「Account」到個人資料頁面,準備綁定信用卡step 13
點擊「Credit Card」step 14
右邊會顯示信用卡資訊(現在還未綁定所以沒有顯示),點擊「AUTHORIZE CREDIT CARD」來綁定信用卡step 15
輸入對應的信用卡資訊step 16
綁卡成功後就會顯示信用卡資訊囉申請 NameCheap 帳戶並綁定付費的信用卡
step 1
點擊下方按鈕,瀏覽 NameCheap 官方網站step 2
點擊左上方的「SIGN UP」step 3
輸入要申請帳號的對應資訊,並點擊「Create Account and Continue」step 4
成功申請帳號後就會直接進到首頁step 5
點擊左方「Profile」->「Billing」進到支付方式面板step 6
看到 Payment 區塊,有一個 Payment Card ,點擊它右側的「MANAGE」step 7
進入了信用卡的管理介面,點擊右方按鈕「ADD NEW CARD」step 8
輸入信用卡資訊並點擊「Save Changes」step 9
成功綁定信用卡後,上一頁就會顯示信用卡資訊囉申請 Cloudflare 帳戶(免費)
step 1
點下方按鈕跳轉到 Cloudflare 首頁step 2
點擊右上角的「註冊」按鈕step 3
輸入想要設定的帳號密碼,點擊「建立帳戶」step 4
建立完成後就會顯示底下這個頁面,先到這邊就可以囉測試原本在 SiteGround 的網頁瀏覽速度(僅供參考)
前置作業做完後,這一步驟要帶大家來用幾個常見的 WordPress 網站測速工具來測試網站速度。
這一步驟不是必要,但可以當作你搬家前後的成效檢核,如果你是接案者的話,拿這個速度差異給業主看,也能讓業主比較放心一點唷!
那我們就來用以下幾個線上工具來測試網站速度吧!
GTmetrix 測速結果
keycdn 測速結果
更換網域:設定第三方 DNS 、申請網域轉換
為什麼要更換網域商?
通常網域在續約時的價格,會比第一年訂閱還貴,也是因為這樣很多客戶會想要在第一次訂閱後的續約前趕快將網域搬家。
像是我的客戶在原有 SiteGround 中網域的續約價格大約是 18 美金左右,而如果搬家到 NameCheap 的話續約價格大約會在 10 美金左右,雖然差得不多但長期訂閱下來還是有些差異的。
NameCheap 也是大廠牌的網域商,可以放心的註冊使用。
不過在網域搬家之前還是要先確認自己的網域域名是否可以搬家到 NameCheap,可以直接到,輸入自己現在的網域來測試看看。
網域轉換會不會有網域流浪期?網站會不會停止運行?
之前在真的操作網域轉換前,常聽到 WordPress 前輩分享說「網域不要亂轉換,很容易有網域流浪期」,但這次我在做調查時發現其實只要做好設定,基本上網域不會流量,頂多就是網域轉換的時間會稍微長一點而已,但期間你的網站還是能夠非常正常的運作,完全不需要去擔心這方面的事情。
下面提供一篇 NameCheap 寫的「如何最小化網域轉換的停機時間」,可以點下方文章連結過去看
也幫大家重點整理三個方法,可以最小化停機時間:
- 使用專門的網域託管商(與註冊商不同)
- 使用自己的網域管理主機
- 使用第三方的網域代管、CDN服務
而這邊我選擇的是第 3 點使用第三方的網域代管 CDN 服務,也就是接下來要大家來設定的 Cloudflare 啦!
設定 Cloudflare 代管網域,利用第三方 DNS 防止網站中斷運行
Cloudflare 主要提供的是 CDN 服務及網域代管服務,CDN 就是內容傳遞網路(Content Delivery Network),可以讓網站的讀者在開啟網站時,透過 Cloudflare 最接近讀者的資料中心來讀取網站內容,以此加速網站的讀取速度。
Cloudflare 的免費方案就有 CDN 以及網域代管服務,並且還有一定程度的網站安全防護,非常值得安裝。
接下來就帶大家一步步設定 Cloudflare 來代管網域囉!
step 1
開啟並登入 Cloudflarestep 2
點擊「新增網站」step 3
輸入你的現有網域step 4
選擇藏在下方很隱密的「免費方案」step 5
點擊「繼續」step 6
Cloudflare 會自動讀取網域註冊商(SiteGround)那邊的 DNS 紀錄,並顯示給你看step 7
DNS 紀錄這邊基本上不會有什麼問題,直接點擊「繼續」就好step 8
接下來會看到 Cloudflare 請你要去你的網域註冊商(SiteGround)更換名稱伺服器step 9
到 SiteGround 的網站,點擊上方「SERVICES」step 10
點擊「DOMAINS」分頁,並點擊下方「MANAGE」step 11
點擊紅框出的「Manage nameservers」把名稱伺服器換成 Cloudflare 提供的step 12
圖中是原本 SiteGround 預設的名稱伺服器step 13
到 Cloudflare 剛剛的網頁,複製下方名稱服務器網址step 14
貼到 SiteGround 這邊,並點擊「CONFIRM」step 15
確定儲存後,回到 Cloudflare 網站會看到下一點寫著「可能要24小時才會生效」,點擊「完成,請檢查名稱伺服器」step 16
下一頁會顯示快速入門手冊,直接點擊「稍後完成」不用理他step 17
DNS 代管的設定若尚未生效,首頁會顯示像圖中這樣step 18
我等待大約半小時後,網域代管就生效,畫面就會顯示「使用中」囉!step 19
點進去也會顯示「Cloudflare 正在保護你的網站」申請 SiteGround 網域轉換代碼,開始移轉到 NameCheap
在網域轉換之前,我們要先到 SiteGround 將網域解鎖、申請網域轉換的 EPP Code,並且在 NameCheap 進行網域轉移申請時將 EPP Code 填入才行。
以下就帶著大家將網域解鎖、申請網域 EPP Code,並到 NameCheap 申請轉移囉!
step 1
開啟 SiteGround ,點擊「SERVICES」和「DOMAINS」step 2
看到網域資訊後,點擊右側的「Menu按鈕」step 3
選擇「Get EPP Code」來取得網域轉移待會會需要的「AUTHORIZATION CODE」認證碼step 4
網頁彈出視窗會跟你說明這是轉換網域用,直接點擊「SEND Code」step 5
(補圖)到 Email 收信,就會拿到 EPP Code ,將儲存起來step 6
回到剛剛的位置,再點擊「Registrar Lock」step 7
把「REGISTRAR LOCK」關閉呈灰色狀態,並點擊「CONFIRM」就替網域解鎖可以進行轉移了!step 8
到 NameCheap 網站上,點擊「Domain Transfer」step 9
輸入你的網域名稱並點擊「Transfer」step 10
到了轉移資訊填寫的頁面,要確認上方紅框是「UNLOCKED」狀態(剛剛的解鎖步驟),並將剛剛的 EPP Code填寫在「AUTHORIZATION CODE」認證碼欄位step 11
網域轉移到 NameCheap 只能選擇一年方案,確認右方金額後點擊「Confirm Order」step 12
確認付款方式(這邊使用前面綁定的預設信用卡),並點擊右方「Continue」step 13
最後確認訂單資訊,點擊右方「Pay Now」送出此網域移轉訂單step 14
送出後我們可以點擊右上角「Account」,再點擊「Domain List」來查看目前網域狀態step 15
可以看到下方顯示網域正在轉移中step 16
點開可以看到更多詳細資訊【常見問題】EPP Code 代碼填錯怎麼辦?
我在轉移網域過程中的 EPP Code 不小心填錯,因此雖然有成功送出訂單,不過在不久後我就收到一個訂單被取消,原因是因為 EPP Code 錯誤的消息
這時候 NameCheap 會將餘額退款到我們的 NameCheap 帳號中,我們繼續用以下步驟重新再申請一次,用剛剛退到帳戶的餘額來付款就好(這次 EPP Code 請不要再填寫錯誤囉!)
step 1
到 NameCheap 帳號餘額的地方,可以看到剛剛用信用卡刷卡的費用都退到帳戶中了step 2
重新按照上面的操作做一遍,在付款前選擇使用「Account Funds」帳戶餘額扣款就行囉主機搬家:利用 Cloudways WordPress Migrator 搬家
要搬家到 Cloudways 主機商其實蠻簡單的,只要在你原有的 WordPress 後台安裝 Cloudways WordPress Migrator 外掛,照著步驟填入 Cloudways 主機就能完成。
搬家整體的步驟如下:
- 建立 Cloudways 網站主機及一個 WordPress 網站、進行基礎設置
- 在舊的 WordPress 後台透過 Cloudways WordPress Migrator 進行網站移轉
接下來就帶大家一步步進行
建立主機、設定基礎設置
step 1
首先點此連結到 Cloudways 網頁,進行登入step 2
新帳號登入後,畫面就會顯示建立主機的畫面,按照圖中選擇「Linode」主機、「1GB」方案、「Tokyo」即可。上方的命名大家可以隨意命,不影響到主機運行。step 3
等待幾分鐘後主機就會建立好了(如果他一直顯示正在建立,可以刷新一下瀏覽器)在舊的 WordPress 後台安裝 Cloudways WordPress Migrator
step 1
登入你舊的 WordPress 網站,並進入後台step 2
點擊左方「外掛」step 3
點擊上方「安裝外掛」step 4
搜尋「Cloudways」,看到「Cloudways WordPress Migrator」就點「立即安裝」step 5
安裝完成後點擊「啟用」step 6
會自動跳轉到外掛列表,點擊該外掛的「設定」step 7
進入此外掛的搬家開始畫面後,點擊「Migrate」準備開始網站搬家主機搬家:透過套件搬家、重設DNS 的主機 IP、設定網站網域
在開始網站搬家前,我們要先到 Cloudways 取得一些主機相關的資訊,因此請先開啟 Cloudways 網頁
step 1
在此畫面中我們要取得紅框處的主機 IP、主機 SFTP Username 以及主機 SFTP Passwordstep 2
在此畫面中我們要取得紅框處網站 URL 及資料庫名稱step 3
到搬家外掛中依序輸入以下資訊,並點擊「MIGRATE」- Destination Site Url :網站 URL
- SFTP Host/Server Address:主機 IP
- Database Name :資料庫名稱
- SFTP UserName:主機 SFTP Username
- SFTP Password:主機 SFTP Password
step 4
等待搬家進度條跑完(大約 30 – 60 分鐘)step 5
搬家完成後,點擊「GO TO CLOUDWAYS」可以跳轉到 Cloudways 網站step 6
將主機的 IP 記錄下來step 7
到 Cloudflare 的 DNS 設置中,修改紅框處的兩個 IP ,變成新的主機 IPstep 8
將網站與網域綁定:到 Cloudways 的 Application 畫面,點擊左方「Domain Management」,並且輸入你的網域,並點擊「SAVE CHANGES」step 9
幫網站設定 SSL 加密憑證:點擊左方「SSL Certificate」,在右邊一樣輸入你的網域,並且點選「SAVE CHANGES」step 10
到 Server 的頁面,點擊左方「Settings & Packages」,並且點擊「ADVANCED」step 11
下滑到下面,設定 WAF MODULE 欄位為「Cloudflare」step 12
設定 MYSQL 的 TIMEZONE 為台灣時間step 13
設定 Apache 的 DEFAULT APPLICATION 為你先前建立的網站 Application 名稱step 14
SYSTEM LOCALES 選擇「Chinese(Taiwan)」,就全部搬家完成囉!後續測試:測試功能是否正常、測試搬家後網站速度
在網站完成搬家後,大家最常有的疑惑就是「我該怎麼判斷網站有沒有成功搬家呢?」,接下來就來跟大家講一下在網站搬家後應該要怎麼檢查功能正常。
網站搬家後怎麼判斷有成功?
剛好在 Cloudways 上有一個很簡單的判斷方式,那就是看看你的 WordPress 網站後台中,有沒有多出一個叫做 Breeze 的外掛?
Breeze 是 Cloudways 主機預設使用的快取外掛,只要你的網站成功移轉到 Cloudways 就可以看到這個外掛了。
搬家後有哪些功能項目要測試?
除了利用網站外掛變動來判斷主機是否成功移轉之外,我們還得要針對一些基本項目進行檢查,比如:
- 網站文章與頁面是否都能正常瀏覽無跑版?
- 網站圖片與圖示是否都能正常顯示無亂碼?
- 網站的連結是否有正確跳轉
測試一下網站搬家後的速度
在網站搬家後,我們可以再進行一次網站速度檢測,看看搬家到 Cloudways 以及加入了 Cloudflare 的 CDN 服務之後,整個網站的速度是否有變快
GTmetrix 測速結果
keycdn 測速結果
網站搬家後網頁的瀏覽速度確實變快了許多!
做到這一步網站搬家就完成囉,記得剛搬家的這陣子要多多觀察網站有沒有什麼使用上的問題。
也記得要看看 Google Analytics 跟 Google Search Console 流量正不正常唷!
想學習更多好用數位工具、一起提升生產力、增加工作效率?
填寫下方表單,限時免費領取《數位工具應用地圖電子書》,內有超完整數位工具應用情境與攻略,一次帶走所有好用工具與使用攻略!
Ps. 領取後,我們還會每週二準時發送給你一封《領先數位週報》電子信,持續跟你分享最新研究的推薦數位工具,以及一個提升生產力的小技巧!