In this page you’ll find some of the content used to create the home page examples provided in this demo site.

The first section that immediately follows the slider is the “Home Page Before Content” Widget Area. In order to re-create that section you need to paste the code provided below into a “Text” widget added to the “Home Page Before Content” Widget Area. Leave the Title field blank. Here’s the code:

Home Page Before Content Widget Area

Home Page Before Content (Click here to grab the code behind this layout)

The next block contains the content unique to some of the home page examples. To use that code you need to create a new page, give it a name (ie. “Home”) and make sure to assign the “Full-width page” template to it to remove any sidebars:

page-attribute-full-width-page

IMPORTANT: make sure to paste the code in “Text” mode in the editor and not “Visual”.

editor-set-to-text-mode

Next, you’ll need to assign the page as a Front page, for that go to Settings > Reading choose the newly created “Home” page from the dropdown menu:

front-page-settings-home

Home Page 1 Example (Click here to grab the code behind this layout)

Home Page 5 Example (Click here to grab the code behind this layout)

Home Page with some of the Sliders' examples located under the Features → Sliders menu (Click here to grab the code)

For Home Page 2, 3 and 4 Examples the code can be found near the bottom of the actual pages.

Alternatively, if you prefer to work with widgets rather than a page, you may past the above code into a “Text” widget in this widget area for example:

Bottom Area Widgets

The following describes how I’ve setup the Bottom Area Widgets (the four columns):
Bottom Area Widgets

Bottom Area Widgets (Click here to grab the code behind this layout)