您應該瞭解的WordPress 5.8媒體庫的新特徵

不難想象的是使用者應該在WordPress 5.8媒體上傳介面上享受WebP影象格式支援和複製到剪貼簿按鈕。開發人員有一個新的鉤子來過濾影象輸出格式,並且放棄無限滾動載入,改為點選載入更多。

WordPress 5.8計劃於7月20日釋出,因此這些更改將在不到一週的時間內登陸。如果您想搶先嚐試,可以下載安裝WordPress 5.8 Release Candidate 3並報告任何問題(不建議在正式環境上玩火自焚)。

無限滾動載入替換為Ajax按鈕

 

media-library-load-button

media-library-overlay

媒體庫介面改為“載入更多”按鈕

即將釋出的核心版本將放棄媒體的無限滾動,轉而採用Ajax驅動的“載入更多”按鈕。管理介面和編輯器的媒體每個預設頁面限制為40個媒體專案。

此更改是WordPress可訪問性團隊努力改善終端使用者體驗的一部分。團隊成員和核心貢獻者Andrea Fercia注意到無限滾動的兩個a11y問題。首先是鍵盤使用者不可能或幾乎無法訪問附加到螢幕上的內容。其次,沒有關於螢幕閱讀器無限滾動如何工作的聲音反饋或說明。

他還指出了可用性和效能問題。無限滾動可以打破瀏覽器的歷史,而且沒有JavaScript回退。載入數百個或更多大尺寸影象會增加記憶體佔用。

雖然媒體庫在WordPress 5.8中得到了Ajax處理,但我們應該期待未來其他領域的類似更新,包括:

  • 新增主題螢幕
  • 定製器 > 新增選單項
  • 編輯器 > 連結 > 搜尋

從新增新媒體介面複製URL

copy-clipboard-new-media

新增新媒體介面上的將URL複製到剪貼簿按鈕。

此更改是一項增強功能,它消除了平臺多年來一直困擾它的小而明顯的麻煩。從 WordPress管理中的媒體>新增新檔案介面上傳影象時,如果不點選編輯螢幕,就無法獲取其URL。

WordPress 5.8引入了“將URL複製到剪貼簿”按鈕,該按鈕會在影象上傳後出現。無需離開頁面並跟蹤URL。此更改還使使用者體驗與媒體庫介面和文章編輯器中的媒體保持一致。

WebP影象格式支援

WordPress允許使用新的影象格式。而且,不,它不是SVG(技術上不是影象)。要讓這種情況發生,仍然需要跨越安全障礙。然而,它現在支援WebP,它承諾為使用它的人提供更好的效能。

這種現代影象檔案格式由Google於2010年9月建立,現在全球95%的Web瀏覽器都相容該格式。與更常用的格式相比,它具有明顯的優勢,提供無損和有失真壓縮,與 PNG 相比,尺寸小26%,比可比較的JPEG影象小25-34%。

前1000萬個網站中只有 1.6%(目前為1.8%)使用WebP格式。隨著WordPress現在增加支援,這個百分比在未來幾年可能會上升。

以後,WordPress站長不再需要為網站支援WebP影象格式而煩惱,想想曾經我們為如何實現WordPress網站使用WebP格式圖片,那是一件痛苦的事情。

開發人員:影象編輯器輸出格式鉤子

對於想要將一種mime型別的影象轉換為另一種型別的開發人員,5.8 引入了image_editor_output_format 過濾鉤子。外掛作者可以轉換所有新上傳的影象或僅覆蓋特定格式。

以下示例將JPG影象轉換為新的WebP格式:

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
add_filter( 'image_editor_output_format', function(
$formats ) { $formats['image/jpg'] = 'image/webp';
return $formats;
} );
add_filter( 'image_editor_output_format', function( $formats ) { $formats['image/jpg'] = 'image/webp'; return $formats; } );
add_filter( 'image_editor_output_format', function( 
        $formats ) { $formats['image/jpg'] = 'image/webp'; 

        return $formats; 
} );

輸出格式將在建立時應用於所有影象子尺寸。但是,如果網路伺服器支援它,這僅適用於WebP影象。

評論留言