How To

Important installation note

After installing and activating the theme, you need to navigate to Settings > Permalinks and click on the “Save Changes” button, even if you haven’t made any changes. This is to register the custom post types used in the theme.

You also need to navigate to Settings > Reading and set front page to display “Your latest posts” if you have previously had a static page as your front page.

Homepage Overview

The homepage consists of a featured area, mini-features area, home sidebar and a widgetized footer.

Homepage layout
Homepage layout

Setup Featured Area

The Inspire home page featured area pulls the custom “slides” post type. The number of slides depends on how many slides you have published. You can set the animation speed, auto start and slide interval under the theme options, the rest of the slide functionality is added via the slides panel documented below.

Adding a slide

To add a slide simply follow these steps:

  1. Go to Slides > Add New.
  2. Type a title for the slide and complete all of the post’s body content.
  3. Add a “Slider Image” in the Custom Settings panel if you want to display an image in the slide.
  4. Publish the slide.
Adding a slide to the Inspire featured area

Add buttons to featured page

To add a button to a page in the featured area, you need to add some html code by using the HTML tab. Simply add a link with the class btn and wrap the text in a span:

Take a tour 
Pricing and signup

Add video to featured page

Adding video is just as simple as adding an image to the page. Simply use the Embed field in the Custom Settings panel, and add your embed code.

Adding video embed code

Setup Mini-Features Area

The main area consists of a left column that can hold mini-features, and a right column that holds the home widgetized sidebar. The left main column can also hold page content above or below the mini-features area.

Add Mini-features Block

The Inspire home page mini features area also uses custom post types and pulls in the  the custom “Mini Features”. The number of mini features depends on how many “Mini Features” you have published. You can enable the mini features area on the home page under the “Homepage” theme options. You can also add two pieces of content from WordPress pages to the home page if you specify the page IDs of the pages you wish to display.

To add an info box simply follow these steps:

  1. Go to Mini Features > Add New.
  2. Type a title for the Mini Features and complete all of the post’s body content.
  3. Add a “Mini Features Icon” in the Custom Settings panel if you want to display an icon next to the slide.
  4. Add an excerpt
  5. Publish the mini feature.
Adding a mini feature

Remember to enable the mini features area in the theme options under the “Home – Main Area” tab.

Enabling the mini features area

Setup Blog

To add a Blog to the main navigation, simply follow these steps:

  1. Add a new Page in WordPress (Page -> Add New)
  2. Add a title to the page e.g. “Blog”
  3. Select the Blog page template in the Attributes panel on the right
  4. Publish your page!
Add blog page template
Add blog page template

If you are unsure on how to setup a page template, have a look at our instructional video in our Page Template section.

Setup the Portfolio

This theme includes a portfolio template which can showcase your work or products. To add the portfolio you need to follow these steps:

Add the Portfolio link to navigation

  1. Add a new Page in WordPress (Page -> Add New)
  2. Add a title to the page e.g. “Portfolio”
  3. Select the Portfolio page template in the Attributes panel on the right
  4. Publish your page!
Setup a portfolio page template

Adding portfolio items

The portfolio section also uses a custom post type called “Portfolio”.

  1. Add a new portfolio item in WordPress (Portfolio -> Add New)
  2. Add a title to the portfolio item
  3. Add a tag to the post if you wish to categorize your portfolio (e.g. “Web” or “Print”)
  4. Add some text in the content to describe the portfolio item
  5. Upload the Portfolio Thumbnail (450x210px) image in the Custom Settings area
  6. Add an URL to an external image or upload a large image which your thumbnail will link to
  7. Publish the portfolio item and repeat for next portfolio item
Adding a portfolio item
Add portfolio thumbnail and large image to post.

Remember you must have uploaded a “Portfolio Large” image for image attachments to work.

Upload multiple images per portfolio item

To have multiple images under the portfolio item, enter the rest of the images by uploading image attachments to the Portfolio Item and click Save Changes.

Uploading multiple images to a portfolio item

Setup options

  1. Go to the theme Options Panel
  2. Tick “use lightbox” if you wish the large images to display as an overlay when clicked on, not a link that takes you to a new window.
  3. Tick “Use dynamic image resizer” so that the portfolio images are resized correctly on the portfolio page.
  4. If you added any tags to your posts, then add these tags to “Portfolio Tags” field (e.g. “web, print”)
  5. Save settings and you’re done!
Additional portfolio settings in the theme options

Widgets

Custom Optimize widgets

The theme includes 8 custom widgets that you can add to any one of your widgetized areas:

[insert name=”adding-widgets”]

Supported Plugins

Yoast Breadcrumbs

Easily add breadcrumbs to your WooThemes template to show your site visitors exactly where they are on your site. If you’re using one of the supported WordPress frameworks, it’s as easy as installing and enabling the plugin and checking the “Try to add automatically” box.

After the Breadcrumbs installation, you'll enable this functionality on all pages

You can download the plugin from the WordPress plugin directory here.

Page Navi

Page Navi adds a more advanced paging navigation to your WooThemes site. By default you’ll see the “Previous” and “Next” buttons to navigate to older/newer blog posts in the archives. With Page Navi you can navigate via the number of archived blog post pages there are.

How the Page Navi pagination results look.

You can download the plugin from the WordPress plugin directory here.”>WordPress plugin directory here.

Page Templates

[insert name=”page-templates”]