Advanced WordPress Backgrounds

Description

AWB let you to use parallax backgrounds with images, videos, youtube and vimeo. Gutenberg and Visual Composer support.

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

Features

  • Background Types:
    • Color
    • Image
    • Pattern images
    • Local Hosted 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
  • Gutenberg supported
  • Visual Composer supported (extended row and col options + separate shortcode)
  • Custom CSS offsets (paddings + margins)

Real Examples

Khaki – Multipurpose Theme

Screenshots

  • Gutenberg blocks
  • Background color
  • Background image
  • Background video
  • Background parallax and Mouse parallax
  • 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

This plugin is AWESOME!!

Parallax has been my fav go to site flavor for 4 years (Adobe Muse was amazing like that and butter smooth on mobile 5 yrs ago, but the platform has gone downhill so 90% of my clients and own site designs are on WP these days) but there are some even top notch themes like Salient and Enfold that still don’t have a mobile parallax option in 2018 and That is How/Why I found this incredibly effective and easy to use (and free?!) plugin! #AWBSAVESTHEDAY 🙌🏻

Beautiful.

The plugin I used to use hasn’t been updated in a while. Tried this one out, and it works great! For anyone custom theming with ACF fields, if you’re using an WSIWYG editor and trying to insert the parallax there, you’ll simply need to add space manually or via a class INSIDE the parallax shortcode. Adding the height style in a div around it doesn’t work.

Outstanding!

I’ve searched all over and finally found the one Parallax plugin that really works!
It is easy to use and a great addition to my collection! So happy you made this! GREAT JOB!

Read all 9 reviews

Contributors & Developers

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

Contributors

Changelog

1.4.3

  • updated Jarallax to 1.10.3

1.4.2

  • fixed adding styles from Visual Composer “Design Options” tab in AWB shortcode

1.4.1

  • updated Jarallax to 1.10.2

1.4.0

  • added support for Gutenberg blocks builder
  • added option to disable video on mobile devices
  • fixed Visual Composer and Stretch row JS error on mobile devices
  • fixed Visual Composer icon position
  • updated Jarallax to 1.10.1

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 hosted video mute and loop
  • fixed showing Local hosted videos if image is not set
  • fixed video set aspect ratio (in some situations added black lines)

1.0.0

  • Initial Release