このプラグインは WordPress の最新3回のメジャーリリースに対してテストされていません。もうメンテナンスやサポートがされていないかもしれず、最新バージョンの 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.

FAQ

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.