Make any featured image in WordPress Genesis the parallax scrolling background for your post or page
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
js
.DS_Store
LICENSE
README.md
parallaxfunction.php
parallaxstyle.css

README.md

ParallaxFeaturedImage

Make any featured image in WordPress Genesis the parallax scrolling background for your post or page. A top margin is added if there is no featured image and you have a fixed navigation bar like I did.

Demo

A working demo can be seen on FlyingEyes.biz, which is what I made this solution for.

More detailed step-by-step instructions can be found on my blog.

What problem this solves

If you want to easily change out the background image for a parallax scrolling page or post, you need to get this!

What this is

Inspired by WevoStudio's tutorial for parallax scrolling implementation for Wordpress, I decided to improve it by making it super-easy to use. Literally, just set a featured image for any page or post, and let 'er rip!

Setup

The "parallaxfunction.php" is a snippet that needs to go into your child theme's functions.php file. I'll likely implement this as a plugin in the future, but the snippet is very short so it's not much fuss.

If you don't want a particular page or post (or category, or post type, etc) to have this feature, just use conditional tags around the function.

"parallaxstyle.css" is a snippet that styles the new sections. Insert into your child theme's style.css file, and modify as needed.

I've also included the original jQuery Parallax Scrolling plugin (made by Ian Lunn) and the JavaScript calls in a "js" folder. Put the "js" folder into your child theme folder.