這個外掛並未在最新的 3 個 WordPress 主要版本上進行測試。開發者可能不再對這個外掛進行維護或提供技術支援,並可能會與更新版本的 WordPress 產生使用上的相容性問題。

BC Responsive Images

外掛說明

BC Responsive Images is a WordPress shortcode plugin to enable editors and developers to automatically generate and manage Responsive Images via the WP Editor and within template files.

Originally created by Burfield’s team of Bath WordPress Designers for internal use, we have subsequently released it as a Plugin with the following features

  • Mobile first – utilizes the excellent jQuery Picture Plugin to serve appropriately sized images only when required.
  • Resizes images on-the-fly – powered by the superb WPThumb Plugin (where available) to avoid the dreaded “Regenerate Thumbnails” issue. Falls-back to WP Core images.
  • Fully featured shortcode [brimg] to allow editors to create Responsive Images within posts.
  • Powerful and customisable template function brimg() for developers to make use of in templates.
  • Simple yet powerful – set default breakpoints in the Plugin settings but still have the power to define your own on a case-by-case basis.

Upgrade Notices

None currently.

螢幕擷圖

  • The Plugin settings menu.

安裝方式

Installation of the Plugin is simple.

  1. Upload the bc-responsive-images directory to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Configure your desired Breakpoints and associated image sizes via the “BC Resposive Images” plugin settings menu item.
  4. Place a call to <?php brimg() ?> in your templates or utilise the [brimg] shortcode to generate your images.

Full usage instructions can be found on the Plugin’s GitHub repository.

常見問題集

Is this a Plug & Play solution for Responsive Images in WordPress

Yes…and no. The Plugin provides an interface to allow both technical and non-technical users to create Responsive Images. It does however assume at least a basic knowledge of best practices for creating mobile-first responsive websites.

You will need to configure default breakpoints using the Plugin’s settings menu.

Can I use my own markup pattern/script for Responsive Images?

Not currently. jQuery Picture is the default script to load the images at various breakpoints and the HTML is processed to match that syntax.

In a (upcoming) future release we will provide hooks and filters to allow developers to provide their own scripts and markup patterns.

I have a build process for scripts and css. Can I include scripts manually

Why yes you can! Simply uncheck the checkbox box in the Plugin settings page to disable script inclusion. Be sure to re-include the script correctly though…

使用者評論

這個外掛目前沒有任何使用者評論。

參與者及開發者

以下人員參與了開源軟體〈BC Responsive Images〉的開發相關工作。

參與者

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

對開發相關資訊感興趣?

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

變更記錄

0.1.0

  • Alpha release.