WordPress 換主題前怎麼保住選單與小工具:先記位置再切換

換主題後,原本的選單可能還在,卻出現在不同位置;側欄的小工具也可能移到頁尾。先別急著重建。WordPress 保存的選單內容、主題提供的顯示位置,以及小工具區域,是三件要分開核對的事。

這篇從傳統主題的「外觀 → 選單」與小工具區域著手,教你在測試站留下對照,換完後把入口放回合適的位置。如果網站使用區塊主題,導覽通常由網站編輯器中的 Navigation 區塊處理,不能照搬傳統選單的畫面與位置名稱。

切換前先記下訪客實際看到的入口

先打開首頁、文章內頁和一個重要分類頁,記下頂部導覽、頁尾連結及側欄。截圖要包含位置和文字,只有選單設定頁不足以看出它在前台放在哪裡。也記下哪個入口只在文章頁出現,哪個在全站共用,免得換完後拿錯頁面比較。

到「外觀 → 選單」記錄選單名稱、項目順序、子項目層級和連結。再看「管理位置」,記錄哪一份選單指定給頂部、主要或頁尾位置。名稱相近不代表用途相同;「主要選單」是一個主題位置,「教學導覽」才是你建立的那份內容。

小工具也照這個方式記。列出區域名稱、區域內順序,以及文字、圖片、連結等設定。如果有主題自帶的小工具,另外記下來源:新主題未必提供同一種元件。把看得到的文字抄下來,能避免之後只剩一張圖片卻找不回內容。

把資料放到測試站,再換主題

先備份資料庫和 wp-content,並保留可以回復的原主題。測試站只需要用來檢查版型的內容;表單通知、付款及其他對外服務,應先隔離。若測試站已有另一套網址,選單中的自訂連結也要核對,不能因為文字寫著「聯絡我們」,就假定它仍指向測試站。

完成記錄後才啟用新主題。先不要刪除舊選單,也不要把所有小工具清空重建。打開前台,看原先重要入口是否出現、順序是否正確,再回到設定頁確認對應的位置。這樣才能分清楚是內容缺少,還是內容還在、只是放的位置不適合。

同一份選單,換主題後位置代號變了

在隔離的 WordPress 演示站,我們建立「教學導覽示範」,放入「精品教程」和「聯絡我們」兩個連結,先指定到 Twenty Seventeen 的頂部選單。這個主題登記的位置代號是 top 與 social。

Twenty Seventeen 頂部導覽顯示精品教程與聯絡我們兩個連結
自建演示站:換主題前,兩個入口放在 Twenty Seventeen 的頂部導覽。

換成 Twenty Twenty-One 後,位置變成 primary 和 footer。這次 WordPress 已把同一份選單自動對應到 primary,兩個項目仍然保存。我們再明確確認主要位置的指定,並在前台核對連結。

Twenty Twenty-One 主要導覽仍顯示精品教程與聯絡我們
自建演示站:選單內容保留,新主題使用不同的主要位置。

這個結果不能推出每次切換都會自動配好。若你的主題沒有完成對應,先在「管理位置」選取原來那份選單再保存。不要只按位置名稱猜;頂部、次要及頁尾可能有不同的呈現方式,仍要以實際頁面確認。

小工具在新區域出現,不代表位置適合

演示站也把一個「教學提示」文字小工具放到 Twenty Seventeen 的 sidebar-1。原主題共有三個小工具區域;Twenty Twenty-One 只有一個。切換後,文字小工具仍在,新區域同時帶入了其他區塊小工具。我們整理示範區域的內容,只留下教學提示,再查看它在頁尾的呈現。

Twenty Twenty-One 頁尾小工具區顯示教學提示文字
自建演示站:同名區域代號不能保證相同的前台位置,這裡顯示在頁尾。

如果小工具沒有出現在原來的位置,先看可用區域和「未啟用的小工具」。傳統小工具介面的未啟用區會保留設定,方便重新放回適合的區域;但主題專屬的小工具若已不再註冊,不能假定換位置就能恢復功能。

不要把側欄內容不加判斷地全部拖到頁尾。原本在文章旁邊的聯絡資訊,放到很長的頁尾可能不容易找到;原本狹窄的圖片元件,也可能在新區域被放大。先決定它要服務哪個頁面,再調整位置和圖片尺寸。

區塊主題要核對導覽區塊和範本組件

如果「外觀」裡沒有傳統的選單管理畫面,先確認是否使用區塊主題。在網站編輯器中找到實際頁首或頁尾,再選取 Navigation 區塊,看它使用哪份導覽、包含哪些連結。導覽內容和包住它的頁首版面仍要分別看,不能只找到同名連結就算完成。

區塊主題的頁首、頁尾及範本組件也不等同於傳統小工具區域。若從傳統主題轉到區塊主題,先整理需要保留的文字與入口,再在新範本中安排;若兩邊都是區塊主題,也應逐頁查看實際使用的範本,避免只改到其中一個頁首。

最後用原來的頁面逐項對照

回到切換前記錄的三種頁面,點開主要連結,展開子選單,再檢查頁尾與側欄。特別留意導覽指向舊網址、子項目變成同層、文字小工具重複,以及重要入口移到不容易看到的地方。手機上也要打開一次收合導覽,確認同一份內容能找到。

若新主題沒有需要的區域,先決定是否能用它現有的版面安置內容;需要改範本或新增區域時,交給維護者處理。確認替代位置與回復方法後,才安排正式站切換。保留舊主題和備份,直到重要頁面都完成對照。

參考資料

原文鏈接:https://wntheme.com/wordpress-theme-menu-widget-mapping/,轉載請註明出處。
0

評論0

顯示驗證碼
沒有帳號?註冊  忘記密碼?