WordPress 經典編輯器遷移至區塊 (Gutenberg Blocks) 的步驟與避坑指南。

如果你發現近幾年自己的 WordPress 網站運行速度變得越來越慢,可站點本身是並沒多少內容的,那麼這就要歸功於 Gutenberg Blocks 了,這是 WordPress 最新版本的默認編輯器,可以更加現代化並且通過區塊拖拽式的編輯網站和內容。

需要承認的一點是現階段的 WordPress 區塊編輯器並不是特別好用,而且問題還很多,但相對於七年前已經是很完善了。

1 、遷移之前

今年初在嘗試優化 Weixiaoduo.com 整站架構的時候,我又一次感受到了那種被歷史包袱捆綁的無力感,完美展現了什麼叫從折騰到放棄。

想想看,你現在有 10 個網站需要改版就應該能明白我是什麼感受了,因為薇曉朵有 500 個子站/分站是用的舊式編輯器。

2 、遷移之後

痛定思痛,我覺得直接將全站架構轉換到最新的 WordPress 編輯器,而這一工作進程的成效展示也就是你現在看到的薇曉朵簡報和論壇的新界面和體驗。

  • 前後台界面均可實現秒開;
  • 不再因為繁瑣的頁面生成器而頻繁切換編輯;
  • 減少了 20% 的細微功能插件;
  • 原生編輯器帶來的高性能和自定義模塊;
  • 速度提升了 70% 以上 (對比未遷移的舊站點);

3 、準備工作

在做任何改版操作之前,都可以對你的站點進行數據備份或者存檔,這樣可以有效避免數據丟失或因為某些問題而導致的網站訪問中斷。

備份完成之後需要做的工作就是將你的站點數據進行全站轉換,這裏面有兩種情況,確保網站已經停用了 「經典編輯器」 和 「經典小工具」 插件:

a 、博客文章內容;可以安裝 「 Convert to Blocks 」 插件然後通過 WP-CLI 來運行批量轉換,這個過程取決於你網站有多少數據,500 篇文章一般可以在 10 分鐘內完成。

b 、企業官網類型;如果是這種情況,並且已經使用了各種頁面生成器插件 Avada 、 Divi 、 elementor 之類的,那麼我的建議維持現狀別折騰,再等等……

4 、完美方案

WordPress 官方今年公佈了一個 Data Liberation 「數據解放」 計劃,也就是可以協助用户通過特定的工具將現有網站的頁面生成器模塊轉換為 WordPress 內置的核心區塊。

但是我感覺還是不要抱太大希望,因為這種情況完全取決於各大主題和插件廠商的數據統一性,並不是説不能轉換,而是這項工程太過於巨大且繁重,即便是轉換了,也不會有太好的效果,好的網站都是需要進行很多細節調整和設計,直接轉換後估計能留下來的也就是一些文字圖片和基本的界面樣式。

最完美的方案只有一個——「重建」,這是唯一可以滿足高標準和自定義需求的方案,改版重建可以解決 99% 的兼容性問題,但是成本也就和新開發一個 WordPress 網站相近。

這也是我為什麼今年為什麼沒有考慮開啓更多新項目的原因,單就是用區塊編輯器來重建 Weixiaoduo.com 就夠忙活大半年了。

5 、商店兼容

並且如果你運營的是 WooCommerce 商店大概率已經體驗到了新版本編輯器和舊訂單系統的割裂感,而且很容易出現結算或者訂單異常的問題,這裏面的原因還是在於 WooCommerce 激進的更新策略。

每週發佈一個新版本,就個人而言我並不喜歡這種方式,因為對於一個成熟穩定的商店來説,定期更新就好了,如果是每個版本都進行更新反而會導致一些未知的 bug 影響到正常業務。

總結

這些轉換操作是總結至我最近幾個月陸陸續續的平台改版工作,為了能夠最大程度的兼容 WordPress 區塊編輯器,我還是選擇了重建,這也會是一個漫長且枯燥的過程,就像是上學抄作業一樣。

現在就是要把十年前自己做的工作再來一遍,原因也是為了更好地迎接下一個十年。猶如前陣子對薇曉朵論壇改版時自己也是一直在感慨:

經典永不過時,做一次可以用十來年還是值得。

文章目錄



發表評論

2 條回覆

發表回覆

您的郵箱地址不會被公開。 必填項已用 * 標註