[WordPress] 外掛分享: SrcSet Responsive Images for WordPress

WordPress 外掛 SrcSet Responsive Images for WordPress 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「SrcSet Responsive Images for WordPress」是 2015-01-13 上架。 目前已經下架不再更新,不建議安裝使用。
  • 目前有 60 個安裝啟用數。
  • 上一次更新是 2016-04-14,距離現在已有 3307 天。超過一年沒更新,安裝要確認版本是否可用。以及後續維護問題!
  • 外掛最低要求 WordPress 3.0 以上版本才可以安裝。
  • 有 4 人給過評分。
  • 還沒有人在論壇上發問,可能目前使用數不多,還沒有什麼大問題。

外掛協作開發者

benmoody | ew_holmes |

外掛標籤

retina | srcset | responsive | srcset attribute | responsive images |

內容簡介

SrcSet 可為 WordPress 提供回應式圖像,讓您可以將 SrcSet 群組指定給 WordPress 內的圖像大小 (例如,中等或大型)。任何使用該圖像大小的文章或頁面中的圖像都將應用 SrcSet 群組的屬性,從而使用 srcset 屬性實現回應式圖像。

為什麼要使用 SrcSet?

大多數現代移動設備都完全支援 srcset 屬性。該屬性的優勢在於,允許開發人員和內容創作者輕鬆為 WordPress 創建回應式圖像,用較小的圖像替換適合設備屏幕大小的大圖像。這有助於減少網站加載時間,減少訪問者需要消耗的帶寬量。

TrueNorth SrcSet Plugin 如何幫助您?

SrcSet responsive images for WordPress 可自動為鈎住或在文章/頁面內的所有圖像生成 srcset 屬性。SrcSet 群組可設定為 WordPress 註冊的任何圖像大小,一旦設定,所有使用該圖像大小 (例如,中等) 的圖像都將在 img 標籤中添加 SrcSet 群組的屬性。無短代碼,實際上也不需要任何編碼!

那我的所有現有文章圖像呢?

SrcSet responsive images for WordPress 配備了重新生成工具,可搜索所有文章和頁面 (包括自定義文章類型),找到使用 SrcSet 群組的大小的所有圖像,並自動為每個圖像添加 srcset 屬性!

在 contrib2dev.com 上验证了 contrib2dev 项目 #d0ba1bfb7d445e852945ceaf0492e4ff, 支持此項目。

原文外掛簡介

SrcSet responsive images for WordPress allows you to assign a SrcSet group to an image size within WordPress (e.g. medium or large). Any image within a post or page using that image size will have the SrcSet group’s attribute applied to it resulting in responsive images using the srcset attribute.

Why use SrcSet?
The srcset attribute is fully supported by most modern mobile devices. Where the attribute shines is allowing developers and content creators to eaily create responsive images for WordPress, swapping out large images for smaller ones more suitable to the size of the devices screen. This allows for less overhead when loading a website, improving load times, and reducing the amount of bandwidth visitors have to consume to view the site.
How does TrueNorth SrcSet Plugin Help?
SrcSet responsive images for WordPress automates the generation of the srcset attribute for all images attached to or within a post/page’s content. SrcSet groups can be setup for any image size registered with WordPress and once setup all images using that image size (e.g. ‘medium’) will have that SrcSet group’s attribute added to the img tag. No short codes, in fact no coding required at all!
What about all my existing post images?
SrcSet responsive images for WordPress comes with a Regeneration tool which will search all your posts and pages (including custom post types) find any images using sizes which have SrcSet groups and automatically add the srcset attribute to each one!
Verified contrib2dev project #d0ba1bfb7d445e852945ceaf0492e4ff. Support this project on contrib2dev.com.

各版本下載點

  • 方法一:點下方版本號的連結下載 ZIP 檔案後,登入網站後台左側選單「外掛」的「安裝外掛」,然後選擇上方的「上傳外掛」,把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二:透過「安裝外掛」的畫面右方搜尋功能,搜尋外掛名稱「SrcSet Responsive Images for WordPress」來進行安裝。

(建議使用方法二,確保安裝的版本符合當前運作的 WordPress 環境。


v1.0 | v1.1 | v1.2 | v1.3 | v1.4 |

延伸相關外掛(你可能也想知道)

  • RICG Responsive Images 》這個 WordPress 外掛可以自動提供預設的響應式圖片。, 此外掛會在上傳每個圖片時包含所有可用的圖片尺寸。每當 WordPress 透過媒體上傳器輸出圖片或是產生特...。
  • Disable Responsive Images Complete 》這個外掛程式完全停用了 WordPress 4.4 版本中引入的 WP 響應式圖片功能。它適用於那些知道自己在做什麼,並想使用自己的響應式圖片技術的使用者。, 功能:, ,...。
  • Responsify WP 》Responsify WP 是關心響應式圖片的 WordPress 外掛程式。, 功能, , 使用帶有 srcset/sizes 屬性的 img 標籤。, ... 或者是 picture 元素。, 支援使用或不使用...。
  • Disable Responsive Images 》禁用於 4.4 版本引入的響應式圖片。此外掛只是一個臨時解決方案,用於解決與某些外掛和主題發生的衝突。響應式圖片是推動網路前進的重要元素。, 此解決方案的...。
  • Force HTTPS srcset 》「Responsive Image」自WordPress 4.4開始使用,但當您從「https」訪問時,它的URL有時會是「http」而非「https」。, 本外掛會強制使用「https」的srcset,當...。
  • Mobile Featured Image 》輕鬆顯示文章和頁面的行動裝置特色圖片!, 如今,高達70%的網站流量來自行動裝置。有時WordPress並未完全按最佳方式調整特色圖片大小。使用此外掛,避免此問題...。
  • Post Script Responsive Images 》簡而言之,這個外掛程式修改了 "the_content()" 和文章縮略圖功能,通過重新渲染圖片並使用SRCSET屬性,實現在內容區域本身進行圖片自適應調整大小。其他外掛...。
  • Embed Pro Flickr 》總結:Embed Pro Flickr 是一個 WordPress 外掛,設計用來協助使用者在網站中嵌入 Flickr 圖片時進行客製化設定,尤其是使用新版 WordPress 編輯器 (Gutenber...。
  • Make it Srcset 》此外掛提供 shortcode 和範本標籤功能,可透過附件 ID 取得 srcset 圖片。這是用來補充 WordPress 內建的 srcset,後者當然只能針對 the_content 圖片和設定...。
  • Simages 》這是一個簡單的WordPress外掛,可管理你的WordPress圖像的響應式圖像規範。預設會為所有圖像尺寸添加2倍視網膜支援。此外它還會添加scottjehl的Picturefill作...。
  • WP Srcset 》最近 Chrome 和 Firefox 釋出了新的 srcset 屬性,這是在網站上輕鬆實現 retina ready 圖片的最簡單方法。, 本外掛會自動在您的圖片上添加 srcset 屬性,如果...。

文章
Filter
Apply Filters
Mastodon