[WordPress] 外掛分享: Responsive Image Widget

首頁外掛目錄 › Responsive Image Widget
WordPress 外掛 Responsive Image Widget 的封面圖片
500+
安裝啟用
★★★★
4.2/5 分(5 則評價)
4622 天前
最後更新
問題解決
WordPress 3.0.1+ v1.4 上架:2013-07-08

內容簡介

這是一個非常簡單的小工具,它可以在小工具區域中顯示一個單獨的響應式、比例合適的圖像。它旨在使非技術用戶更容易地將(比例很重要的)圖像添加到側邊欄區域,而不是使用文本小工具將圖像插入側邊欄(對許多不熟悉調整/裁剪圖像的用戶來說是一個問題)。

其中一個關鍵功能是它允許動態比例調整,因此用戶可以在 WordPress 內輕鬆更改圖像的比例,而不需要在編輯器中調整圖像大小(對於許多沒有經驗調整/裁剪圖像的用戶來說是一個問題)。基本上,它為圖像創建一個框架,而不是直接添加圖像,並且可以在添加圖像之前設置框架大小,就像在 Adobe inDesign 中可以佈局框架,然後插入圖片。

它需要一個標題、圖像 URL、比例和目標連結 URL。它輸出一個比例合適的 div,以圖像設置為背景。使用 CSS 的 background-size 和 background-position 屬性,圖像始終填滿整個空間,保持居中。

注意:圖像始終填滿其容器的寬度。如果小工具/小工具區域非常大,圖像將顯示為大圖像。

外掛標籤

開發者團隊

⬇ 下載最新版 (v1.4) 或搜尋安裝

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「Responsive Image Widget」→ 直接安裝(推薦)
📦 歷史版本下載

原文外掛簡介

A very simple widget that displays a single responsive, rationally proportional image in a widget area. Intended to make adding images (whose proportions are important) to sidebar areas easier for non-technical users who would have trouble using the text widget to insert images into the sidebar.
One of its key features is the fact that it allows proportional adjustment on the fly, so the user can easily change the proportion of the image inside of WordPress, instead of needing to resize the image in an editor (a problem for many users who do not have a lot of experience resizing/cropping images.) Basically, it creates a frame for an image rather than adding an image directly, and the frame size can be set before the image is added, much like in Adobe inDesign, where frames can be laid out and then have pictures inserted into them.
It takes a title, image URL, ratio and target link URL. It outputs a rationally proportional div with the image set as a background. Using the CSS background-size and background-position properties, the image always fills the whole space and remains centered.
Note: the image always fills the width of its container. If the widget/widget area where the image is placed is large, the image will appear large.

延伸相關外掛

文章
Filter
Apply Filters
Mastodon