Background Stretcher


First I tried this background stretcher but couldn’t get it to work with WordPress. I’m guessing maybe it was a JavaScript conflict or my file paths were wrong.

Then I thought maybe there’s a plug-in for this and indeed there was.

There were a few tricks that I needed to do in order to get this to work. First, I had to add add_custom_background(); to my functions.php file. This gives me the background settings under appearance settings in WordPress.

Second, I had to add add_streched_background() to functions.php. This takes in many parameters to control the background and slideshow settings. Since I wasn’t familiar with PHP syntax, I had to look up function arguments for PHP.

After I figured out how to pass in parameters in PHP, I needed to pass in the container tag that I use as my page wrapper, since it is different than the default.


After that and setting the background under the appearance settings, BG stretcher was up and running. However, it was only one image.

To get the slideshow working, I had to pass in an array of URLs of images. Once that was done, and I uploaded the images to the proper directory, the slideshow was up and running. But it changed slides too quickly. Fortunately, there is a way to change that. With the nextSlideDelay parameter. Just give it a delay in milliseconds.

Finally, the transition was too quick. Fortunately, that could also be changed with the slideShowSpeed parameter. However, for this, I had to dig into the plug-in PHP code because quotes were surrounding the slideshow speed variable. This made me unable to pass in an integer. So I had to remove the quotes. I got a fatal error during this a few times. If that happens you must reactivate the plug-in. or you could just leave it be and pass in a ‘slow’, ‘normal’, or ‘fast’ parameter. But I found that slow was still too fast.


example of what goes in functions.php:

add_streched_background(array(‘pageWrapper’ => ‘#page’,
‘background’ => array(‘’, ‘’),
‘slideShowSpeed’ => 5000,
‘nextSlideDelay’ => 10000));