wordpress網站維護教程：升級wordpress6.1后古騰堡編輯器樣式出錯的解決方法

繼續分享wordpress網站維護教程。之前有很多用戶的網站都升級到了wordpress 6.1或6.1.1，大多數用戶升級之后是感覺不到什么變化的，對網站使用也沒有什么影響。但是有一部分用戶在升級到wordpress 6.1以上之后網站古騰堡編輯器樣式出現了問題。

這個問題悅然wordpress建站自己的網站也遇到了，如上圖所示。當我在使用古騰堡編輯器編輯內容時，模塊的工具欄出現了錯位，顯示的位置跑到頂部了，所有設置都試過了，但就是無法解決這樣問題。好在經過一段時間的折騰總算是找到的原因并解決了，下面分享處理步驟。

步驟一：清空網站緩存

如果你的網站使用了緩存插件，請先在網站后臺清空全部緩存。

大多數網站其實都不需要清空緩存，本身就沒有問題的，所以這一步可能是可有可無了。

步驟二：清空CND緩存

個人感覺影響古騰堡編輯器樣式最大的因素還是CDN緩存，因為好幾個遇到此類問題的用戶都使用了CDN加速服務，比如悅然wordpress建站的網站，我使用的是阿里云的CDN，而CDN也有緩存。

就以阿里云CDN為例，進入CDN控制臺，網頁版或阿里云APP都可以操作，以目錄形式刷新，輸入網址然后提交就可以了。刷新瀏覽器，再進進入wordpress后臺編輯內容時，古騰堡編輯器的樣式就沒有問題了。

注意：以上僅僅是個人遇到的情況，如果你的網站在更新了wordpress 6.1以上版本后也遇到了類似的問題，那就可以參考上面的方法試試，不過不一定有效。還需要具體問題具體分析。