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〉外掛目前已有 10 個本地化語言版本。 感謝全部譯者為這個外掛做出的貢獻。

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

對開發相關資訊感興趣?

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

變更記錄

1.4.0

Features

  • Accurate Sizes: Incorporate layout constraints in image sizes calculations. (1738)

Enhancements

  • Accurate sizes: Pass parent alignment context to images. (1701)
  • Accurate sizes: Reorganize file structure by feature. (1699)
  • Accurate sizes: Support relative alignment widths. (1737)
  • Remove auto_sizes_get_layout_settings(). (1743)

Bug Fixes

  • Accurate sizes: Disable layout calculations for classic themes. (1744)

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)