Use the jQuery Backstretch plugin to create stunning background images for your website, which resize to fit all screen resolutions.
This tutorial will explain how to add full screen background to your WordPress site.
Upload jquery.backstretch.js to your website, then add the following to footer.php.
Ensuring that your replace the urls with the correct ones from your theme folder. The first line is calling the Backstretch plugin, and the second the location of the background image.
- speed controls how quickly the background will fade in once full loaded
- centeredX and centeredY are set to false so that the image is aligned to the top left.
Alternatively, you could call the background image from a custom field, if you wanted to have multiple backgrounds on the site.
Where the custom field name is bg_image and the value is the url to the image.
Visit the landing page for GoldCoastLocal to see it in action.