Home Page Layout

In Theme Options: Layout, we briefly discussed Home Widget areas. This post shows you some layout examples by changing the widths of Home Widget areas.

Home Widget Area

The options to change the width of Home Widget area is located in Theme Options > Layout. As of v1.1.5, Voyage Theme supports 4 Home Widget areas. Additional widget areas will be added if there is a need. As Voyage Theme uses Grid System, the width of the widget area is measured in Columns not Pixels. The examples below are based on 12-Column Grid system.

Default Layout

When the Voyage Theme is installed for the first time, it uses 3 widget areas with 4 columns each.

Full Width Widget Area

In this example, the width of Widget Area 1, 2 and 3 are 12, 6 and 6.

A Complex Example

All 4 widget areas are used and their widths are 4, 8, 4 and 4. In order to setup the complex layout, some knowledge of Grid System is required.

Why Widget Area?

In early WordPress theme design, the widget areas are also called sidebars in blog layout. Now many themes use home widget areas and header widget areas. Voyage Theme adopted this concept and allows flexible layout using Grid System. The widget area is usually used for display Category, Tag, Recent Post listing, etc. The simple Text Widget allows the users to display any kind of contents not just text: images, video, Java Scripts and many more. There will be a tutorial on the usage of Text Widget Voyage Theme has two Widgets: Recent Post (Voyage) and Tabbed Navigation. Try it and let us your feedback.