How To

The Spectrum home page layout

Below is a screenshot of the Spectrum home page with each of it’s modules explained. More detailed documentation below.

The Spectrum Home Page Layout

Setting up the home page

The home page of Spectrum is largely widget based, with 7 regions available for placement of custom woo widgets in the sidebar and footer regions. The featured panel can be easily disabled (more information in the next “How To” section), and with widgets not placed in the regions the home page can be kept minimal only displaying recent blog posts.

See our demo’s theme option’s set here – http://woocommerce.test/demo/spectrum/?options=woo.

The few home page theme option's required to be set.

Set the total number of posts to display on the home page under Settings > Reading. i.e. if you want 6 recent posts, and 4 older posts below it, set the number to “10” (remembering to set the theme options – Home Page settings – to “6”).

Setting up the featured panel

The home page featured panel can be used to display noteworthy blog posts – this is because it is tag based. Once you have specified the tag it must loop through to display posts, make sure you add that tag to the blog posts you want to feature. It will display the title of the post, the excerpt, and the optional, but important, custom image which is the focal point of the panel.

Setting up the home page featured panel

Adding the tag to the post is important, as is specifying the image to use in the “Spectrum Custom Settings” panel below the WYSIWYG editor on the Add/Edit post form.

Remember to tag your posts with your featured panel tag defined in the theme options.


Custom Spectrum widgets

The theme includes 8 custom widgets that you can add to any of your 7 widgetized regions – 3 sidebar and 4 footer widgetized regions.

The custom woo widgets included are:

[insert name=”adding-widgets”]

Page Templates

[insert name=”page-templates”]