WordPress 5.5 更新亮點:圖片延遲載入、內建 Sitemap、外掛佈景自動更新、古騰堡編輯器改版

發表於

APP

今天一早起床,打開網站就發現 WordPress 5.5 版本的更新通知。在大略看過官方的更新說明,也備份好網站之後,就直接啟動更新,並開始來把玩看看有什麼樣的新功能。

而這次的更新亮點就如標題。我廢話不多說,直接開始介紹。

第一部份:延遲載入 Lazy Loading

WordPress 5.5 版本預設會在 <img> 圖片元素內加入 loading="lazy" 屬性,是使用瀏覽器原生 Lazy Loading 來加快主要內容的載入速度,可以取代一些依賴 JavaScript 的外掛。這個還不錯,可以少用一個外掛。

但是,這個延遲載入不會套用在 <iframe> 元素

第二部份:新的 Sitemap

從這版的 WordPress 開始內建 Sitemap 功能。只不過這個功能貌似只能在全新的網站中使用,因為我在安裝 Rank Math (一個 SEO 外掛) 之前還可以存取這個原生 Sitemap,但是當安裝好外掛後它就會失效。而且不管是停用、刪除 Rank Math,甚至是從控制台中重新安裝 WordPress 也無法修復它

雖然 Rank Math 會讓內建 Sitemap 自動停用是正常的,但移除後卻無法恢復,這應該是個 BUG。

試試在你的網站網址後加上 /wp-sitemap.xml 來存取新的 Sitemap 吧!

第三部份:內建自動更新

如果你有用過 Jetpack,那這個功能應該很熟悉。你可以在已安裝的外掛管理佈景主題中直接切換是否要啟用自動更新服務。

大家是說啟用後可以提昇網站安全性,能第一時間接收到更新。但如果你有用到一些金流外掛或不能隨便亂升級的東西,就得自己斟酌一下要不要打開這功能。

第四部份:古騰堡編輯器 – 版面配置

在這版古騰堡編輯器新加入了版面配置功能,它有提供幾個按鈕、圖片與文字的排版模型,可以讓新手更快速的排出高品質的畫面

只不過現在很多老玩家都是使用 Elementor 之類外掛來做網頁,所以這個超陽春的更新可能暫時派不上用場,但可以期待它未來的發展。Gutenberg Yes!

第五部份:古騰堡編輯器 – 圖片裁剪

我會把新的圖片裁切功能獨立出來介紹,是因為這操作流程真的不太直觀,第一次碰時可能會不知道如何操控。

這邊我們就以平常的教學方式來說明:

一、點一下圖片區塊,按下裁剪按鈕,進入圖片裁切模式。

二、展開 Aspect Ratio,選擇你要裁切的比例 (Landscape 是橫的、Portrait 是直的)。

三、點擊展開放大鏡的縮放,拖動拉桿來調整欲裁切的大小。最後直接用滑鼠在圖片上拖動調整位置,再按下套用即裁切完畢。

等等,這是 BUG 嗎?

在按下網站更新按鈕前,我發現它顯示的更新目標是 5.5–en_US,只不過更新上去之後它還是會乖乖的切換為 5.5-zh_TW,所以應該是能放心的點下去啦 ……

還有古騰堡編輯器的預覽按鈕被改成選單的設計,雖然要多按一次,但是你可以在這邊選擇預覽的螢幕尺寸了!可惜是在編輯器中的尺寸,不是正式網頁的

最後這個應該真的是 BUG,現在當你按下儲存草稿按鈕時,已開啟的預覽文章分頁變得不會自動更新,你得自己再按下鍵盤 F5 來刷新內容。

你有遇到以上類似的問題嗎?或有找到可行的修復方法嗎?請在留言區告訴大家。