An example of an 8 module homepage.
An example of an 8 module homepage.
Looping video backgrounds are very popular on home pages. I decided to make a homepage module so WordPress users could quickly build one on their home pages. Users only need a short video clip and some homepage module settings to complete this task. The configuration options for this module are:
When you decrease video opacity, an underlying background line pattern reveals itself. Decreasing video opacity and exposing the background pattern improves the visibility and readability of the overlaying text content.
After building a parallax in a client site, I decided that my clients might want to create or edit their own parallax. A web parallax is a vertically fluid scrolling of images and text. A parallax is easier to understand than to describe, so see this example parallax. I am using the Redux framework on the backend of a WordPress site for a content provider to easily build and configure the parallax. Here were my goals to create the parallax on a Bootstrap homepage:
What made my project really work was Redux’s slides field. This field allows the user to create any number of slides which each includes: an image, a title, and a text block, so you can create a parallax with an unlimited number of slides. The slides can also be reordered by dragging each slide to your desired sort order, the top slide displays first. I also added adjustments for the background images’ height and opacity. Making adjustments to the parallax couldn’t be easier.
Adding images and text blocks within the Redux homepage theme options
Your site’s homepage is the most important page of your site. It is where your visitors land and the homepage needs to be interesting to keep your visitors at your site. This is an introduction to creating a WordPress homepage with the Redux options framework installed within the WordPress theme. The framework allows non-technical content providers to create and modify the layout of the homepage without ever losing its professional design. The framework allows WordPress developers to create Dashboard theme options to further enhance the look and functionality of a great homepage.
The Redux framework can integrate with any part of a WordPress website but this post only covers using the theme options to configure the homepage. WordPress’ post editor is fine for creating a post or a simple webpage. But in many cases, content providers don’t have the time or knowledge to create a quality homepage. Not only does the homepage need to look good, but it needs to be a fully responsive page that displays properly with all internet devices. The Redux framework allows content providers to quickly refresh their home pages; resulting in a homepage that is never stale.
Homepage constructed with Redux theme options.
How does all this work? A nice homepage has blocks of content that make up the page’s design. The homepage highlights various content within the website. One block of homepage content might highlight a featured post known as a Jumbotron content block. Redux calls these blocks of content modules. Inside the theme’s options panel is the Homepage Layout Manager, where homepage modules are organized. Only enabled modules are displayed on the homepage. These draggable modules can also be reorder, which changes their positions on the homepage. The content provider never writes the homepage content, they configure the modules to create a homepage design.
My WordPress theme has ten homepage modules to choose from. Below are some module descriptions and their settings.
Configuring the homepage is easy with the Layout Manager in the Theme Options. Just enable the modules you want, order the module layout, and set any module settings that may exist. Content providers can quickly create a perfect responsive homepage layout without any coding or even messing with the WordPress editor.
Homepage Layout Manager. Each button is a draggable homepage module