Create a new page with the name home. Set under Page Attributes the template to Homepage. Save the page.
Next Navigate to Settings > Reading. Set the Front page displays on A static page. Don’t forget to save the changes.
The backstretch header image is the featured image of your newly created Homepage. Set a featured image under Featured image. This will be the header image of the homepage.
On the homepage there are fout widget areas, Home Intro, Home Widget One, Home Widget Two and Home Widget Three. These can all be found under Appearance -> Widgets.
Widget Home Intro
The Home Intro widget area is particularly designed for four information circles. To create the same result as in the demo follow these steps.
Add for every circle a text widget to the Home Intro widget area. Don’t use a title for the widget! For the icons we use Font Awesome icons. To pick your own icon go to the icons list on Font Awesome. Select the icon of your choice and copy the little piece of html and paste this in your text widget.
Under the icon code you can add a h4 title and some text. Your code has to look like this now. Save the widget and create three more widgets.
Widget Home One
In the demo this widget area is used to show some featured products. Add the WooCommerce Products widget to this widget area. Set the title and set the number of product to show at 4. Don’t forget to save.
Widget Home Two
In the demo this widget area is used to show a big title and an introduction text followed by 3 boxes with featured pages.
For the text you can add a text widget. It’s important this is the first widget!
Next add three Genesis – Featured page widgets. Don’t set the title on these widgets.
Select Show Featured Image and set the Image Size on widget-image (600×400). Set image Alignment on None.
Select page title and Show Page Content. Set the Content limit to your own liking. If you want to display a button add a More Text.
Widget Home Three
The last widget area is used to show a big title and an introduction text followed by three boxes with featured posts. The setup is mostly the same as with Widget home two. Only now we use the Genesis Featured Post Widget.