Jellyfish Backdrop

This plugin for WordPress will allow you to have a full screen image backgrounds and background slideshows that adapt to the size of your browser window.

You can either use it as a global background that will be displayed on all pages and posts of your WordPress website or you can give individual posts or pages their own specific background – great for giving parts of a website a whole different look.

Creating a high impact background slideshow is as easy as selecting several images from the media browser and assigning them to a post or page with the new easy to use Backdrop Slideshow panel on the post and page edit pages.

Need a more traditional slideshow? No problem, you can now make a Jellyfish Backdrop image or slideshow appear within any page element, not just the body background.

Demo

The plugin is changing the background on this page (look above and below this content area), it’s also adding different backgrounds to various sections of StrawberryJellyfish.com.

Not after a backdrop? Here’s a demo of the plugin targeting a specific area of the page: Jellyfish Backdrop container demo

Installation

Either install and activate the plugin via your WordPress Admin

Or

Extract the zip file and just drop the contents in the wp-content/plugins/ directory of your WordPress installation and then activate the Plugin from Plugins page.

After the plugin is activated you’ll find a new Backdrop Slideshow settings page under the Settings menu of your WordPress admin. Here you can configure the global options.

 

Usage

After activating the plugin you’ll find a new Backdrop Slidshow page in the settings menu. On the settings page you can set the default options:

 

screenshot2Default Background Image

Use the button to upload a new image or to select an image from your WordPress Media library. This image will override any theme background and appear on every page of your website. You can enable or disable the default background using the checkbox.

 

Enable Page & Post Type Slideshows

Just check the appropriate boxes to enable backdrop slideshows wherever you need them on pages, posts or any custom post types your blog uses. The slideshow admin panels will only appear on edit screens of the type you select here that you have selected.

 

Slide Duration

Set the default length of time in seconds that an image is displayed for in slideshow mode.

 

Fade Speed

The length of the crossfade transition between images (in seconds) set to 0 to disable the crossfade.

 

HTML Container id/class

If you want to display images or a slideshow somewhere other than on the page background you can provide the id or class of another page element here. Jellyfish Backdrop will apply the images as a background to the element you specify and they will scale to fit this element.

 

Adding post and page backdrops and slideshows

Jellyfish Backdrop post editor box

Jellyfish Backdrop post editor box

When the plugin is activated you’ll find a this new panel on post and page edit screens. It allows you to easily build a post specific background (or slideshow if you choose multiple images).

You can also adjust the slide duration and fade speed for this specific post.

Use the Add button to add a new image, like on the main settings page you can either upload a new image or use the Media Library to choose a previously uploaded image. Add as many image tiles as you like using the Add button, if you want to remove one just click on the X. You can also reorder the images by dragging them by the order icon in the bottom right of the image panels.

Once you have added your image or images, remember to save the post as usual, changes to the Backdrop Slideshow will not take effect until the post is saved.

 

Download

Jellyfish Backdrop is available for download through the WordPress plugin repository, or alternatively search for it by name and install directly on your WordPress plugin admin page.

 

History

0.6.5
  • Added custom post type support
0.6.1
  • Minor Bugfix: Slider inputs now save correctly
0.6
  • First release via WordPress.org
  • Easy to use admin panel on post / page editor to create slideshows
  • Now uploads and add images through the WordPress Medial Library
  • Refactored the whole plugin into classes.
0.5
  • Added container element option
  • Code cleanups
  • Tested up to WordPress 4.0
0.4
  • changed JavaScript enqueue so it ONLY shows up when required
  • updated to latest jQuery.backstretch.min.js – v2.0.4
0.3
  • fixed incorrectly queued JavaScript. Changed form input validation method and reworked check box handling to clean up some undefined index warnings
0.2
    Initial Release.