Dynamic Background Colour
Steve Kimpton By Steve Kimpton

December 08, 2016

Dynamic Background Colour Plugin

Continuously and gently changes color of background and/or pictures with transparent areas on selected pages.

Continuously and gently changes color of background and/or pictures with transparent areas on selected pages.

This plugin starts with the custom background (or a fixed color for themes that do not
provide a custom background) and gradually modifies it in a color wheel fashion to selected pages.
Pictures on those pages that contain transparent areas may also be set to receive this
background color.

See a live demo at http://wordpooldesign.co.uk/wordpress/dynamicbg

A settings screen is provided under Dashboard > Appearance > Dynamic Background and also from the toolbar.

Credits

The javascript file getbg.js contains functions that convert hsl to rgb and the reverse. This functionality can be found from several sources but mine were from Garry Tan (http://axonflux.com/handy-rgb-to-hsl-and-rgb-to-hsv-color-model-c) who credits mjijackson.com (this link no longer works) but it seems the ultimate source is the information in https://en.wikipedia.org/wiki/HSL_and_HSV

Installation

  1. Upload the dynamic-background directory to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Make your selections through Dashboard > Appearance > Dynamic Background
  4. Done!

Screenshots

  1. Settings Screen

    Settings Screen

FAQ

Installation Instructions

  1. Upload the dynamic-background directory to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Make your selections through Dashboard > Appearance > Dynamic Background
  4. Done!

Why do you use HSL rather than RGB?

Small increments of H/S/L values give continuously varying colours. Small increments to R/G/B result in big jumps of colour.

Are you really limited to WordPress 4.1 and up?

Probably not! I just haven’t tested it to earlier versions. Even if it doesn’t work, it’s very unlikely to do anything bad.

How can I make areas of my pictures transparent?

You have to do this before uploading them. Most image manipulation programs will allow this. They have to be gifs or pngs (with transparency enabled). You can’t do it with jpgs.

Details

  • Version: 1.0
  • Active installations: 90
  • WordPress Version: 4.1
  • Tested up to: 4.8.25

Ratings


5 Stars
4 Stars
3 Stars
2 Stars
1 Stars