WordPress.com (免費版) 搬家到 WordPress.org (Bluehost)

WordPress.com (免費版) → WordPress.org (Bluehost) 的精選圖片

這篇筆記記錄了我把 WordPress.com 免費版網站搬到用 Bluehost 主機 架設的 WordPress.org 網站的完整流程。

Bluehost LOGO(2025)

點擊連結優惠即生效

網站搬到 WordPress.org,能擁有 100% 的控制權,對長期經營網路事業更有利。

跟著我同步操作,你也能自己完成網站搬家!


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

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

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

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



剛開始想要架設自己的網站時,你是不是也考慮用 WordPress 呢?

很多人直接點進 Google 搜尋的第一個結果 WordPress.com 開始架站,但後來才發現,原來大家平常說的 WordPress,大多是指用 WordPress.org 架站。

WordPress 架站大多指 WordPress.org

雖然用 WordPress.com 免費版 架站的確很簡單,後台預設直接顯示中文,不用另外設定,對新手來說非常友善。

但是,時間久了,問題也一一浮現。

WordPress.com 免費版網站會被強制掛上 WordPress.com 廣告,也不能使用自訂的專屬域名。

為了使用漂亮的佈景主題和安裝好用的外掛,你甚至必須升級到商用版以上的付費方案。

但如果用 WordPress.org 架站,就完全不一樣了!

你可以掌控網站的每個細節,不受這些限制。

👉 延伸閱讀:wordpress.com 和 wordpress.org 詳細比較

所以我會建議,如果你才剛開始用 免費版 WordPress.com 架設網站,可以趁現在趕快搬家到 WordPress.org。

這對你長期經營網站,會是更好的選擇!

以前我第一次做網站搬家時,也會感到焦慮,擔心「萬一操作失敗,會不會把網站弄壞?」

我完全能理解這種感受!

因此,我把網站搬家的過程完整記錄下來,希望透過這篇筆記告訴你,搬家其實並不困難。

那麼,我們現在就開始囉!

WordPress.com → WordPress.org 搬家方法

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

為什麼我建議把網站從 WordPress.com 搬家到 WordPress.org 呢?

原因有以下幾個:

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

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

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

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

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

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

但如果想要改造空間,會被限制不能鑽牆壁、不能換家具等等,甚至,房東還可能突然不租了!

搬家原因 完整控制權

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

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

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

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

E690ACE5AEB6E58E9FE59BA0 E5AE8CE695B4E68EA7E588B6E6AC8A E59C96E78987 2 1176x720 1

原因 2:專屬域名能保持 SEO 成效。

免費版 WordPress.com 網站只能使用「wordpress.com」下的子域名,使用子域名的缺點就是累積的 SEO 權重不屬於你。

而使用 WordPress.org 架設網站,我們只需要購買域名並持續持有,未來不管網站搬到哪家主機,網站權重都會保留,Google 排名也不會受到影響。

同時,專屬域名有助於加深訪客對網站的印象,提升品牌感

搬家原因 專屬域名保持網站SEO

原因 3:節省網站經營成本。

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

E690ACE5AEB6E58E9FE59BA0 E7AF80E79C81E7B6B2E7AB99E7B693E7879FE68890E69CAC 1136x720 1

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

你只需要支付主機租用費和域名註冊費,主機還可以依照網站需求,有好幾種等級可以選擇,WordPress 軟體本身是完全免費的!

以這篇筆記中推薦的方案來說,如果點擊下方的 諾特斯觀眾專屬連結 租用 Bluehost 主機,可以享有全網最低的 17 折優惠!

第一年平均每個月大約只要 $94 台幣,這樣就可以用超划算的價格,自由地使用 1 萬多種佈景主題和 6 萬多種外掛。

Bluehost LOGO(2025)

點擊連結優惠即生效

網站搬家要花多少時間?

這次示範的 WordPress.com 免費版網站搬家過程,花了約 1 天半的時間。

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

WordPress.com免費 Bluehost搬家時間

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

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

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

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

WordPress.com免費 Bluehost搬家 0元

這次我選擇搬家到 Bluehost 主機,是因為它是 WordPress 官方推薦的 3 家網站主機之一。

✏️ 小筆記:Bluehost 主機

一般大家提到的 Bluehost 主機,指的是價格比較親民的 Bluehost 共享主機。

共享主機 (虛擬主機),是多用戶共享同一台主機資源,成本較低,適合小型網站。

Bluehost 不但提供一鍵安裝 WordPress 的功能,還會自動完成 DNS 設定,幫我們省去不少麻煩。

而且 Bluehost 主機的 CP 值很高,不管選擇哪種規格的主機方案,都有附贈免費 SSL 憑證,和 1 年免費域名

點擊 諾特斯觀眾專屬連結 租用 Bluehost 主機,還可以享有全網最低的 17 折優惠!

Bluehost LOGO(2025)

點擊連結優惠即生效

此外,如果網站搬家後,想把原本 WordPress.com 的網站流量引導到新網站,可以每年額外支付 $416 台幣,開啟網址重新導向功能。

如果你按照這篇筆記的建議選購,搬家後第 1 年的花費大約是 $1,132 台幣,之後每年大約是 $5,036 台幣。

主機域名重新導向功能每年總費用平均每月費用
第 1 年$23.88 美金
(約 $716 台幣)
$0
(Bluehost 免費贈送 1 年域名)
每年 $416 台幣約 $1,132台幣約 94 台幣
第 2 年起$143.88 美金
(約 $4,316 台幣)
$23.99 美金
(約 $720 台幣)
(可取消)約 $5,036 台幣約 $420 台幣

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

如果網站要在 WordPress.com 享受差不多規格的服務,就需要升級到商用版以上的方案,每年至少要花費 $9,588 台幣。

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

從長期經營的角度來看,把網站搬到 WordPress.org 不僅更划算,還能享受更多彈性和自由,所以,我很推薦大家這麼做!

WordPress.com免費 Bluehost搬家費用

WordPress.com 免費版網站搬家流程

在這篇筆記,我會跟你分享怎麼把 WordPress.com 免費版網站搬到 Bluehost 主機 上,然後使用 WordPress.org 架設網站,並且註冊專屬域名。

搬家前搬家後
主機WordPress.comBluehost
域名WordPress.com 免費子域名Bluehost

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

建議可以跟著我的步驟操作,這樣更容易上手。

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

第 2 步,使用 Go Live Update Urls 外掛,把網站內部連結重新連結好。

第 3 步,在 WordPress.com 設定域名重新導向,把舊網站的流量轉往 Bluehost 主機的新網站,這樣搬家也就完成了。

備註:

製作這篇筆記的時候,有些步驟的畫面重複錄製了很多次,因此可能有部分畫面看起來不太連貫,敬請見諒!

不過,請放心,雖然畫面有點小出入,但每個步驟都是對的,並不會影響你跟著實際操作!

WordPress.com 免費 Bluehost 搬家流程

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

(1) 租用 Bluehost 主機與註冊 Bluehost 域名

第 1 步

點擊下方連結,進到 Bluehost 官方網站

Bluehost LOGO(2025)

點擊連結優惠即生效

第 2 步

點擊綠色按鈕「Get Started Now」(現在開始)。

點擊現在開始看 Bluehost 主機方案

Bluehost 提供多種 WordPress 主機方案,現在看到的方案價格已經套用 17 折優惠了。

最初階的 Basic 方案 (基本方案),每個月是 $1.99 美金 (約 $60 台幣)。

備註:實際的方案內容與金額折扣,請依據官方網站當期價目表方案為準。

有 10 GB 的儲存空間,可以建立 10 個網站,適合個人網站、部落格或小公司的官方網站。

如果想 用最少預算建立網站,可以先試試看 Basic 方案。

如果你有考慮其他更進階的方案,可以點擊下方連結,參考我整理的 Bluehost 方案介紹。

DNS 是什麼的精選圖片

Bluehost 主機費用與推薦方案

第 3 步

那我們選擇 Basic 方案 (基本方案),按「Choose Plan」(選擇方案)。

選擇 Bluehost Basic 方案

[1] 註冊域名

第 1 步

填寫想要註冊的域名。

或許有人會問:我現在還沒有想好要用什麼域名,可以之後再註冊嗎?

當然可以!

不過,事後要註冊的操作步驟會比較麻煩,所以我會建議在租用主機前就先計畫好要用什麼域名,在這個階段就可以直接註冊。

✏️ 取域名的小技巧

域名建議設計得簡短易記,避免使用數字和特殊符號。常見的取名方式包括使用品牌名稱、人名、首字母縮寫、主題關鍵字等元素,將它們排列、組合成域名。

第 2 步

填好後,按下「Search For Domain」(搜尋域名)。

搜尋 Bluehost 域名

[2] 選擇方案期間 & 取消附加功能

Cart (購物車) 裡目前有 4 個項目:

➀ WordPress Basic Hosting (WordPress 基本主機服務)

我最推薦大家選擇「一年」,是因為 Bluehost 給一年期合約的折扣力度最大,選擇一年期的主機費用,會是 $23.88 美金 (約 $716 台幣)。

➁ .COM Domain (.COM 域名)

因為購買 Basic 方案會贈送一年的免費域名,所以費用會是 0 元。

➂ Domain Privacy + Protection (域名隱私保護)

這項服務會幫我們在 WHOIS 數據庫中隱藏真實的聯絡資訊

這裡顯示 0 元,是因為有贈送一個月的免費試用,但試用期結束後會自動續訂。

為了避免後續忘記取消,而被收取額外費用,如果不需要這項功能的話,我建議現在就把它刪掉。

如果你比較注重個資隱私,也可以考慮加購。

不過,經過諾特斯團隊實測,在 Bluehost 後台加購 比在這邊買的價格更便宜,所以目前可以先刪掉這個項目,有需要的話,之後再加購就好。

第 1 步

點擊「垃圾桶」圖示。

點擊域名隱私保護垃圾桶圖示

第 2 步

選擇「REMOVE FROM CART」(從購物車移除) 把「域名隱私保護」功能刪除。

從購物車移除域名隱私保護

第 3 步

➃ Professional Email (專業電子郵件)

因為有贈送 3 個月的免費試用,所以費用顯示 0 元。

跟剛剛一樣,我建議先刪除這個項目,到 Bluehost 後台再加購會比較省錢!

刪除 Bluehost 專業電子郵件

第 4 步

點擊「CONTINUE TO CHECKOUT」(繼續結帳)。

Bluehost 購物車繼續結帳

[3] 填寫資料與 Bluehost 密碼設定

第 1 步

Contact Information (聯絡資訊) 都必須填寫英文,我已經幫大家把所有欄位翻譯成中文,你可以對照下面附圖的翻譯填入對應的資料。

如果你需要姓名跟地址的英譯工具,我也幫你準備好了,你可以點擊下方連結前往使用。

👉 點我前往:外交部領事事務局|外文姓名中譯英系統

👉 點我前往:中華郵政全球資訊網:郵務業務|中文地址英譯

✏️ 電話號碼填寫範例

台灣手機號碼:0987654321

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

Bluehost 購物車繼續結帳中譯英

第 2 步

填好聯絡資訊,最下方打勾是指「同意 Bluehost 來電或寄送一些促銷電子郵件給我們」,所以我建議把它取消勾選。

YES, I want to hear more about how Bluehost.com can help me grow my business.

By submitting your request, you agree to be contacted by one of our experts.

是的,我想了解更多 Bluehost.com 如何幫助我拓展業務。

提交你的請求即表示你同意由我們的專家與你聯繫

取消勾選 Bluehost 促銷電子郵件

第 3 步

Account Information (帳戶資訊) 要設定登入 Bluehost 用的密碼,輸入 2 遍做確認。

帳戶資訊設定 Bluehost 密碼

第 4 步

Billing Information (帳單資訊) 付款方式有信用卡和 PayPal 兩種,這次我是以信用卡做示範。

Bluehost 帳單資訊填寫信用卡

第 5 步

在右側的「Order Summary」(訂單摘要) 確認最終金額,金額正確的話,就可以按下藍色按鈕「SUBMIT PAYMENT」(提交付款)。

✏️ 申請退款的注意事項

  1. Bluehost 提供 30 天內全額退款保證,但只適用於主機費用。
  2. 儘管各方案都附贈一年免費的域名,但已經註冊的域名是不可退還的,所以 Bluehost 會從退款中扣除 12.99 美金的域名費用。
Bluehost 確認最終金額提交付款

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

Bluehost無法付款的封面

購買 Bluehost 主機時無法付款怎麼辦?

[4] 在 Bluehost 主機安裝 WordPress

Bluehost 會自動幫我們安裝 WordPress.org 提供的免費 WordPress 軟體。

Bluehost自動安裝WordPress軟體

當畫面上跳出視窗寫著「Your WordPress Site is ready!」(你的 WordPress 網站已準備就緒!) 就代表我們已經完成 Bluehost 主機的租用,並安裝好 WordPress 了。

Bluehost安裝WordPress軟體完成

[5] 收取域名聯絡資訊確認信

第 1 步

到剛剛註冊時填寫的 Email 信箱,你會收到幾封來自 Bluehost 的信件。

Order Confirmation (訂單確認) 是剛剛租用主機的收據,建議留存。

另一封主旨寫著「This is exciting!」則是 Bluehost 的宣傳信,可以不用理會它。

我們要找的是最重要的「域名聯絡資訊確認信」,也就是主旨寫著「Alert: Keep Your Domain Active」(提醒:保持你的域名活躍) 的信件。

✏️ 諾特斯的經驗分享

在大多數情況下,註冊域名的幾分鐘到 24 小時內就會收到域名聯絡資訊確認信。如果超過 24 小時還沒收到的話,可以檢查看看信箱的垃圾郵件,或是聯絡 Bluehost 客服詢問。

這次諾特斯示範時,大約是在註冊完域名的 2 個小時後收到確認信,給你作為參考。

Bluehost 註冊完成會收到的Email

第 2 步

打開 Email,點擊橘色按鈕「CONFIRM EMAIL ADDRESS」(確認電子郵件地址)。

點擊確認域名聯絡電子郵件地址

看到「Your Email is Confirmed」(你的電子郵件已確認),就表示驗證成功。

域名聯絡資訊驗證成功

[6] 等待域名生效

回到 Bluehost 後台,先來看看網站目前的狀態。

點擊藍色按鈕「LOG IN TO WORDPRESS」(登入 WordPress)。

初次Bluehost後台登入WordPress

可以看到,網站的網址目前還是 Bluehost 的臨時域名,SSL 憑證也還沒有生效,因此網站會顯示「連線並不安全」。

Bluehost臨時域名SSL未生效

通常等待幾個小時到 1 天的時間之後,我們註冊的域名和 SSL 憑證就會自動生效

你可以先去喝杯咖啡、和朋友聊聊天,休息一下,晚點再回來進行下個步驟。

✏️ 諾特斯的經驗分享

這次諾特斯示範時,大約是在註冊完域名的隔天,網址會自動變成我註冊的正式域名,並安裝好 SSL 憑證。

(2) 網站搬家前置作業

第 1 步

點擊網站下方的「SETTINGS」(設定)。

網站名稱下方點擊設定

第 2 步

切換到「PLUGINS」(外掛)。

網站設定切換到外掛

第 3 步

Bluehost 在安裝 WordPress 時會自動安裝多個推薦的外掛,但我目前用不到。

為了避免多餘的外掛佔用主機資源,我建議把它們的「Activation Status」(啟用狀態),從「Active」(活動中) 都切換成「Inactive」(非活動)。

外掛啟用狀態切換為非活動

第 4 步

點擊「EDIT WORDPRESS SITE」(編輯 WordPress 網站),登入 WordPress 網站後台。

點擊編輯WordPress網站到網站後台

第 5 步

點擊左側欄位的「Settings」(設定)、「General」 (一般)。

網站後台設定一般騎行

第 6 步

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

網站語言選擇繁體中文騎行

將後台介面改成中文,這樣操作起來更直覺。

第 7 步

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

網站語言儲存變更騎行

第 8 步

因為等一下匯入舊網站內容時,實際上只有文章跟頁面的內容會被遷移過來。

所以在這一步,我們就先手動修改網站標題和網站說明。

✏️ 網站說明 = 網站標語

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

修改網站標題網站說明騎行

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

網站標題網站說明儲存設定騎行

第 9 步

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

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

網站後台切換到文章騎行

第 10 步

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

預設文章移至回收桶騎行

第 11 步

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

網站後台切換到頁面騎行

第 12 步

「全選」頁面 —— 圖片標註 ➀。

「批次操作」選擇「移至回收桶」—— 圖片標註 ➁。

點擊「套用」刪除它們 —— 圖片標註 ➂。

刪除預設頁面騎行

(3) 從 WordPress.com 匯出內容

第 1 步

回到 WordPress.com 後台選擇左側欄位的「工具」、「匯出」。

WordPress.com付費 工具匯出

第 2 步

點擊「完整匯出」。

WordPress.com付費完整匯出內容

第 3 步

再點「下載」。

WordPress.com付費 下載內容

第 4 步

把下載到的 zip 檔解壓縮。打開資料夾,會得到 1 個 xml 檔,等一下我們就是要把這個 xml 檔匯入新網站。

不過,Bluehost 主機有限制,預設上傳檔案大小不能超過 512 MB,如果你的網站規模比較大,匯出的 xml 檔大小就有可能超出限制。

Bluehost上傳檔案大小限制512MB

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

方法 1:分批匯出內容

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

E58886E689B9E58CAFE587BAE585A7E5AEB9E59C96E78987 4 1280x720 1

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

E58886E689B9E58CAFE587BAE5B7B2E981B8E58F96E79A84E585A7E5AEB9 2 1280x720 1

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

在 Bluehost 後台點擊右下角的「CHAT」(聊天)。

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

請 Bluehost 客服調高上傳限制

(4) 在 WordPress.org 匯入內容

第 1 步

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

E695A3E7AD96 E5B7A5E585B7E88887E58CAFE585A5E7A88BE5BC8F 1280x720 1

第 2 步

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

立即安裝WordPress匯入程式騎行

第 3 步

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

執行WordPress匯入程式騎行

第 4 步

將 xml 檔拖曳進來。

匯入xml檔騎行

第 5 步

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

上傳檔案並匯入騎行

第 6 步

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

指派文章給現有使用者騎行

第 7 步

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

✏️ 匯入 WordPress 內容的注意事項

Bluehost 是共享主機,分配給每個網站的資源比較有限,如果一次匯入太多資料,可能會因為瞬間處理量過大而失敗。

所以,在「匯入內容」這個步驟我們只匯入文章內容,這時圖片檔案還保留在 WordPress.com

等一下我們會再用其他外掛把圖片重新下載,並上傳到新網站的媒體庫。

不要下載匯入檔案附件

第 8 步

按下「送出」,耐心等待舊網站內容匯入。

送出WordPress內容騎行

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

(5) 使用 Auto Upload Images 外掛匯入圖片

第 1 步

點擊下方連結,前往外掛頁面。

👉 下載外掛:Auto Upload Images

第 2 步

點擊「下載」取得外掛 zip 檔。

下載 Auto Upload Images 外掛

第 3 步

回到 WordPress 後台,點擊左側欄位的「外掛」、「安裝外掛」。

網站後台外掛 安裝外掛騎行

第 4 步

選擇「上傳外掛」。

上傳外掛 Auto Upload Images

第 5 步

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

拖曳Auto Upload Images zip檔

第 6 步

點擊「立即安裝」。

立即安裝Auto Upload Images

第 7 步

安裝完成後,點擊「啟用外掛」。

啟用Auto Upload Images

第 8 步

點擊左側欄位的「文章」、「全部文章」。

網站後台文章全部文章

第 9 步

「全選」所有文章 —— 圖片標註 ➀。

批次操作選擇「編輯」—— 圖片標註 ➁。

點擊「套用」—— 圖片標註 ➂。

文章全選編輯套用

第 10 步

按下「更新」,外掛就會自動幫你把圖片從舊網站下載下來,再上傳到新網站的媒體庫。

用Auto Upload Images更新文章

等更新完成後,到網站前台檢查看看。

隨意找一張圖片,點擊滑鼠右鍵,選擇「在新分頁中開啟圖片」。

檢查匯入圖片1 探店

如果看到網址列顯示新網站的域名,也就代表圖片已經成功匯入囉!

檢查匯入圖片2 探店

(6) 修改網站設計

現在,網站的內容已經搬過來了,但是佈景主題並沒有一起搬過來,導致網站的版面跑掉,那我們就來調整網站的外觀設計。

文章搬家後網站版面跑掉

[1] 安裝 Blocksy 佈景主題

第 1 步

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

網站後台外觀佈景主題

第 2 步

再點擊「安裝佈景主題」。

安裝佈景主題探店

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

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

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

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

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

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

諾特斯推薦 Blocksy

第 3 步

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

第 4 步

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

官網免費下載 Blocksy

第 5 步

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

E4B88BE8BC89 2.0.78 Blocksy 1280x720 1

第 6 步

回到 WordPress 後台,點擊「上傳佈景主題」。

上傳佈景主題 探店

第 7 步

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

拖曳上傳Blocksy主題 探店

按下「立即安裝」。

立即安裝Blocksy主題 探店

第 8 步

安裝好之後,再點擊「啟用」。

啟用Blocksy主題 探店

第 9 步

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

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

安裝Blocksy Companion探店

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

Blocksy前台探店

[2] 編輯頁首、頁尾

第 1 步

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

前台進入自訂器探店

第 2 步

滑鼠移到頁首左邊的網站標題 —— 圖片標註 ➀。

點擊彈出的「3 個點」圖示,叫出「標誌」選項 —— 圖片標註 ➁。

LOGO標誌選項探店

第 3 步

點擊「選取標誌」。

選取標誌探店

第 4 步

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

上傳圖片LOGO探店

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

選擇標誌替換探店

第 5 步

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

關閉網站標題探店

第 6 步

滑鼠移到頁首右邊的選單文字上 —— 圖片標註 ➀。

點擊彈出的「3 個點」圖示,叫出「選單」—— 圖片標註 ➁。

叫出頁首選單探店

第 7 步

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

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

選擇主選單探店

第 8 步

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

頁尾編輯探店

第 9 步

選擇「版權」。

點擊頁尾版權探店

第 10 步

修改版權文字,通常會寫成「版權所有 © + 年份 + 品牌名稱」形式:

版權所有 © {current_year}  —— (品牌名稱)

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

版權文字諾特斯觀眾小默契探店

第 11 步

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

發佈儲存自訂設定探店

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

第 12 步

點「✕」退出自訂器。

按✕退出自訂器探店

2. 替換網站內部連結

目前網站已經換上了新域名,但是,如果網站的文章或頁面裡有放內部連結,這些連結並不會自動更新成新網址。

點進去,還是會連到 WordPress.com 的舊網站頁面,也就是說,我們必須手動修改內部連結才行。

✏️ 內部連結是什麼?

內部連結是一個網站內部不同網頁間相互連結的超連結。 它幫助訪客在網站中的相關主題間快速轉移,優化網站瀏覽體驗,同時也有助於搜尋引擎理解網站結構,提升 SEO 排名。

不過別擔心,我找到一款很方便的外掛 —— Go Live Update Urls,可以幫我們一鍵替換所有內部連結。

(1) 指定永久連結結構

如果想用 Go Live Update Urls 外掛替換內部連結,新、舊網站的永久連結結構設定一定要相同,才能正確更新連結。

第 1 步

選擇左側欄位的「設定」、「永久連結」。

網站後台設定永久連結探店

第 2 步

選擇跟 WordPress.com 預設永久連結結構一樣的「日期與文章名稱」。

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

第 3 步

點擊「儲存設定」。

永久連結結構儲存設定探店

(2) 安裝 Go Live Update Urls 外掛

第 1 步

點擊下方連結,前往外掛下載頁面。

👉 點我下載:Go Live Update Urls 外掛

第 2 步

點擊「下載」取得外掛 zip 檔。

E4B88BE8BC89 Go Live Update Urls 1280x720 1

第 3 步

回到 WordPress 後台,點擊左側欄位的「外掛」、「安裝外掛」。

網站後台外掛安裝外掛探店

第 4 步

點「上傳外掛」。

上傳外掛Go Live Update Urls 探店

第 5 步

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

外掛zip檔拖曳上傳探店

點擊「立即安裝」。

外掛zip檔立即安裝探店

第 6 步

安裝完成後,就點「啟用外掛」。

啟用Go Live Update Urls探店

(3) 一鍵替換網站內部連結

第 1 步

在「外掛」列表,找到「Go Live Update Urls」,點擊「Settings」(設定)。

Go Live Update Urls設定探店

第 2 步

所有選項都保持預設 —— 圖片標註 ➀。

Old URL (舊網址) 填入 WordPress.com 舊網站的網址 —— 圖片標註

➁。

New URL (新網址) 則填上新網站的網址 —— 圖片標註 ➂。

Go Live Update Urls新舊網址

第 3 步

點擊「Update URLs」(更新網址)。

Go Live Update Urls更新網址探店

別忘了到網站前台檢查一下,點擊文章中的內部連結,確認網址都已經更新成新域名就沒問題了。

3. 將 WordPress.com 流量導向 WordPress.org 網站

如果你的 WordPress.com 網站之前已經有穩定的流量,Google 排名也不錯,那我會建議你開啟重新導向功能。

這個功能是使用 301 永久轉址,會告訴搜尋引擎「網站已經永久搬遷到新網址」。

這樣不僅可以確保搜尋引擎正確索引新網站的內容,也能把舊網站的流量引導到新網站,盡量保持原有的 SEO 排名,避免 SEO 成效大幅下降。

重新導向告訴搜尋引擎網站已搬到新網址

設定網址重新導向:指向 Bluehost 域名

第 1 步

WordPress.com 後台,在左側欄位選擇「設定」、「一般」。

wordpresscom設定一般

第 2 步

點擊「Site Address (URL)」(網站地址) 的「redirect」(重新導向)。

網站地址重新導向探店

第 3 步

輸入新網站域名,點擊「立即新增」。

立即新增新網站域名探店

第 4 步

重新導向功能是付費服務,價格是一年 $416 台幣,另外加上 5% 的加值營業稅。

備註:價格可能會變動

目前 WordPress.com 的重新導向功能定價為 $13 美金,台幣金額可能因匯率而有些微變動,請以 WordPress.com 後台顯示為準。

輸入帳單資訊後,點「繼續前往付款頁面」。

E7B9BCE7BA8CE5898DE5BE80E4BB98E6ACBEE9A081E99DA2 1280x720 1

第 5 步

填寫完付款方式,點擊「立即付款」。

E7AB8BE58DB3E4BB98E6ACBEE9878DE696B0E5B08EE59091 1280x720 1

以這篇筆記的示範網站為例,未來,當有人從 Google 搜尋進到舊網站 notesdemowebsite03.wordpress.com,就會被導向新網站 notesdemowebsite03.com,所有的流量就會被引導到新網址了。

此外,如果你有使用 Google Search Console (GSC) 來追蹤 Google 搜尋結果中的表現,

可以手動重新提交 Sitemap (網站地圖) 來加速搜尋引擎重新爬取和索引你的網站內容。

重新提交sitemap 探店

我是 利用 Rank Math 外掛自動提交 Sitemap (網站地圖),如果你對這個外掛有興趣的話,歡迎點擊下方連結,閱讀我整理 Rank Math 免費版筆記!

Rank Math 教學的精選圖片

Rank Math 教學 2024
比 Yoast 更佛心的 WordPress SEO 外掛!

至於重新導向需要維持多久呢?

根據 Google 官方文件建議,重新導向至少要維持 180 天,讓搜尋引擎有足夠的時間爬取新網站,把流量穩定轉到新域名。

所以,我會建議可以開啟「重新導向」功能 1 到 2 年,這段時間也能讓舊網站的訪客熟悉並記住你的新域名。

Google E5BBBAE8ADB0E9878DE696B0E5B08EE59091 180 E5A4A9 1280x720 1

如果未來不再需要這項服務,可以隨時回到 WordPress.com 取消重新導向設定,甚至永久刪除舊網站。

取消重新導向設定 探店

不設定重新導向:將 WordPress.com 網站設為私密

如果你覺得舊網站流量原先就不高,不介意重新開始累積 SEO 排名,或是想要省下重新導向的開銷。

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

不想設定域名重新導向

第 1 步

前往 WordPress.com 後台的「設定」、「閱讀」。

wordpresscom設定閱讀

第 2 步

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

管理你的隱私設定 探店

第 3 步

切換成「私密」—— 圖片標註 ➀。

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

舊網站隱私私密 探店

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

結語

在這篇筆記,我們一起把 WordPress.com 免費版網站,搬到用 Bluehost 主機 架設的 WordPress.org 網站。

Bluehost LOGO(2025)

點擊連結優惠即生效

網站搬家後,你可以盡情使用 WordPress.org 提供的豐富佈景主題,設計屬於你自己的網站。

還有上萬種的外掛資源可以選擇,不需要會寫程式,就能讓網站功能更強大!

祝福你網站搬家到 WordPress.org 後,網路事業發展一切順利!


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

Featured image for free wordpress course

WordPress 新手教學 (總整理)


參考資料

製作團隊

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