Maker Pro: Front Page Setup

There are 5 Widget Areas on the front page. The footer widgets appear on every page; you can learn how to customize them by going  here.

Front Page 1: Thin Width

The Front Page 1 widget area in the Maker Pro theme demo uses one Text widget to display text and a button.

Here is a screenshot of the text widget and how it’s setup in the demo.

Front Page 2

This is the full width widget area with three boxes linking to three pages.

The layout of this widget area is dynamic to the number of widgets you have activated. The first widget is always full width and the widths of the consecutive widgets will adapt depending on how many widgets are activated. For instance, there are 3 Genesis Featured Page widgets in the Maker Pro Demo, and they all are one-third width. Here are some screen shots showing how it’s setup in the demo.

Front Page 3

The Front Page 3 widget area has a thinner width. In the demo, there is a simple text widget with a title, a styled unordered list, and some text.

Here is a screenshot of how it’s setup in the demo. Note the class “serif-list”. If applied to a ul, it will have the same style as in the demo.

Front Page 4

The Front Page 4 widget area is the default width of the theme wrap. In the demo there is an h2, which is the serif font.

Here is a screenshot of the way it’s setup in the demo.

Front Page 5

The Front Page 5 widget area is full width and displays an image in the demo.

Here is a screenshot of how it’s setup in the demo.

Front Page 6

The Front Page 6 widget area has left-aligned titles. It will automatically put the widget title on the left, and display the content on the right.

Here is a screenshot of how it’s setup in the demo.

Front Page 7

The Front Page 7 widget area is the default width of the theme wrap and responds to the number of widgets in the area. In the theme demo, there are 4 text widgets with numbers and labels. They automatically align into 4 columns.

Here are screenshots of how it’s setup in the demo.

Front Page 8

The Front Page 8 widget area is designed to handle the Genesis Featured Page widget. In the demo there is one Genesis Featured Page widget with a featured image and the page title and limited content. The image is pulled to the left and the content is on the right.

Here is a screenshot of how it’s setup in the demo. Note that if you selected “right”, the image would be pulled to the right.

Front Page 9

The Front Page 9 widget area has a thinner width.

Here is a screenshot of how it’s setup in the demo.

Front Page 10

The Front Page 10 widget area is full width and displays an image, like the Front Page 5 widget.