This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

Download

BC Responsive Images

By David Smith and Neil Berry - Burfield Creative

Description

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.

Screenshots

  • The Plugin settings menu.

Installation

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…

Reviews

There are no reviews for this plugin.

Contributors & Developers

“BC Responsive Images” is open source software. The following people have contributed to this plugin.

Contributors

Translate “BC Responsive Images” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

0.1.0

  • Alpha release.

Meta

Ratings

See all
Log in to submit a review.

Support

Got something to say? Need help?

View support forum

Donate

Would you like to support the advancement of this plugin?

Donate to this plugin