首頁 網站經營 WordPress 換主題 與頁面編輯器前一定要打開這篇!

WordPress 換主題 與頁面編輯器前一定要打開這篇!

影片示範從 Avada 轉到 Soledad 主題

發佈日期: 上次更新: 17 留言 10.6k 次瀏覽
WordPress 換主題 Change Theme

很多新手們,一開始會選擇 Themeforest 上面的主題來入門 WordPress,可以很快地做好一個很漂亮的網站。後來,隨著你的能力提升了,對網站的要求也慢慢提高了,也許到了某個時候,你的確會想幫 WordPress 換主題。WordPress 最棒的一點就是可以換主題來改變外觀呀!換主題通常不會有什麼大問題,不過,一定會需要花一點時間調整一下設計。

如果你還不確定要換什麼佈景主題,可以參考看看這幾篇文章:


WordPress 換主題前,建立備份很重要!

換主題前,帶路姬強烈建議大家,先把目前的網站做好備份!因為真的很難說,換了主題之後,是否一切都能順利在自己的掌握之中,所以,備份真的很重要!

建議大家可以考慮用 Updraftplus 或 WPvivid 來執行備份,這兩個外掛的免費版就可以讓你執行全站備份,並且儲存到自己的電腦上、或者存到雲端空間裡。

另外,大家也可以考慮購買「WP Reset」外掛,可以在轉換主題的過程中,有機會讓自己快速的回到上一步,也是非常方便的工具。


如何不影響到目前營運中的網站?

這個是選擇性的項目,如果你的網站正在營運中,你可能不希望開發中的網站面對世人,這時,可以考慮複製現在的網站,到一個新的臨時網站(用臨時網址),在臨時網站上繼續執行換主題的工作,直到網站全都改好了,再把臨時網址,改成正式的網址。

上面說的這件事,對不懂程式與技術的人來說,在一般的主機上可能不是這麼容易達到,可是,在 Cloudways 主機上,就可以很快地達成喔。因為 Cloudways 主機,可以一鍵快速複製網站,複製好的網站會直接有一個臨時網址喔。

如果想要搬到 Cloudways 的話,可以參考如何把網站搬到 Cloudways 的教學,Cloudways 有提供三天的免費試用,以時計費,月底才收費,非常方便喔!



WordPress 換主題,可能會遇到什麼問題?

WordPress 換主題可能會遇到什麼問題?
1. WordPress 換主題,內容會不會不見?

不會!
WordPress 系統中,內容與外觀是分開的,所以內容一定都會還在。

2. WordPress 換主題,設計會不會不見?

可能會。
原本的主題的「主題選項」或「自訂選項」就不在了,他的設定值當然也就不在了。就要用新的主題的主題選項去重新自訂外觀了。
並且,有的主題是有附帶自己的頁面編輯器的,換主題時,這些頁面編輯器可能也要一起停用了,因為頁面編輯器才產生的排版與設計就會跟著消失,變回只有純文字。

3. WordPress 換主題,會不會影響到 SEO 或 Google 排名?

可能會。
因為每個主題的程式碼架構不同,可能多少有一點影響。不過,如果新的主題是很專業的、對SEO很友善的主題,影響應該就不大。
比較需要注意的一點是,換主題或搬家後,都要確定網址架構不會因此而改變。原本已經被 Google 索引的網頁的網址,不要在換主題後變成 404 找不到內容的頁面,這樣就對 Google 排名就瑞造成很不好的影響。

4. WordPress 換主題,前主題會遺留什麼不需要用的東西嗎?

可能會。
換主題時,可能也會同時需要換掉預設的頁面編輯器,舊的頁面編輯器可能會遺留短代碼,會需要先刪除這些短代碼,再重新用新的頁面編輯器重新編排網頁,下面會更深入解說怎麼刪除喔!

5. WordPress 換主題,內容的類型會改變嗎?

可能會。
有些主題有預設的 Portfolio 作品集類型,但有些沒有。有些雖然都是 Portfolio,可是其實背後的程式碼不完全相同,所以,會需要把原主題的內容類型裡的內容,改成新的主題有提供的內容類型或者改回預設的「文章」與「頁面」,下面會更深入解說怎麼改喔!


WordPress 換主題前,請先停用舊主題的相關外掛。


WordPress 換主題前,可能會需要清除舊主題遺留的短代碼。

換主題 要注意什麼?頁面編輯器 Page Builder 可能會遺留短代碼
利用視覺化的頁面編輯,可以製作欄位比較多的排版,插入各種網頁元素,像是按鈕、圖示等等。
停用原本的編輯器,可能會遺留一些短代碼

短代碼追隨著他的主子,也就是主題或頁面編輯器,主題或頁面編輯器畢業了,短代碼也就沒用了,也該跟他們說再見了。

什麼是頁面編輯器?

一個網頁,可能依照不同的內容,會建議用不同的排版方式。如果是單純寫篇文章,那就有點像寫 Email 那樣,一個大空格讓你填就好,這時就不用用到「頁面編輯器」。如果是另一個網頁,像是首頁,可能需要多一列很多個欄位來放內容,這時就會需要用到視覺化的頁面編輯器(如下圖)。

什麼是短代碼?

為了記錄站長使用了什麼網頁元素、放在什麼位置、做了什麼設定等等,頁面編輯器會產生短代碼,利用這些短代碼把你的內容包起來,他長得大概像這樣:[heading]關於我們[/heading],明明只是需要「關於我們」四個字的標題,但卻多了前後那兩串英文和符號,這些就是短代碼。

由於短代碼是由你正在使用的頁面編輯器產生的,對其他的頁面編輯器是沒有意義的,所以,當你如果想要換主題時、需要換掉目前的頁面編輯器時,照理說這些短代碼也應該要消失。

不過,目前只有 ElementorBeaver Builder 這兩個頁面編輯器,會自動清除這些短代碼。而 Themeforest 網站上銷售的主題,他們所搭配的編輯器,他們產生的短代碼,並不會隨著頁面編輯器的停用而一起消失。

如何刪除前頁面編輯器所遺留的短代碼?

如果你曾經跟著帶路姬的教學,使用 Themeforest 上面的主題製作網站的話,換掉 AvadaFlatsome 的主題,的確可能會需要重新編排一些頁面。而這個問題,是所有 Themeforest 上面的主題幾乎都有的問題喔,除非像 Soledad 主題,部落格本身沒有一定要用頁面編輯器。

舉例來說:當你把 Avada 主題換成其他主題,並且停用了 Fusion Builder 頁面編輯器後,編輯首頁時,就會看到很多的短代碼。

回到如何刪掉短代碼的問題,根據帶路姬實際的測試,只要花台幣約600元左右,購買一個 Shortcode Cleaner (短代碼清除工具)的外掛,就可以非常快速的清除掉短代碼喔!

影片會帶著你刪除短代碼喔!

所需時間: 10 分.

如何使用 Shortcode Cleaner 清除短代碼?

  1. 購買、安裝、啟用 Shortcode Cleaner 外掛

    Shortcode Cleaner

  2. 啟用完,點選控制台左邊的「Cleaner」,讓它會跑一遍搜尋短代碼。

  3. 到控制台左邊 Cleaner > Settings > General

  4. 把 Enable Cleaner on the Backend 改成 On

  5. 再到控制台左邊 Cleaner > Settings > General > Advanced

  6. 把 Enable Cleaner into the Database 也改成 On

  7. 最後,只要把所有有用到頁面編輯器的頁面或文章,全部一起快速編輯,重新儲存一遍,短代碼就會全部自動清除掉了喔!

    1. 到 頁面 > 全部頁面
    2.勾選 全部頁面
    3. 下拉選擇 編輯
    4. 點選旁邊的 套用
    5. 右下角點選 更新
    需要刪除短代碼的頁面都重新儲存

  8. 最後再進入首頁一次,就會看到很乾淨的純文字內容,短代碼都消失了喔!

    可是,你的內容有可能還被包在「傳統編輯器」的區塊裡面。
    可以使用「轉換成區塊」的功能,來把內容都變成區塊,更方便編輯。

  9. 這樣頁面就完全清乾淨囉!就像完全沒有用過其他編輯器的狀態囉!

    這時,你就可以重新用新的編輯器去重新編排內容了。



WordPress 換主題前,請把「文章」與「頁面」以外的內容,轉換成「文章」。

如果你原本的主題有提供一些文章與頁面以外的內容類型,像是 Portfolio 作品集、FAQ 常見問題等等,你可能已經建立了很多的相關內容。

但是,現在你準備換主題,新的主題不一定仍然有這些內容類型。

所以,建議大家在停用主題以及與該主題相關的必裝外掛前,先把「文章」與「頁面」以外的內容類型中的內容,都先「轉換成文章」備用,這樣更可以確保你可以保留好你的內容。例如:把 Portfolio 裡的作品、把 FAQ 裡的常見問題,全部都先改成「文章」。

如何使用 Post Type Switcher 來轉換內容類型呢?

只要安裝並且啟用 Post Type Switcher 外掛,有兩個地方可以設定該篇內容的「內容類型」。

1. 在文章列表的地方,可以大量編輯文章,一起改變他們的 Post Type(內容類型)。
WordPress 換主題,可能需要改變部分內容的內容類型。
2. 進入文章編輯時,在右邊發佈的地方,也有一個地方可以改變文章的「內容類型」。

換主題的最後!換到 Soledad 主題試試看吧!還會遇到什麼問題嗎?

看完這七大項目(五個影片),你應該也可以成功換好主題了喔!未來,就可以隨時視需要,自由地更換主題了喔!


可以參考看看 Themeforest 網站上,最佳銷售的主題喔!

留言給帶路姬吧!

17 留言

陳X豪 2020-07-25 - 10:56 am

老師,你的第五個影片好像重複了上一個影片。

回答
網站帶路姬 / Erin Lin 2020-08-10 - 2:05 pm

已經更新好了喔,謝謝你:)

回答
claire 2020-08-20 - 2:48 pm

Erin你好,看了你的cloudways介紹,我已經用了你的優惠碼買了cloudways也順利搬家過去了,謝謝你的文章,解說得很清楚!!

回答
網站帶路姬 / Erin Lin 2020-08-26 - 5:13 pm

不客氣喔!很開心有幫上你的忙喔!^^

回答
Ryan 2020-10-31 - 1:27 pm

帶路姬你好:
感謝你的教學文章,讓我受益良多,我現在有兩個問題,是我想要從Sloedad主題換到Avada主題,1. 依照上面你教的步驟停用相關外掛跟刪除短網址,下載Avada之後,直接啟用Avada就好嗎?需要刪除Soledad嗎? 2. 如果我想要把Soledad移到另一個網站使用,有辦法嗎?還是一旦在A網站註冊了有版權的Soledad,就算在A網站停用(甚至刪除),也沒辦法在B網站使用?
感謝你。

回答
網站帶路姬 / Erin Lin 2020-11-08 - 3:33 pm

直接啟用 Avada,建議把Soledad 相關的必裝外掛都停用刪掉,Soledad 主題也可以刪除。
Soledad 可以換到另一個網站使用喔,可以在新網站重新獲得一次授權碼,如果他說已經沒有授權碼,你可以到Evato管理應用程式的地方,刪除掉原本的那個網站的授權。

回答
Evelyn 2021-03-01 - 2:36 pm

老師您好 我曾經安裝了avada,但現在想重新下載安裝soledad主題,我在停用avada相關外掛後,頁面出現了很多很像是您上面提到的短代碼;我想確認的是只要有套用過avada主題,不管是否有正式編輯過,是否都會出現短代碼?必須要透過 Shortcode Cleaner 清除嗎,謝謝您

回答
網站帶路姬 / Erin Lin 2021-03-03 - 5:46 pm

如果你的內容都不重要,可以刪除,那就使用 WP Reset 外掛,直接回到WordPress剛安裝好的狀態,會更簡單。
如果你的內容,有的可以刪、有的不能刪,那最好還是透過 Shortcode Cleaner 清理一下,會比較保險。

回答
老文 2021-03-04 - 7:12 am

老師您好:
請問一下,要怎麼讓頁面顯示出所有分類的文章呢?? 謝謝。

回答
Penny 2021-07-11 - 10:41 am

想請問Astra主題換到Sloedad主題,還是要照上面的方式處理嗎?

回答
網站帶路姬 / Erin Lin 2021-07-13 - 4:37 pm

應該可以跳過很多步驟。

回答
Sara 2021-07-21 - 1:03 pm

謝謝站長的文章分享,之前透過站長的介紹,購買了Avada,但是現在覺得是不是需要更換成astra速度會更快?
我從godaddy搬到cloudways之後,也不見速度有變快,請問是否建議要更換成astra才是一勞永逸呢??
我網站目前日流量是4000以上,謝謝~

回答
ray 2021-12-09 - 11:07 pm

想要請問兩個問題
1.我如何選擇有些頁面有側邊選單有些則不要有呢·
2.以及如何在網頁的選單上方製作一個大方塊的搜尋bar呢
這兩個問題真的搜了好久都沒有解答:(((

回答
網站帶路姬 / Erin Lin 2022-01-11 - 2:22 pm

可以到社團裡來發問,寫清楚你用什麼主題與提供網址喔!https://www.facebook.com/groups/wpointer

回答
麥基 2022-05-02 - 10:19 am

帶路姬老師您好

想請問老師,如果想從 Avada 更換成別的主題,但我的網站很新,只做了 2 個頁面

那這樣我是不是可以直接把這 2 個頁面刪除,直接做新的就好了呢? (這樣就不用 Shortcode Cleaner 清除短代碼了)

回答
網站帶路姬 / Erin Lin 2022-05-02 - 11:40 am

可以喔!

回答
訂閱電子報 (週四寄)
帶路姬的文章重質不重量,所以請訂閱我的電子報,以確保會收到更多優質教學好文喔!
聯盟分潤聲明

此站內容為Erin的真實架站經驗分享,部分推薦的商品有參加 聯盟計畫,您若點選文中的連結而購買商品,Erin可以從中獲取一點分潤。不過Erin 100%保證,只誠懇推薦自己親身試用過的好東西。(什麼是聯盟計畫?)

支持帶路姬

假如你很喜歡帶路姬的文章,希望鼓勵帶路姬繼續寫作,幫助WordPress新手,與推廣WordPress,不如贊助一下帶路姬吧!

追蹤帶路姬
帶路姬人氣

網站成立:2018/05/01
總瀏覽量:2,150,487 (2022/2/9)
總訪客量:502,824 (2022/2/9)

© WordPress 網站帶路姬 2018~2022 版權所有 |  本站使用 Soledad主題 + Elementor Pro 編輯器   | 推薦使用 Cloudways主機

★ 完全免費的影音+圖文教學+ ★

帶路姬陪你用五天的下班時間
做好第一個 WordPress 網站

想完整的學好基礎嗎?快來看看吧!😊
close-link

一年當中最便宜的一週!
close-link