WordPress.com (付費版) 搬家到 WordPress.org (Cloudways)

WordPress.com 付費版 → WordPress.org Cloudways 的精選圖片

這篇筆記會帶你把 WordPress.com 付費版網站搬家到 Cloudways 主機上的 WordPress.org 網站,並在 WordPress.com 續約域名,維持網站流量與SEO排名。

Cloudways 的 Logo

註冊時輸入折扣碼 NOTES取得專屬前 3 個月 7 折優惠


如果你偏好用影片學習,歡迎觀看下面的 YouTube 影片。

搬離 WordPress.com(付費版)教學|網站搬家到 WordPress.org(Cloudways)

如果你喜歡透過圖文學習,請繼續往下閱讀吧!

圖文筆記會比較詳細、方便快速瀏覽,還會持續更新與補充內容。



你是使用付費版 WordPress.com 架設網站,而且有在 WordPress.com 購買自訂域名的站長嗎?

WordPress.com付費版 跟 WordPress.org

我猜你可能遇到了這樣的困境:

為了使用漂亮的佈景主題和安裝好用的外掛,你必須選擇商用版以上的方案。

但是這些方案的費用讓你覺得貴得有點不合理。

WordPress.com 要升級商用版

如果你正在為這個問題苦惱,我可以給你一個建議。

與其一直被 WordPress.com 綁著,不如考慮趁現在把網站搬家到 WordPress.org!

👉 延伸閱讀: WordPress.org 和 WordPress.com 比較

這樣可以享受更多的免費佈景主題、外掛和 100% 的網站控制權,而且整體費用通常比 WordPress.com 的高階方案更便宜。

趁早搬到 WordPress.org

搬家過程不會很難,只要跟著這篇筆記一起操作,你也可以順利完成!

WordPress.com 到 WordPress.org 搬家方法

為什麼該從 WordPress.com 搬到 WordPress.org?

原因 1:擁有完整的網站控制權

在 WordPress.com 或是 WordPress.org 架設網站,就像是租房子跟買地自建的差別。

如果用 WordPress.com 架站,網站基本功能都已經幫你準備好,我們只要輸出內容就好。

但如果想修改佈景主題或加裝外掛,就有諸多限制。

萬一 WordPress.com 這家公司停止營運,你的網站還可能會直接消失。

就好像是租房子一樣,房東已經做好裝潢,你只要提一個皮箱就能入住。

但如果想要改造空間,會被限制不能鑽牆壁、不能換家具等等。

甚至,房東還可能突然不租了!

搬家原因 完整控制權 圖片 1

相反地,用 WordPress.org 架站就沒有這個問題!

我們會透過第三方廠商租用主機、購買域名,然後,利用 WordPress.org 提供的免費 WordPress 軟體架設網站,網站想要怎麼設計都可以。

就像買一塊地自己蓋房子,想蓋透天厝或摩天大樓都隨你開心!

也就是說,你的網站就是你的個人資產,你擁有完整的控制權。

搬家原因 完整控制權 圖片 2

原因 2:節省網站經營成本

如果想在 WordPress.com 使用漂亮的佈景主題,或是安裝外掛擴充網站功能,就必須升級到每個月 $799 台幣的商用版或是更高階的方案。

搬家原因 節省網站經營成本

但用 WordPress.org 架站,費用就彈性多了。

你只需要支付主機租用費和域名註冊費,主機還可以依照網站需求,有好幾種等級可以選擇。

至於 WordPress 軟體本身,是完全免費的!

搬家原因 主機選擇多

以這篇筆記推薦的方案來說,主機 + 域名費用平均每個月最便宜大約只要 $365 元。

使用 諾特斯觀眾專屬優惠 的話,主機第一年還能更便宜。

第一年主機 + 域名費用平均每個月最便宜大約只要 $341 元,就可以用實惠的價格自由地使用 1 萬多種佈景主題和 6 萬多種外掛。

Cloudways 的 Logo

註冊時輸入折扣碼 NOTES取得專屬前 3 個月 7 折優惠

整體而言,用 WordPress.org 架設網站,才是最省錢、彈性最大的方式。

搬家原因2 節省網站經營成本

所以,如果你有長期經營網站的計畫,我會建議,越早把網站搬到 WordPress.org 越好!

網站搬家要花多少時間?

這篇筆記中示範的 WordPress 網站搬家過程,大概花了一個下午的時間。

其實,大部分時間都是在等網站的 DNS 設定生效 ,實際需要操作的部分,只要 25 分鐘左右就能搞定。

WordPress.com 付費 Cloudways 搬家時間

網站搬家後的費用是多少?

搬家過程中,我會帶你用 WordPress 內建的免費功能「匯出與匯入內容」來完成網站內容的轉移,所以搬家費用是 0 元。

不過,使用 WordPress.org 架設網站,還是需要自行租用主機和購買域名,這是無法避免的成本。

主機的價格會根據你選擇的規格有所不同;而域名的費用,則會因為域名的種類 (例如 .com、.net、.blog 等等) 而有所差異。

WordPress.com 付費 Cloudways 搬家 0 元

這次我選擇搬家到 Cloudways,是因為它是管理型雲端主機,在設定上很方便,而且網站的速度真的比較快。

Cloudways 的 Logo

註冊時輸入折扣碼 NOTES取得專屬前 3 個月 7 折優惠

✏️ 管理型雲端主機是什麼?

管理型雲端主機提供專用資源、使用彈性和可擴展性,適合已有穩定流量的網站。

Cloudways 是一款管理型雲端主機平台 (Managed Cloud Hosting),提供雲端主機的代管服務,所以透過 Cloudways 租用主機,能讓我們專注網站的內容和發展,不必擔心主機方面的技術細節。

好的網站體驗核心指標,有機會提升 SEO 排名

✏️ 網站體驗核心指標是什麼?

網站體驗核心指標 (Core Web Vitals) 包括 LCP (載入速度)、FID (互動反應速度) 和 CLS (畫面穩定性),這些指標已被 Google 納入網站排名因素。

因此,如果我們的網站提供快速且穩定的使用者體驗,將有助於提升排名。

註冊 Cloudways 時使用諾特斯觀眾專屬優惠,輸入折扣碼「NOTES」,前 3 個月主機費用能享有 7 折優惠!

諾特斯專屬優惠折扣碼 notes

域名的部分,在 WordPress.com 續約域名,一年是 $423 台幣,價格算是滿實惠的。

而且域名不用轉移,對我們來說也比較省事,所以我選擇把域名留在 WordPress.com。

WordPress.com 付費 Cloudways 搬家目標

如果你按照這篇筆記的建議選購,網站搬家後第 1 年的花費大約是 $4,086 台幣;後續每年大約是 $4,383 台幣。

主機域名每年總費用平均每月費用
第 1 年
(諾特斯專屬優惠)
每年 $122.1 美金
(約 $3,663 台幣)
$423 台幣$4,086 台幣$341 台幣
第 2 年起每年 $132 美金
(約 $3,960 台幣)
$423 台幣$4,383 台幣$365 台幣

備註:
台幣價格是用美金兌台幣匯率 30 來估算。不過,因為匯率會隨時間浮動,實際的台幣價格還是要看交易時的匯率喔。

如果你想在 WordPress.com 使用類似規格的服務,就得使用商用版或更貴的方案,每年至少要花費 $10,011 台幣。

從長期經營的角度來看,把網站搬到 WordPress.org 不僅更划算,還能享受更多彈性和自由。

所以,我很推薦大家這麼做!

WordPress.com 付費 Cloudways 搬家費用

WordPress.com 網站搬家流程

在這篇筆記,我們要把 WordPress.com 付費版網站搬到 Cloudways 主機上,然後使用 WordPress.org 架設網站;域名的部分則會保留在 WordPress.com。

當然,你不一定要跟我選擇一樣的主機商或域名商,但後續的操作介面可能會不太一樣。

建議可以跟著我的步驟操作,這樣比較好上手。

第 1 步,搬主機,也就是從 WordPress.com 匯出舊網站的內容,再匯入到 Cloudways 主機的臨時網站,並調整網站設計。

第 2 步,續約 WordPress.com 域名,確保域名可以繼續使用。

第 3 步,進行 DNS 設定,也就是把 WordPress.com 域名跟 Cloudways 主機連結起來。

第 4 步,幫網站安裝 SSL 憑證,確保網站的安全性。

第 5 步,更改網站永久連結結構,重新修復內部連結。

第 6 步,處理 WordPress.com 上的舊網站,將它設為「私密」或是永久刪除。

那接下來,就跟著我一起實際操作一遍吧!

WordPress.com 付費 Cloudways 搬家流程

1. 從 WordPress.com 搬家到 Cloudways 主機

(1) 創建 Cloudways 帳戶

點擊下方連結,進入 Cloudways 官方網站

Cloudways 的 Logo

註冊時輸入折扣碼 NOTES取得專屬前 3 個月 7 折優惠

Cloudways 主機提供 3 天免費試用,你可以先免費註冊一個帳戶。

等網站內容搬家完成,試用過,確定主機的性能滿意,再設定付款資料。

Cloudways 註冊流程

第 1 步

點擊右上角的「Start Free」(免費開始)。

Cloudways 點擊免費開始

第 2 步

你可以選擇使用第三方帳號登入,或在 Cloudways 註冊帳戶。

這次我就示範註冊一個全新 Cloudways 帳戶,輸入名字、姓氏、Email 以及要設定的密碼。

✏️ 小筆記

姓名可以利用 姓名中翻英工具 填寫

Cloudways 註冊全新帳戶

第 3 步

「我最適合描述為」要依照要搬家的網站是什麼類型來選擇:

  • Digital Agency (數位代理商)
  • Ecommerce (電子商務)
  • Other Businesses (其他業務)
  • Blogger (部落客)
  • Freelance Developer/Designer (自由開發者/設計師)

這次我要搬家的網站是旅遊部落格,因此我選擇「Blogger」(部落客)。

Cloudways 描述為部落客

第 4 步

「我的每月託管支出為」依照個人預算選擇,我是選擇最少的「$0 – $50 (USD)」(0 到 50 美金)。

Cloudways 每月託管支出為

第 5 步

點擊「I have a promo code」(我有折扣碼)。

Cloudways 我有折扣碼

第 6 步

輸入諾特斯觀眾專屬折扣碼「NOTES」。

✏️ 諾特斯觀眾專屬折扣碼

輸入諾特斯觀眾專屬折扣碼「NOTES」,可以享受前 3 個月 7 折的優惠。

折扣碼事後不能補寫,請記得在這個步驟填寫!

諾特斯專屬優惠折扣碼 notes

第 7 步

勾選同意條款後,點擊「Sign up」(註冊)。

Cloudways 同意條款註冊

第 8 步

進行帳戶驗證,首先要驗證 Email。

Cloudways 帳戶驗證 1 Email

到 Email 信箱,找到 Cloudways 寄的驗證信。

Cloudways 驗證信主旨

第 9 步

點擊 Email 裡的「Login & Activate」(登入並啟用)。

Email 登入並啟用 Cloudways

第 10 步

再來要驗證電話號碼。

輸入手機號碼,按下「Send SMS」 (發送簡訊)。

✏️ 電話號碼填寫範例

台灣手機號碼:0987654321

改成國際手機號碼:+886 987654321 (去掉手機號碼的第一個 0)

Cloudways 帳戶驗證電話號碼

第 11 步

收到簡訊後,輸入簡訊驗證碼,然後按「Verify」(驗證)。

Cloudways 簡訊驗證碼驗證

如果你有遇到無法驗證的問題,我有將解決方法整理成筆記,你可以點擊下方連結前往。

Cloudways 人工審核的精選圖片

Cloudways 註冊帳戶人工審核流程
收不到驗證碼怎麼辦?

(2) 在 Cloudways 主機安裝 WordPress

完成驗證步驟後,跳轉到選擇主機的畫面。

Cloudways 完成驗證選擇主機

第 1 步

設定 Application and Server Details (應用程式與伺服器詳細資訊) 。

Application (應用程式),指的是架設網站的軟體,也就是 WordPress 軟體﹔而 Server (伺服器) 指的則是主機。

以下 4 個項目都可以保持預設就好:

  • WordPress
  • Application Name (應用程式名稱)
  • Server Name (主機名稱)
  • Project Name (專案名稱)

✏️ 小筆記

「Server」最精準的翻譯是「伺服器」,但為了讓大家更容易理解,在這篇筆記裡,我都會把 Server 翻譯為「主機」。

Cloudways 應用程式與伺服器

第 2 步

挑選主機商,目前 Cloudways 提供了 5 款不同的雲端主機:

  • DigitalOcean
  • Vultr
  • Linode
  • Amazon Web Services (AWS)
  • Google Cloud Platform (GCP)

我推薦選擇 DigitalOcean 主機,因為經過我的實測,它是同價位的主機中速度最快的。

推薦選擇 DigitalOcean 主機 1

第 3 步

「Server Size」(主機大小) 我會建議維持預設的「2 GB Premium」,或者選最便宜的「1 GB」。

要怎麼選擇,可以先想想你的網站未來規劃。

如果你打算安裝一些像網頁設計、電子商務、備份、多語系等等這些比較吃效能的外掛,而且數量預計會超過 15 個,那就建議直接選「2 GB Premium」方案。

✏️ 外掛數量參考基準

15 個 WordPress 外掛只是一個簡易的參考基準,實際該選擇哪個方案, 還是要取決於具體的網站流量、每個外掛的資源需求等等因素。

依照我的經驗,大概安裝到 17 個外掛就會感覺比較卡頓,這時就可以考慮從 1 GB 再升級到更高階的方案!

Cloudways 主機大小選擇

當然,你也可以先選擇 1 GB 方案,之後有升級的需求,隨時都能在 Cloudways 後台升級。

✏️ Cloudways 方案規格

此處的「1 GB」、「2 GB Premium」是指 RAM (記憶體) 的大小。

以下是重點規格比較:

1 GB

  • 記憶體:1 GB
  • 儲存空間:25 GB

2 GB Premium

  • 記憶體:2 GB
  • 儲存空間:50 GB

第 1 步

點擊連結 前往 Cloudways 官網。

第 2 步

點擊上方的「Pricing」(價格)。

點擊 Cloudways 官網上方的「Pricing」價格

第 3 步

可以切換「Premium」(高級) 和「Standard」(標準) 查看不同方案價格。

Cloudways 價格方案

那這次示範我就先選擇 DigitalOcean 主機的 1 GB 方案,費用是每月 $11 美金 (約 $330 台幣)。

示範選擇 DigitalOcean 1 GB 主機

第 4 步

「Location」(主機位置) 要選離網站主要客群最近的地方。

✏️ 為什麼主機位置要選離網站主要客群最近的?

因為主機位置離網站訪客越近,資料傳輸的延遲會越小,可以讓網站加載速度更快。

如此一來,訪客在瀏覽網站時會有更好的體驗。

選離網站主要客群最近主機位置

以我所在的地區 (台灣) 為例,最近的地點選項是「新加坡」,所以主機位置我們就選擇「Singapore」。

台灣為例位置選新加坡

第 5 步

確認價格,點擊「Launch Now」(立即啟動)。

確認價格立即啟動

接下來,Cloudways 主機就會自動安裝 WordPress 軟體

Cloudways 自動安裝 WordPress

第 6 步

等到主機準備完成之後,就可以點擊「Your Server」(你的主機) 右邊的「地球」圖示。- 圖片標註 ➀

點擊「Your Application」(你的應用程式)。- 圖片標註 ➁

Cloudways 主機程式準備完成

第 7 步

在 Application URL (應用程式 URL) 會看到 Cloudways 提供給我們的臨時域名,會像是:wordpress-139XXXX-518XXXX.cloudwaysapps.com 。

點擊「開啟新分頁」就可以看到臨時網站了。

應用程式 URL 是臨時域名
由 Cloudways 前往網站前台

(3) 從 WordPress.com 匯出內容

接下來,我們要先回到 WordPress.com 後台,把舊網站的內容匯出。

第 1 步

選擇左側欄位的「工具」、「匯出」。

WordPress.com付費 工具匯出

第 2 步

點擊「完整匯出」。

WordPress.com付費完整匯出內容

第 3 步

點擊「下載」。

WordPress.com付費 下載內容

第 4 步

把下載到的 zip 檔解壓縮。

打開資料夾,會得到 1 個 xml 檔,接下來我們就是要把這個 xml 檔匯入臨時網站。

WordPress.com 上傳大小限制

不過,Cloudways 主機有一個限制,預設上傳檔案大小不能超過 50 MB,如果你的網站內容比較多,匯出的 xml 檔大小有可能會超出限制。

別擔心,我也提供兩個解決方案給大家:

方法 1:分批匯出內容

在「匯出內容」的時候,選擇「向下箭頭」圖示。

分批匯出內容圖片 3

選擇特定內容,只匯出文章或頁面,或者按照發佈日期分批匯出。

分批匯出內容圖片 4

點擊「匯出已選取的內容」下載檔案。

分批匯出已選取的內容 2

方法 2:請 Cloudways 客服調高上傳限制

在 Cloudways 後台點擊右側的「Need a hand?」(需要幫忙嗎?)

請真人客服幫忙把檔案限制大小暫時調高,接下來到臨時網站匯入內容時,才不會因為檔案過大而出錯。

Cloudways 後台客服位置

以上 2 種辦法,都可以讓規模比較大的網站順利搬家。

(4) 在 WordPress.org 匯入內容

[1] 登入 WordPress 後台

第 1 步

在臨時網站的網址後方輸入「/wp-admin」,再按「Enter」。

快捷鍵:輸入
Windows / Mac 系統:Enter

wp admin 登入後台

進入 WordPress 後台登入介面。

WordPress 後台登入介面

第 2 步

到 Cloudways 後台,找到「Admin Panel」(管理員面板)。複製「Username」(使用者名稱)。

Cloudways 管理員面板使用者名稱

第 3 步

貼到 WordPress 後台的「Username or Email Address」(使用者名稱或電子郵件地址)。

快捷鍵:貼上
Windows 系統:Ctrl + V
MAC 系統:Cmd + V

WordPress 後台登入帳號

第 4 步

「Password」(密碼) 則是複製管理員面板的「Password」(密碼)。

Cloudways 管理員面板密碼

第 5 步

貼到 WordPress 後台登入介面的「密碼」欄位,再點擊「Log In」(登入)。

WordPress 後台 Log In 登入

[2] 匯入內容前置作業

第 1 步

進入 WordPress 後台,先點擊左側欄位的「Settings」(設定)、「General」 (一般)。

散策 匯入內容前置作業一般設定

第 2 步

找到「Site Language」(網站語言),點開選單,選擇「繁體中文」

散策 一般設定網站語言繁體中文

第 3 步

點擊「Save Changes」(儲存變更)。

散策 一般設定儲存變更

介面變成中文,操作就更直覺方便了。

第 4 步

因為匯入舊網站內容時,實際上只有文章跟頁面的內容會被遷移過來,所以我們需要先手動修改網站標題和網站說明。

✏️ 網站說明 = 網站標語

在 WordPress.org 一般設定裡「網站說明」,在 WordPress.com 的後台被寫作「網站標語」。 這兩者其實是同個項目,都是用來說明網站的內容,會顯示在搜尋結果和瀏覽器的標籤頁中。

散策 手動修改網站標題說明

第 5 步

填好後,點擊頁面最下方的「儲存設定」。

散策 儲存網站標題說明設定

第 6 步

我要先清空預設文章、頁面,這樣把舊網站的文章匯入後, 才不會混在一起。

選擇左側欄位的「文章」。

散策 WordPress 後台切換到文章

第 7 步

把預設文章「移至回收桶」。

散策 預設文章移至回收桶

第 8 步

選擇左側欄位的「頁面」。

散策 WordPress 後台切換到頁面

第 9 步

「全選」頁面。

散策 刪除預設頁面 圖片 1

第 10 步

「批次操作」選擇「移至回收桶」。

散策 刪除預設頁面 圖片 2

第 11 步

點擊「套用」刪除頁面。

散策 刪除預設頁面 圖片 3

[3] 匯入 WordPress 內容

第 1 步

選擇左側欄位的「工具」、「匯入程式」。

散策 工具與匯入程式

第 2 步

點擊 WordPress 底下的「立即安裝」。

散策 立即安裝 WordPress 匯入程式

第 3 步

等安裝完,點擊「執行匯入程式」。

散策 執行 WordPress 匯入程式

第 4 步

將 xml 檔拖曳進來。

散策 匯入 xml 檔

第 5 步

點擊「上傳檔案並匯入」。

散策 上傳檔案並匯入

第 6 步

「指派文章給現有使用者」選擇指定的使用者名稱。

散策 指派文章給現有使用者

第 7 步

下載並匯入檔案附件「打勾」。

散策 下載並匯入檔案附件打勾

第 8 步

點擊「送出」。

散策 送出 WordPress 內容

接下來就是耐心等待舊網站內容匯入。

散策 完成匯入 WordPress 內容

那如果你是 分批匯出多個內容,接下來只要重複「執行匯入程式」的步驟,把 xml 檔一個一個匯入到臨時網站,就能完整搬運網站的所有內容了。

(5) 修改網站設計

從網站前台可以看到,網站的文章已經成功被搬過來了。

但是,佈景主題並沒有一起搬過來,所以導致網站的版面跑掉,那我們就先來調整網站的外觀設計。

文章搬家後網站前台無設計

[1] 安裝 Blocksy 佈景主題

在 WordPress 後台,選擇左側欄位的「外觀」、「佈景主題」。

散策 外觀與佈景主題

搬家到 WordPress.org 後的一大優點,就是可以選擇超過 1 萬款佈景主題,而且大部分都是免費的!

透過修改佈景主題,我們可以輕鬆地更換網站的版型、設計。

在試用過各種佈景主題之後,我最推薦免費的 Blocksy 主題!

我最推薦 Blocksy 佈景主題

這個主題風格簡約,但功能非常強大,這個「諾特斯網站」也是使用 Blocksy 主題製作的。

許多在其他主題要付費才有的功能,Blocksy 都是免費提供,比如固定的頁首、側邊欄,或是客製化網站調色盤等等。

在我測試過的免費 WordPress 佈景主題中,Blocksy 真的是最佛心的!

Blocksy 免費功能強大

那現在,我們來安裝 Blocksy 主題吧。

第 1 步

點擊下方連結,前往 Blocksy 官方網站。

第 2 步

點擊右上角的「Free Download」(免費下載)。

免費下載 Blocksy

第 3 步

點擊「Download」(下載),會下載一個 zip 檔。

下載 2.0.78 Blocksy

第 4 步

回到 WordPress 後台,點擊「安裝佈景主題」。

散策 安裝佈景主題

第 5 步

點擊「上傳佈景主題」。

散策 上傳佈景主題

第 6 步

將剛剛下載的 zip 檔拖曳進來。

散策 上傳 Blocksy 2.0.78 zip 檔

第 7 步

點擊「立即安裝」。

散策 立即安裝 Blocksy

第 8 步

等待安裝完成後,再點擊「啟用」。

散策 啟用佈景主題 Blocksy

第 9 步

我們還要再安裝外掛「Blocksy Companion」,這是 Blocksy 主題的附加外掛,可以讓它的功能變得更強大。

點擊藍色按鈕「安裝 Blocksy Companion」。

散策 安裝 Blocksy Companion

從網站前台看到,套用 Blocksy 主題後的網站長這個樣子,我們還可以再進一步調整細節。

散策 Blocksy 前台

[2] 編輯頁首、頁尾

第 1 步

點擊左上角的「自訂」,進入自訂器。

散策 前台進入自訂器

第 2 步

滑鼠移到頁首的 LOGO 上,點擊彈出的「三個點」圖示,叫出「標誌」選項。

散策 頁首 LOGO 標誌選項

第 3 步

點擊「選取標誌」。

散策 選取標誌

第 4 步

把自己的 LOGO 圖片拖曳進來上傳。

散策 上傳圖片LOGO

第 5 步

點擊「Select」(選擇) 來替換。

散策 選擇標誌替換

第 6 步

因為 LOGO 上就有網站名稱,所以我會把網站標題「關閉」。

散策 關閉網站標題 1

第 7 步

滑鼠移到頁首右邊的選單文字上,點擊彈出的「三個點」圖示,叫出選單。

散策 叫出頁首選單

第 8 步

打開選擇選單,點擊「Main Menu」(主選單)。

會看到頁首右側出現文章分類的選單項目,方便網站訪客快速找到他們有興趣的內容。

散策 選擇主選單

第 9 步

向下滑到最底部,滑鼠移到頁尾,點擊「編輯」。

散策 最底部頁尾編輯

第 10 步

點擊「版權」。

散策 點擊頁尾版權

第 11 步

修改版權文字,通常會寫成以下形式:

版權所有© + 年份 + 品牌名稱

我再來提倡一個諾特斯觀眾之間的小默契,你可以在頁尾的地方,加上「 ✏️ 」Emoji,也就是諾特斯觀眾的秘密記號

有加這個秘密記號的人,都有著一段看諾特斯的影片或文章,架設網站的共同回憶。

以後看到頁尾有這個秘密記號的網站,就知道是自己人,大家可以互相照顧一下。

散策 版權文字諾特斯觀眾小默契

第 12 步

完成設計後,按左上的「發佈」儲存設定。

其實自訂器當中還有很多可以客製化的項目,不只今天提到的這些,大家有時間可以多探索看看,打造出屬於自己風格的網站設計。

散策 發佈儲存自訂

第 13 步

點擊「✕」退出自訂器。

散策 按✕退出自訂器

(6) 設定 Cloudways 主機付款資料

如果你確定要租用 Cloudways 主機, 一定要記得在 3 天試用期結束前綁定付款,不然搬好的網站會被刪除掉!

Cloudways 的 Logo

註冊時輸入折扣碼 NOTES取得專屬前 3 個月 7 折優惠

第 1 步

在 Cloudways 後台點右上角的「使用者」。- 圖片標註 ➀

然後,點擊「My Account」(我的帳戶)。- 圖片標註 ➁

Cloudways 後台使用者我的帳戶

第 2 步

選擇左側欄位的「Payment & Address」(付款與地址)。

點擊左側欄位付款與地址

第 3 步

填寫「Card Address」(信用卡地址) 資料。

Cloudways 填寫信用卡地址

✏️ 小筆記

  • 地址翻譯可以使用郵局提供的 中文地址英譯服務
  • Address (地址) 只需要填到區就可以了,例:No. 7, Sec. 5, Xinyi Rd., Xinyi Dist.
  • Postal Code (郵遞區號) 填 3 碼就好,例:110
  • State/Province/Region (州/省/地區) 可以不用填寫

第 4 步

填寫「Billing Address」(帳單地址)。

如果帳單地址跟信用卡地址一樣的話,勾選「Keep Billing address same as my credit card address」(保持帳單地址與我的信用卡地址相同),地址資訊就會自動帶入。

Cloudways 填寫帳單地址

✏️ 小筆記

  • Phone Number (電話號碼) 會自動帶入驗證 Cloudways 帳戶時使用的手機號碼。
  • Company (公司) 可以留空不填。

第 5 步

點擊「Proceed to Payment Gateway」(前往支付平台)。

Cloudways 點擊前往支付平台

第 6 步

填寫信用卡資訊。

Cloudways 填寫信用卡資訊

✏️ 小筆記

  • 持卡人姓名需跟信用卡上一致
  • 如果刷卡沒過,可以聯絡發卡銀行的客服排除問題

第 7 步

點擊「AUTHORIZE」(授權),就完成 Cloudways 主機的付款資料了。

點擊授權儲存 Cloudways 付款資料

Cloudways 主機計費方式是「用多久就付多少錢」,依照實際的使用時數計費、不需要綁約

每個月底結算後,就會自動從綁定的信用卡扣款。

2. 續約 WordPress.com 域名

最初購買 WordPress.com 的「個人版方案」時,有附贈一年免費域名。

網站搬家後,我也打算繼續沿用這個域名,這樣網站的流量跟權重才不會被影響

沿用WordPress.com域名保持流量權重

WordPress.com 後台,點擊左側欄位的「升級方案」、「網域」。

✏️ 域名 vs. 網域

嚴格來說,「域名」和「網域」在技術領域中是有區別的,但平常大家常把這 2 個詞混著用,講到「網域」時,通常 指的就是「域名」。

在這篇筆記中,是統一使用「域名」這個詞,方便大家更好理解內容。

WordPress.com升級方案網域

點擊域名,就可以看到域名的有效期限。

查看wordpress.com域名期限 圖片1
查看wordpress.com域名期限 圖片2

基本上,只要沒有手動關閉域名自動續約,WordPress.com 就會在域名到期前 30 天幫你自動續約,每次續約的時間是一年。

所以我們只要確認「自動續購」功能是開著的就可以了。

WordPress.com 域名自動續購開啟

3. 設定 DNS:連結 Cloudways 主機與 WordPress.com 域名

現在我已經有 Cloudways 主機和 WordPress.com 域名了,但還需要設定 DNS 紀錄,把 WordPress.com 域名指向 Cloudways 主機。

設定完之後,Cloudways 的「臨時網站」就會變成正式的「新網站」囉!

連結 Cloudways 主機與 WordPress.com 域名

DNS 是什麼?

DNS 的全名是 Domain Name System (域名系統),是網路中負責將域名轉換成 IP 位址的管理和查詢系統。

DNS 的原理有點複雜,如果你想 詳細瞭解 DNS 是如何運作的,歡迎點擊下方連結,閱讀我用心製作的解說筆記。

DNS 是什麼的精選圖片

DNS 是什麼意思?
揭秘域名解析 + 實用 DNS 查詢工具推薦

那對只是想完成連結域名的人來說,DNS 設定的意思,就是把主機與域名連接起來

連接好之後,大家就可以在瀏覽器輸入你的域名,然後順利進到你的網站了。

DNS 把主機域名連接

(1) WordPress.com 域名指向 Cloudways 主機

第 1 步

WordPress.com 後台點開域名底下的「DNS 紀錄」。

打開域名 DNS 紀錄 圖片 1
打開域名 DNS 紀錄 圖片 2

第 2 步

點擊「管理」。

域名DNS 紀錄管理

列表中有 3 筆預設 DNS 紀錄。

接下來,我們需要新增一筆新的 A 紀錄。

原先的 A 紀錄可以先不用管,因為等一下我們加入新的紀錄之後,它會自動取代舊的紀錄

WordPress.com 3 筆預設 DNS 紀錄

第 3 步

點擊「+ 新增一筆紀錄」。

新增一筆 DNS 紀錄

第 4 步

「類型」保持預設選項「A」。

DNS 紀錄類型A

「指向」則是要填入 Cloudways 主機的 IP 位址。

DNS 紀錄是Cloudways IP 位址

第 5 步

Cloudways 後台的「Your Application」(你的應用程式) 複製「Public IP」(公共 IP)。

複製 Cloudways 你的應用程式公共 IP

第 6 步

回到 WordPress.com 後台,貼在「指向」欄位。

快捷鍵:貼上
Windows 系統:Ctrl + V
MAC 系統:Cmd + V

公共 IP 貼在指向

第 7 步

TTL (存留時間) 保持預設值。

✏️ TTL 是什麼?

TTL (Time To Live) 代表「存留時間」,TTL 決定了 DNS 紀錄在「DNS 伺服器」和「快取」中保存的時間長度。

當一個 DNS 紀錄的 TTL 到期後,DNS 伺服器會丟棄這個 DNS 紀錄, 並重新查詢最新的 DNS 紀錄。

存留時間保持預設值

第 8 步

點擊「新增 DNS 紀錄」。

新增 DNS 紀錄儲存

新增好 A 紀錄後,這個域名就會指向 Cloudways 主機上的網站。

新增 A 紀錄 DNS

(2) 把臨時域名改成正式域名

第 1 步

前往 Cloudways 後台,點擊左側欄位的「Domain Management」(域名管理)。

散策 域名管理新增域名

第 2 步

按下「+ Add Domain」(新增域名) 按鈕。

散策 Cloudways 域名管理

第 3 步

輸入域名,然後點擊「Save Changes」(儲存變更)。

散策 新域名儲存變更

第 4 步

Domain List (域名清單) 現在可以看到我們加入的域名了。

點擊右邊的「3 個點」圖示。- 圖片標註 ➀

選擇「Make Primary」(設為主要域名)。- 圖片標註 ➁

散策 域名清單設為主要域名

第 5 步

點擊「Set as Primary」(設定為主要)。

散策 設定為主要 域名

這樣就設定好正式域名了。

散策 域名列表新正式域名

(3) 用 DNS 查詢工具確認設定是否生效

你可以點擊下方連結,利用線上查詢工具 DNS Checker,確認網站的 DNS 設定是不是已經生效了。

👉 點我前往:DNS Checker

在「DNS CHECK」(DNS 檢查) 輸入域名,然後按「Search」(搜尋)。

DNS checker 檢查域名

✏️ 小筆記

DNS 紀錄更新後,需要等待一段時間,才能讓 DNS 紀錄同步到全世界的 DNS 解析器,這個過程通常需要幾個小時到 48 小時

在完成 DNS 設定後的 48 小時內查詢網站的 DNS 設定時,可能會看到不同地區的 DNS 解析器分別指向 WordPress.com 主機跟 Cloudways 主機,這是因為 DNS 紀錄還在陸續同步中,屬於正常情況,不需擔心!

DNS 紀錄同步需 2 48 小時

如果 A 紀錄都已經指向 Cloudways 主機的 IP 位址,那就沒問題啦!

散策 DNS 檢查 A 紀錄

4. 在 Cloudways 主機上安裝免費 SSL 憑證

SSL 是什麼?

SSL 是 Secure Sockets Layer 的縮寫,也就是「安全通訊協定」。

SSL 憑證是一種由數位憑證認證機構核發的數位證書,負責加密資料,證明網站身份,確保傳輸過程的完整性與安全性。

SSL 憑證是什麼 B → C 搬家教學

有安裝 SSL 憑證的網站,在瀏覽器的網址列會顯示 https

諾特斯散策足跡檢查 https

✏️ 小筆記

在 Google Chrome 瀏覽器需要在網址列點滑鼠左鍵 2 下才會顯示 https。

如果想更進一步瞭解 SSL 是什麼 的話,歡迎點擊下方連結,觀看我用心製作的解說筆記。

SSL 是什麼的精選圖片

SSL 憑證是什麼?
http、https 是什麼?

在 Cloudways 主機安裝 SSL 憑證

第 1 步

在 Cloudways 後台點擊左側的「SSL Certificate」(SSL 憑證)。

散策 Cloudways 後台 SSL 憑證

第 2 步

填寫「Email Address」(Email 地址) 。- 圖片標註 ➀

「Domain Name」(域名) 填入裸域名。- 圖片標註 ➁

散策 SSL 管理 Email 域名

第 3 步

點擊「+ Add Domain」(新增域名)。

散策 SSL 管理新增域名

第 4 步

在「Domain Name 2」填入帶有「www」的子域名。

散策 SSL 管理 www 子域名

第 5 步

點擊「Install Certificate」(安裝憑證)。

散策 SSL 管理安裝憑證

等 SSL 憑證安裝完成,會出現「Let’s Encrypt 憑證安裝成功」 的通知。

✏️ Let’s Encrypt 是什麼?

Let’s Encrypt 是一個免費、自動化的憑證授權機構,提供 Domain Validation (DV) 類型的 SSL/TLS 憑證來加密網站。

Let’s Encrypt 的目標是推廣網站加密,讓所有網站都能免費使用 HTTPS 來確保傳輸安全。

散策 憑證安裝成功通知

打開網站檢查看看,在瀏覽器中用滑鼠左鍵點擊網址列 2 下,看到網址出現 https 就代表 SSL 憑證安裝成功囉!

諾特斯散策足跡檢查 https

如果網站文章或頁面裡有放內部連結,因為 WordPress.com 跟 WordPress.org 預設的永久連結結構不同,網站搬家到 WordPress.org 後,文章的網址會變,但內部連結不會自動更新。

新舊網站永久連結結構不同

所以現在點擊內部連結時,會出現「很抱歉,找不到符合條件的頁面」的 404 錯誤。

內部連結找不到頁面

✏️ 內部連結是什麼?

內部連結是一個網站內部不同網頁間相互連結的超連結。

它幫助訪客在網站的相關主題間快速轉移,提升網站瀏覽體驗,同時也有助於搜尋引擎理解網站結構,提升 SEO 排名

要解決這個問題其實很簡單,只要把新網站的永久連結結構,改成跟舊網站相同的格式就好了。

點擊 WordPress 後台左側欄位的「設定」、「永久連結」。

後台設定永久連結

目前 WordPress.org 的預設永久連結結構是「文章名稱」,切換跟 WordPress.com 一樣的「日期與文章名稱」。- 圖片標註 ➀

再點擊「儲存設定」。- 圖片標註 ➁

永久連結結構日期與文章名稱 1

再到網站前台檢查一下,文章的網址已經變成「日期 + 文章名稱」的格式,

點擊文章中的內部連結,能正確連結到目標頁面,那就沒問題了。

網站前台內部連結測試

6. WordPress.com 網站後續處理方法

網站「搬家」的部分完成了,但也別忘記 WordPress.com 上的舊網站還在。

取消 WordPress.com 方案續訂

既然舊網站已經用不到,記得要取消之前購買的方案,避免被持續扣款。

後續處理:取消 WordPress.com 方案續訂

第 1 步

WordPress.com 後台,點擊左側欄位的「升級方案」、「購買項目」。

WordPress.com 左側欄位升級方案購買項目

第 2 步

選擇「網站方案」。

購買方案點擊網站方案

第 3 步

點擊藍色字「啟用」。

點擊訂閱續訂啟用

第 4 步

在彈出的視窗按「關閉自動續訂功能」。

彈窗關閉自動續訂功能

第 5 步

選擇關閉自動續訂的原因。

彈窗選擇關閉自動續訂原因

第 6 步

點擊「送出」。

彈窗關閉自動續訂送出

你就會看到訂閱續訂狀態變成「停用」。

不過,網站方案會維持有效,直到過期,之後就會自動轉為免費方案。

訂閱續訂狀態停用

將 WordPress.com 網站設為私密

要是你還沒完全檢查好新網站,擔心還有什麼問題,可以暫時留著舊網站當備份。

不過,我會建議你把舊網站設為「私密」狀態,讓它無法被公開瀏覽。這樣可以避免因為新舊網站的內容重複,而讓搜尋引擎混淆,不知道該索引哪一個才是最新版本。

舊網站備份設定私密

WordPress.com 後台左側欄位選擇「設定」、「閱讀」。

散策 WordPress.com 設定閱讀

點擊「管理你的隱私設定」。

散策 WordPress.com 管理你的隱私設定

將一般設定下的隱私切換成「私密」。- 圖片標註 ➀

點擊「儲存」。- 圖片標註 ➁

散策 舊網站隱私私密 2

這樣就能防止新舊網站互相競爭搜尋排名,導致 SEO 成效被分散了。

刪除 WordPress.com 網站

等到你確定新網站運作正常,就可以到「一般設定」點擊紅字「永久刪除網站」,把舊網站刪掉。

永久刪除 WordPress.com 網站

結語

在這篇筆記,我們已經成功把 WordPress.com 付費版網站,搬到 Cloudways 主機上的 WordPress.org 網站,並續訂 WordPress.com 域名。

Cloudways 的 Logo

註冊時輸入折扣碼 NOTES取得專屬前 3 個月 7 折優惠

整個過程其實沒有很複雜,對吧?

網站搬家後,你可以充分利用 WordPress.org 提供的多樣化佈景主題,來設計你的網站。

此外,還有超多外掛資源可以運用,即使不會寫程式,也能讓網站功能更加豐富。

希望這次的搬家能夠幫助你的網路事業更上一層樓!


如果你想知道更多有關網站架設的細節,歡迎觀看我用心製作的其他 WordPress 筆記。

WordPress 網站架設教學總整理的精選圖片

WordPress 新手教學 (總整理)


參考資料

製作團隊

總編輯、發佈:諾特斯
文字撰寫、文字編輯、圖片製作、圖片編輯:鹹魚
圖片製作:蚊子