前言介紹
- 這款 WordPress 外掛「Dominant Colors Lazy Loading」是 2016-04-04 上架。
- 目前有 100 個安裝啟用數。
- 上一次更新是 2018-12-13，距離現在已有 2334 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
- 外掛最低要求 WordPress 4.4 以上版本才可以安裝。
- 有 2 人給過評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
外掛標籤
images | Pinterest | javascript | Lazy Loading | dominant colors |
內容簡介
這個外掛允許您在執行圖片懶加載時，將每個圖片的主要顏色作為預留區塊顯示，就像 Pinterest 或 Google Images。它還允許您使用微小縮略圖作為占位符。如果您想知道它的工作方式，請閱讀文章「Dominant Colors for Lazy-Loading Images」，其中我解釋了一般概念。
為了確保插件的質量，如果您遇到任何問題，請讓我知道。我會迅速回覆並盡快解決問題！
功能
該插件在上傳時計算圖像的主色彩。
所有附加到文章和頁面上的圖像都會自動替換為占位符，當它們進入視口時立即加載，以節省帶寬。
通過默認的 短代碼添加的圖庫也會被替換並在它們出現在視窗口時加載。
可以在模板和主題中使用用於懶加載縮略圖或特色圖像的自定義篩檢器 (apply_filters（'dominant_colors'，$image，$id）)。
插件設置中可以計算現有附件的主色彩。
已經通過了數千個圖像的測試。
在計算完成之前，您可以為您的預留區塊指定後備顏色。
在計算期間，所有無法處理的文件都會在媒體庫中連結到特定的附件並列出。
您可以選擇GIF或SVG占位符。
SVG 占位符與原始圖像具有相同的像素大小和長寬比，而不是單一正方形像素。這樣，響應式圖像不需要包裹器來保留原始長寬比。
GIF 占位符很小，與浏覽器兼容良好。它們還允許您使用在manu.ninja上描述的微小縮略圖來處理圖像。
您可以將微小縮略圖的分辨率設定為 3×3 像素（120 字節）、4×4 像素（128 字節）或 5×5 像素（204 字節）。
插件與RICG Responsive Images兼容，這已經成為WordPress 4.4的默認功能。
演示
您可以在http://www.karriere.at/blog/上實時查看此插件。
原文外掛簡介
This plugin allows you to lazy load your images while showing the dominant color of each image as a placeholder – like Pinterest or Google Images. It also enables you to use tiny thumbnails as placeholders. If you want to know how it works read the article Dominant Colors for Lazy-Loading Images, where I explain the general concept.
To ensure the quality of the plugin please let me know if you encounter any issues. I will reply swiftly and fix them as soon as possible!
Features
The plugin calculates the dominant color of an image upon upload.
All images attached to posts and pages are automatically replaced with placeholders and load as soon as they enter the viewport to save bandwidth.
Galleries added via the default shortcode are also replaced and loaded as soon as they appear in the viewport.
A custom filter for lazy-loading thumbnails or featured images can be used in templates and themes (apply_filters( 'dominant_colors', $image, $id )).
Dominant colors can be calculated for all existing attachments in the plugin settings.
This has already been tested with thousands of images.
Until the calculation is done you can specify a fallback color for your placeholders.
All files that can’t be processed are listed during calculation and link to the particular attachment in the media library.
You can choose between GIF and SVG placeholders.
SVG placeholders have the same pixel size and aspect ratio as the original images, instead of being a single square pixel. This way responsive images do not need a wrapper for preserving the original aspect ratio.
GIF placeholders are small and have great browser compatibility. They also enable you to use tiny thumbnails as described on manu.ninja for your images.
You can set the resolution of tiny thumbnails to 3×3 pixels (120 bytes), 4×4 pixels (128 bytes) or 5×5 pixels (204 bytes).
The plugin is compatible with RICG Responsive Images, which has been added to WordPress 4.4 as default functionality.
Demo
You can see the plugin live at http://www.karriere.at/blog/.
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Dominant Colors Lazy Loading」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
0.2.0 | 0.2.1 | 0.2.2 | 0.3.0 | 0.5.0 | 0.5.1 | 0.5.2 | 0.5.3 | 0.5.4 | 0.5.5 | 0.5.6 | 0.5.7 | 0.6.0 | 0.6.1 | 0.6.2 | 0.6.3 | 0.7.0 | 0.8.0 | trunk |
延伸相關外掛（你可能也想知道）
Autoptimize 》Autoptimize 能夠輕鬆優化您的網站。它可以整合、縮小和快取腳本和樣式表，在默認情況下向頁面 head 中注入 CSS，但也可以內嵌關鍵 CSS 並延遲整合的完整 CSS...。
WebP Express 》ch means less bandwidth usage and faster page load times., Easy to use - with little effort, WordPress site admins can have their site serving auto...。
Recent Posts Widget With Thumbnails 》列出最新的文章標題、縮略圖、摘要、作者、類別、日期等等！, 雖然此外掛僅建立在小工具區域，但使用者報告說它在 Elementor 和 Oxygen 上運作順暢。但它是否...。
Modern Image Formats 》外掛介紹：此外掛可在 WordPress 應用程式中增加 WebP 支援，但僅針對新上傳的影像檔案轉換成 WebP 格式，現有檔案不會轉換。預設情況下，WebP 只會針對 JPEG...。
Responsive Lightbox & Gallery 》提供完整的 WordPress 相簿外掛所需一切, Responsive Lightbox and Gallery 外掛是一個全功能的 WordPress 相簿外掛，擁有強大的拖放相簿生成器和 Lightbox ...。
Lightbox & Modal Popup WordPress Plugin – FooBox 》FooBox是第一個嚴肅考慮響應式佈局的燈箱。它不僅會將圖片縮放以在手機上呈現更好的效果，還會重新排列按鈕控制，使其在縱向或橫向的方向上都展現出色的外觀...。
Media Cleaner: Clean your WordPress! 》Media Cleaner 是一個強大的外掛，它可以幫助你清理 WordPress 媒體庫中未使用的媒體條目和文件，以及修復損壞的條目。內置回收站功能讓你可以在永久刪除之前...。
Media Library Assistant 》媒體庫助手提供多個增強功能，方便管理媒體庫，其中包括：, , , , [mla_gallery] 短碼，在文章、頁面或自訂文章類型中使用，添加圖片和/或其他媒體庫項目（...。
Image Placeholders 》總結:, 這個外掛可以在WordPress的媒體庫中確定並儲存新上傳圖片的主要顏色，並且利用它在前端建立一個相應顏色的佔位背景，在圖片加載之前可見。, , 問題與...。
Image Watermark 》Image Watermark 外掛能讓您自動給 WordPress 媒體庫上傳的圖片打上浮水印，也可大量添加浮水印到之前上傳的圖片之中。, 欲進一步瞭解，請前往dFactory的外掛...。
FancyBox for WordPress 》本外掛能讓FancyBox輕鬆整合到您的部落格：上傳，啟用，完成。您也能選擇進行更多的設置。, 您幾乎可以對Fancybox lightbox的所有屬性進行自定義：邊框、邊緣...。
Crop-Thumbnails 》此外掛提供調整裁切圖像的裁切區域功能。它會在編輯頁面和媒體對話框中添加按鈕，以便進入裁剪編輯器。, 在裁剪編輯器中，您可以選擇一個或多個（如果它們具...。
Clean Image Filenames 》這個外掛可以在您上傳至媒體庫時自動將檔名中的語言重音符號轉換。轉換後的字符將會變成網頁和伺服器友好、無語言重音的字元。, 功能, , 將瑞典語、丹麥語、...。
Enhanced Responsive Images 》這個外掛程式實現了將 sizes="auto" 加入到懶加載圖片的 HTML 規格。, 相關背景資訊請參考：https://github.com/whatwg/html/issues/4654。, , 問...。
Optimus – WordPress Image Optimizer 》WordPress圖片優化器, Optimus可自動降低已上傳媒體檔案的檔案大小。根據圖片和格式，可以減少高達70%的大小。每張圖片可以節省數千位元組，這些節省可以對博...。