Advanced WordPress Backgrounds

Description

AWB let you to use parallax backgrounds with images, videos, youtube and vimeo. There is available visual shortcode editor and support for Visual Composer page builder.

See Online Demo here – https://demo.nkdev.info/#awb

Features

  • Background Types:
    • Color
    • Image
    • Pattern images
    • Local Video
    • Youtube / Vimeo Video
  • Parallax options powered by high performance JavaScript plugin Jarallax
    • Custom speed option
    • Enable / Disable for mobile devices option
    • Scroll effect
    • Opacity effect
    • Scale effect
    • Scroll + Opacity effect
    • Scroll + Scale effect
  • Mouse Parallax
  • Custom video start & end time
  • srcset supported (i.e. Google love it)
  • Overlay color with transparency options
  • Stretch option. Will be useful on boxed websites.
  • Visual shortcode maker. You can create shortcode using visual builder
  • Visual Composer supported (extended row and col options + separate shortcode)
  • Custom CSS offsets (paddings + margins)

Real Examples

Khaki – Multipurpose Theme

Screenshots

  • Insert shortcode in default editor
  • Shortcode maker p.1
  • Shortcode maker p.2
  • Shortcode maker video
  • Shortcode maker styles tab
  • Extended Visual Composer ROW options

Installation

Automatic installation

Automatic installation is the easiest option as WordPress handles the file transfers itself and you don’t need to leave your web browser. To do an automatic install of AWB, log in to your WordPress dashboard, navigate to the Plugins menu and click Add New.

In the search field type AWB and click Search Plugins. Once you’ve found our plugin you can view details about it such as the point release, rating and description. Most importantly of course, you can install it by simply clicking “Install Now”.

Manual installation

The manual installation method involves downloading our AWB plugin and uploading it to your webserver via your favourite FTP application. The WordPress codex contains instructions on how to do this here.

FAQ

Installation Instructions

Automatic installation

Automatic installation is the easiest option as WordPress handles the file transfers itself and you don’t need to leave your web browser. To do an automatic install of AWB, log in to your WordPress dashboard, navigate to the Plugins menu and click Add New.

In the search field type AWB and click Search Plugins. Once you’ve found our plugin you can view details about it such as the point release, rating and description. Most importantly of course, you can install it by simply clicking “Install Now”.

Manual installation

The manual installation method involves downloading our AWB plugin and uploading it to your webserver via your favourite FTP application. The WordPress codex contains instructions on how to do this here.

Reviews

Love it !!!

I am playing with this plugin for about 30 minutes, and I absolutely love it.

However, and I tested this with Youtube videos, when the video is not stretched, the only way to make it occupy 100% of the page width, parallax scrolling must be enabled. If not enabled, the video size is around 500-600px.

When the video is stretched, this plugin has the ability to break through the sheet divs and display the video screen wide, so it’s really good.

Having padding and margin parameters makes life much easier too!

One suggestion to make this even more amazing, is to add volume control.

——————————-

Update – 11/13/1017: As promised, they added volume control which makes this plugin that much better. I wish I could give it 20 stars!

Read all 4 reviews

Contributors & Developers

“Advanced WordPress Backgrounds” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.3.2

  • updated Jarallax to 1.9.1

1.3.1

  • fixed parallax resize inside stretched Visual Composer row

1.3.0

  • added video volume option
  • added video always play option
  • added background image size option (support for pattern backgrounds)
  • added background image position option
  • changed background image to tag with srcset support
  • changed scripts enqueue to registration first (prevent some themes to override scripts)
  • updated jarallax plugin
  • updated wp-color-picker-alpha plugin to support WordPress 4.9

1.2.4

  • improved mouse parallax (removed GSAP, now this is pure CSS animation)

1.2.3

  • fixed url escaping in style attribute

1.2.1

  • fixed stretch columns in some situations
  • prevent stretch column when row is stretched

1.2.0

  • added support for Visual Composer column background
  • added icons with images and overlay in Visual Composer backend view
  • small fix for stretch option

1.1.1

  • added Mouse Parallax support with GSAP
  • added support to wrap selected content in default MCE shortcode
  • fix for safari image z position

1.0.1

  • fixed Vimeo videos autoplay
  • fixed video iframe – reset some styles like max-width
  • fixed parallax for speed > 1 (wrong calculation)
  • fixed local video mute and loop
  • fixed showing Local videos if image is not set
  • fixed video set aspect ratio (in some situations added black lines)

1.0.0

  • Initial Release