指南/編輯網站/佈景主題/從傳統佈景主題切換至區塊佈景主題

從傳統佈景主題切換至區塊佈景主題

在 WordPress 上切換為區塊佈景主題,即可用現代、簡便的方式設計網站。在本指南,你會了解區塊佈景主題的好處,以及要採取哪些步驟來確保從傳統佈景主題順利切換。

為什麼切換到區塊佈景主題?

在 WordPress 5.9 中推出的區塊佈景主題,可讓傳統佈景主題體驗大幅升級。區塊佈景主題不需要自訂程式碼、聘請開發人員,也不需要搜尋符合設計偏好的新佈景主題。區塊佈景主題可簡化流程,讓所有使用者都能在 WordPress 編輯器中存取設計變更。

在切換佈景主題之前

傳統佈景主題變更為區塊佈景主題之前,請先了解會有哪些變更。你的網站樣式和版面配置會改變,但頁面和文章內容不變。

測試新的佈景主題


在你變更網站前,有一些工具可供你測試新佈景主題:

  • 試用並自訂:在網站上啟用佈景主題之前,請先預覽佈景主題並進行自訂。
  • 建立預備網站:符合資格的主機代管方案,可建立即時網站的精確複本。

熟悉區塊編輯器

你的編輯工作流程會有所改變,因此請花點時間了解如何編輯佈景主題和內容,然後再切換到已上線網站的區塊佈景主題。

變更傳統佈景主題時,請使用「自訂工具」。自訂工具會根據你選擇的佈景主題,預先設定一組自訂項目。有了區塊佈景主題,就可以在明顯更有彈性的網站編輯器中進行設計。網站編輯器可完全控制佈景主題如何顯示你的內容,且不受佈景主題限制。

此外,在傳統佈景主題中,你可以使用「傳統編輯器」來編輯內容。傳統編輯器是簡單的文字欄位,你可以在其中輸入頁面/文章內容。區塊佈景主題使用 WordPress 編輯器,這表示你可以將各種內容和版面配置元素新增至頁面或文章。 

準備網站

在切換到新的佈景主題之前,建議你先將網站設為僅供私人檢視或即將推出,以便有時間檢閱新的設計,並在訪客看到之前進行任何必要的變更。了解如何變更網站的隱私權設定。

最後,請記下目前佈景主題的名稱,以及佈景主題是否已停用。如果目前的佈景主題尚未停用,而你需要更多時間來切換到區塊佈景主題,可以切換回傳統佈景主題。停用的佈景主題可以在網站上維持啟用狀態,但切換到不同的佈景主題時,將無法切換回停用的佈景主題。 

如果網站的主機代管方案包含網站備份,你可以將網站的備份還原到佈景主題變更之前的狀態。 

如何切換佈景主題

既然你已使用區塊佈景主題測試網站,現在就可以在已上線網站變更佈景主題

  1. 造訪網站的儀表板
  2. 前往「外觀」→「佈景主題」
  3. 搜尋你選擇的佈景主題。
  4. 按一下佈景主題的縮圖,然後按一下「啟用」按鈕。 

如有需要,可以在啟用佈景主題之前預覽佈景主題,並進行一些自訂調整。自訂完成後,就可以啟用佈景主題。 

如果你使用「預備網站」測試佈景主題,可以將這些變更從預備網站同步至正式版網站

切換到區塊佈景主題之後

切換到區塊佈景主題後,採取下列步驟會有助於確保順利轉換,並充分利用新佈景主題的功能。

檢查首頁

切換到區塊佈景主題時,首頁的編輯方式會變更。請注意下列重要變更:

檢查選單

雖然現有的選單會自動移到新的佈景主題,但你可能會想要自訂選單的設計和版面配置。這是熟悉如何使用區塊佈景主題自訂網站選單的好時機。

你不再需要使用「外觀」中的「自訂工具」或個別的「選單」區段來編輯網站選單。相對地,你要使用「網站編輯器」來編輯導覽列

自訂網站設計

區塊佈景主題可以針對不同的頁面類型 (首頁、頁面、文章等) 徹底自訂範本。你可以完全控制範本中元素出現的位置,以及每個元素周圍的邊框間距和邊界。

審視網站功能

在多個裝置和瀏覽器上測試你的網站,確保一切正常運作,包括:

  • 小工具:如果你在網站上使用小工具,請確認這些小工具已轉換為區塊,以顯示你想呈現的內容。 
  • 外掛程式:如果你的網站使用外掛程式,請檢查以確認外掛程式仍正常運作。移除任何不再需要的外掛程式。

若你已將網站暫時設為僅供私人檢視,請記得再次將網站設為公開。現在也是通知訂閱者社群追蹤者的絕佳時機,告知他們網站經過重新設計。

如何在區塊佈景主題中找到自訂工具設定

由於區塊佈景主題已不再使用「自訂工具」,下列的清單清楚列出了基本佈景主題編輯功能位在區塊佈景主題的何處:

自訂工具網站編輯器
網站識別 (標題與標語)「設定」→「一般」(標題標語)
色彩和背景「外觀」→「編輯器」→「樣式」
字型「外觀」→「編輯器」→「樣式」
頁首圖片「外觀」→「編輯器」→「範本」
選單「外觀」→「編輯器」→「選單」
小工具「外觀」→「編輯器」(「區塊」已取代小工具)
首頁設定「設定」→「讀取」
其他 CSS「外觀」→「編輯器」→「樣式」
Copied to clipboard!