Enhanced Responsive Images

外掛說明

這個外掛改進了 WordPress 的回應式圖片的實驗性增強功能,目前包含以下改進:

  1. 使用佈景主題的可用版面配置資訊改進 sizes 屬性的精準度。
  2. 這個外掛實作了為延遲載入的圖片新增 sizes="auto" 屬性及屬性值的 HTML 全新規格。如需進一步了解 HTML 規格相關資訊 ,請參考〈為延遲載入的圖片加入自動尺寸〉。

這個外掛可與 Image Prioritizer 外掛進行整合。Image Prioritizer 外掛啟用後,它便會開始依據實際網站訪客了解哪些圖片不在初始檢視區中,並在獲知哪些圖片位於首個檢視區外後,為這些圖片加入 loading=lazy。這個外掛能擴充 Image Prioritizer,並將 sizes=auto 也加入至延遲載入的圖片中。

這個外掛設計成不須進行組態便能執行,因此目前不須進行任何設定,也沒有使用者介面。

安裝方式

自動安裝

  1. 前往 [外掛]→[安裝外掛]
  2. 搜尋「Enhanced Responsive Images」
  3. 安裝並啟用 Enhanced Responsive Images 外掛。

手動安裝

  1. 將外掛安裝套件 ZIP 壓縮檔解壓縮所得的 auto-sizes 資料夾上傳至網站的 /wp-content/plugins/ 目錄中。
  2. 前往 [外掛] 頁面。
  3. 啟用 Enhanced Responsive Images 外掛。

常見問題集

使用者可以在何處提交外掛意見反應?

非常鼓勵也感謝使用者提供意見反應,尤其是這個外掛會是將來 WordPress 核心程式的功能。使用者如果有任何建議或功能要求,可以在 WordPress 效能團隊的 GitHub 存放庫提出。如果對這個外掛有需要疑難排解協助或提出問題之處,請在外掛的技術支援論壇提出。

在何處可以回報安全性程式碼錯誤?

效能團隊及 WordPress 社群對安全性程式碼錯誤一向嚴陣以待,我們非常感謝使用者披露相關發現所付出的心力,並會盡全力解決使用者提出的問題。

如需回報安全性問題,請參考 WordPress HackerOne 計畫。

如何為這個外掛做出貢獻?

非常感謝各位的各種貢獻!請參考核心程式效能團隊手冊以進一步了解參與的方式。

使用者評論

這個外掛目前沒有任何使用者評論。

參與者及開發者

以下人員參與了開源軟體〈Enhanced Responsive Images〉的開發相關工作。

參與者

〈Enhanced Responsive Images〉外掛目前已有 5 個本地化語言版本。 感謝全部譯者為這個外掛做出的貢獻。

將〈Enhanced Responsive Images〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

變更記錄

1.3.0

Enhancements

  • Move Auto Sizes logic from Enhanced Responsive Images to Image Prioritizer. (1476)
  • Update auto sizes logic in Enhanced Responsive Images plugin to no longer load if already in Core. (1547)

1.2.0

Enhancements

  • Harden logic to add auto keyword to sizes attribute to prevent duplicate keyword. (1445)
  • Use more robust HTML Tag Processor for auto sizes injection. (1471)

Bug Fixes

  • Remove sizes attribute when responsive images are disabled. (1399)

1.1.0

Features

  • Initial implementation of improved image sizes algorithm. (1250)

Enhancements

  • Improved image sizes for left/right/center alignment. (1290)
  • Integrate Auto Sizes with Image Prioritizer to ensure correct sizes=auto. (1322)
  • Update Auto-sizes for Lazy-loaded Images plugin name to Enhanced Responsive Images. (1335)
  • Use correct sizes for small images. (1252)

Documentation

  • Update the plugin description for Enhanced Responsive Images. (1339)
  • Update the plugin header description. (1344)

1.0.2

  • Improve overall code quality with stricter static analysis checks. (775)
  • Bump minimum PHP requirement to 7.2. (1130)

1.0.1

  • Add auto-sizes generator tag. (1105)
  • Bump minimum required WP version to 6.4. (1062)
  • Update tested WordPress version to 6.5. (1027)

1.0.0

  • Initial release of the Auto-sizes for Lazy-loaded Images plugin as a standalone plugin. (904)