WP-Backgrounds II Plugin by InoPlugs – Add fullscreen videos & images to your WordPress website

ATTENTION: This demo page is still under construction and it doesn’t demonstrate/show all features yet.

Around two years ago we released a wordpress background plugin called WP-Backgrounds. We received many feedbacks and we eventually decided to release a completely rewritten version of WP-Backgrounds with a lot more features.

1) Feature overview:

  • Add fullscreen background images slideshows, html5 video slideshows and youtube video backgrounds/slideshows to your posts, pages & custom post types.
  • All background types (except the Supersized backgrouns slider) have a fluid layout and they scale with the screen size. They are fully responsive and can be used in combination with modern responsive wordpress themes.
  • You can a different background for each post, page and custom post type.
  • Set background images/videos for categories and taxonomies/terms.
  • Apply a category, term/taxonomy background to post, page and custom post types.
  • Set background images for the home, front, search, author, 404, archive, login page and a fallback background option.
  • Each author can use/set an individual background on the author page.
  • Backgrounds are stored as custom post type and you can reuse them as often as you like.
  • Set as many images/videos as you like – they’ll be displayed as a background slideshow.
  • Compatible with all modern browsers like IE7, IE8, IE9, Firefox, Opera, Safari, Chrome and other modern browsers.
  • Can be used with nearly every theme – premium and free ones. For the most themes it works out of the box (i.e. for TwentyTen or boxed themes). We can assist you with css changes if the are required. Some z-index, container and background color options help you to adjust the background layer and color via admin panel.
  • Fully translatable – the plugin uses PO/MO files for the translation. German translation already included, more to come.

2) Background Types:

  1. Supersized for fullscreen images and slideshows
  2. HTML5 image slider for responsive fullscreen images
  3. Youtube/HTML5 video background – use your favorite youtube videos or html5 videos as fullscreen background
  4. CSS-Background – add standard css background rules (image, color, etc.) to your post, page, custom post type.
  5. KenBurns and other effects background slider (responsive fullscreen images and slideshows).

3) Additional features:

  • Use special backgrounds for mobile devices (we use the browser agent to detect the device). Thus if a mobile device is detected WP-Backgrounds II can use another custom background entry. This option is very useful if you’d like to avoid that mobile users need to download html5 video files, etc.
  • Add a pattern image to each background. You can use the predefined patterns or a custom ones.
  • Add a link to each background slide – background is clickable and can be used for i.e. adverts. Attention: This feature does not work with all themes! You probably need to use a theme with a boxed layout where the content area doesn’t cover the whole background.
  • If the theme doesn’t support fullsize links you can display a small link icon anywhere on the website instead.

4) Media uploader:

  • You can use the unique image uploader to upload/add your background images/videos or you can enter the urls to external images/videos into a text field. You can even combine both options.
  • The image uploader can also attach existing images from the media gallery or you can upload new files.
  • You can reorder the slides via drag’n’drop.

5) Supersized options:

  • Various transition types like fade, slide or carousel or turn the transition effect off.
  • Set the transition speed (slow, fast or custom)
  • Adjust display time as you like (i.e. every slide can display for 5 seconds, 10 seconds, etc.)
  • Randomize slides
  • Vertical & horizontal image centering
  • Fit portrait and landscape images
  • Fit always – Prevents the image from ever being cropped. Ignores minimum width and height.
  • Min and max image height feature
  • Adjust slideshow settings individually for each post/page.
  • Slideshow navigation with previous, next and play/pause slideshow buttons.
  • Fullsize links or link icon in the slideshow navigation bar. Fullsize links won’t work with all themes.
  • Set link target (new window/same window)
  • IPhone fallback feature if you experience any errors
  • You can adjust the slideshow settings for each background entry individually.

6) HTML5 Image slider options:

  • Activate slideshow autoplay (on/off)
  • Randomize slides
  • Adjust display time as you like (i.e. every slide can display for 5 seconds, 10 seconds, etc.)
  • Slideshow navigation with previous, next and play/pause slideshow buttons.
  • Fullsize links or link icon in the slideshow navigation bar. Fullsize links won’t work with all themes.
  • Set link target (new window/same window)
  • You can adjust the slideshow settings for each background entry individually.

7) Youtube/HTML5 slider options:

  • Randomize slides
  • Add one or more videos to each background entry
  • Mute/unmute audio
  • Play/Pause buttons for the videos.
  • Fullsize links or link icon in the slideshow navigation bar. Fullsize links won’t work with all themes.
  • Set link target (new window/same window)

8) KenBurns slider options:

  • Randomize slides
  • Add unlimited number of images – they’ll be displayed as fullscreen slideshow
  • Play/Pause slideshow + next/previous image navigation.
  • Fullsize links or link icon in the slideshow navigation bar. Fullsize links won’t work with all themes.
  • Change the resize mode (crop image/no cropping).
  • Set link target (new window/same window).
  • You can configure the kenburns effect for each slide (duration, start/end point and scale factor).
  • Additional effects (beside the KenBurns effect). I.e. the split reveal effect: Demo. You can configure the easing effect, slide and transition duration, etc.

9) Fallback image for Non-JS users:

  • Adds a noscript image to the website content which will be shown if the user deactivated Javascript in the browser settings.
  • Standard fallback or css3 background fallback feature.
  • Use another background entry as fallback source.

10) Custom Login page and panel:

  • Remove wordpress branding.
  • Use your own logo and adjust dimensions via option panel.
  • Add custom logo url and link title to logo.
  • Custom login form look – modern and clean.
  • Add a footer link to the login page.
  • Use fullscreen background images or videos.

11) Custom post type and term/taxonomy support

 

12) Pattern & background options

  • Set pattern and a background color for your background via options panel.
  • Various pattern image files included.
  • You can upload your own pattern via admin panel.

 

13) Sleek and modern javascript admin panel

  • Unique image uploader
  • Tab & accordion admin option panel
  • Ajax option saver
  • Reset options feature
  • No database leftover after deinstallation
  • Help fields which guide you through all options

 

14) Extensive documentation file

 

15) Great and quick support

We’ll try our best to assist you with any kind of issues which may arise during or after the plugin installation. We’ll update the plugin regularly to make it compatible with new WordPress and jQuery versions.


More about WP-Backgrounds II can be found here: WP-Backgrounds II Project Page.