[WordPress] 外掛分享： Make it Srcset

前言介紹

  • 這款 WordPress 外掛「Make it Srcset」是 2016-04-07 上架。
  • 目前有 10 個安裝啟用數。
  • 上一次更新是 2017-05-10，距離現在已有 2916 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
  • 外掛最低要求 WordPress 4.4.0 以上版本才可以安裝。
  • 尚未有人給過這款外掛評分。
  • 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。

外掛協作開發者

samuelbrynolf |

外掛標籤

srcset |

內容簡介

此外掛提供 shortcode 和範本標籤功能，可透過附件 ID 取得 srcset 圖片。這是用來補充 WordPress 內建的 srcset，後者當然只能針對 the_content 圖片和設定中設定的媒體尺寸進行調整。有時您的設計需要更多，或者您正在使用其他方式放置圖片，而不使用 the_thumbnail 或 the_content。例如，我經常使用進階自訂欄位來根據 ID 抓取圖片。

生成的標記依據一組自訂圖片尺寸和由您設定的 (srcset-)sizes 屬性構建。使用設定頁面設定預設值，並隨時在 shortcode 或範本標籤中覆寫這些值。

選項：透過媒體上傳按鈕生成 shortcode
選項：啟用簡單的燈箱功能
選項：啟用怠惰加載。選項：包括 Picturefill

完整文檔請見 WordPress 外掛：Make it Srcset

原文外掛簡介

Enables shortcode and a template tag to pull srcset-images by attachment-ID. This is way to complement WordPress built in srcset which (of course) focus on the_content images and media-sizes set in settings. Sometimes your layout demands more, or you are using other ways to put images on your site not using the_thumbnail or the_content. For example, I use Advanced Custom Fields a lot pulling images by ID.
Generated markup are built from a set of custom image-sizes and the, by you configured, (srcset-)sizes attribute. Use the settings-page for default values and override them any time in the shortcode or template tag.

Option: Generate shortcodes by the mediauploader-button.
Option: Enable simple lightbox functionality.
Option: Enable lazhyloading. Option: Include Picturefill

Full documentation at WordPress plugin: Make it Srcset

各版本下載點

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

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

4.5 | trunk |

延伸相關外掛（你可能也想知道）

  • 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，當...。
  • SrcSet Responsive Images for WordPress 》SrcSet 可為 WordPress 提供回應式圖像，讓您可以將 SrcSet 群組指定給 WordPress 內的圖像大小 (例如，中等或大型)。任何使用該圖像大小的文章或頁面中的圖...。
  • Mobile Featured Image 》輕鬆顯示文章和頁面的行動裝置特色圖片!, 如今，高達70%的網站流量來自行動裝置。有時WordPress並未完全按最佳方式調整特色圖片大小。使用此外掛，避免此問題...。
  • Post Script Responsive Images 》簡而言之，這個外掛程式修改了 "the_content()" 和文章縮略圖功能，通過重新渲染圖片並使用SRCSET屬性，實現在內容區域本身進行圖片自適應調整大小。其他外掛...。
  • Embed Pro Flickr 》總結：Embed Pro Flickr 是一個 WordPress 外掛，設計用來協助使用者在網站中嵌入 Flickr 圖片時進行客製化設定，尤其是使用新版 WordPress 編輯器 (Gutenber...。
  • Simages 》這是一個簡單的WordPress外掛，可管理你的WordPress圖像的響應式圖像規範。預設會為所有圖像尺寸添加2倍視網膜支援。此外它還會添加scottjehl的Picturefill作...。
  • WP Srcset 》最近 Chrome 和 Firefox 釋出了新的 srcset 屬性，這是在網站上輕鬆實現 retina ready 圖片的最簡單方法。, 本外掛會自動在您的圖片上添加 srcset 屬性，如果...。

文章
Filter
Mastodon