In my Facebook group a user asked,
Is there a tutorial on adding an additional featured background widget area to the Parallax Pro homepage? The theme comes with 5 widget areas by default. I'd like to have 7, with the 7th one having a parallax background image. I know how to add the additional widget areas in the function and front-page files. But I don't know how to add the background image in the customizer and make it have parallax scrolling. Anyone? Thanks!
In this article we shall
- register two additional Home Section 6 and Home Section 7 widget areas
- display the widgets placed in these widget areas on front page
- include Home Section 7 in 'Background Images' section of the customizer so its background image can be changed in the back-end
- remove duplication of code in parallax.js by using jQuery.each() function to act on an array of selectors for the home sections 3, 5 and 7
- include Home Section 7 along with 1, 3 and 5 sections in the stylesheet where background properties are set
in Parallax Pro.
Step 1
Add the following in Parallax Pro's functions.php:
To view the full content, please sign up for the membership.
Already a member? Log in below or here.
I’ve successfully used this tutorial to add widget area Front Page 8 to the child theme Altitude Pro. One niggle I have is that when editing my widget content, my list of widget areas is: … Front Page 6 … Front Page 7… Footer 1… After Entry … Front Page 8. My website’s home page is displaying perfectly, it’s just that I’m likely in the future to think Front Page 8 setup is missing because it is out of order. Any suggestions on how to rearrange the order of widget areas in the Admin viewing side?
If you have added the code for registering a new widget area immediately below that of Front Page 7 in functions.php, the new widget area will appear below that at Appearance > Widgets.
See these screenshots:
Ah, now I see why my widgets are out of order. I’m using plugin Genesis Extender to customize my functions.php file as gently as possible, but I guess it appends customizations at the end. Thanks for your prompt response and helping me realize where the issue begins.