How To

Setting up the Homepage

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

Overview of the homepage

The home page of Empire is largely widget based, with 3 regions available for placement of custom woo widgets below the featured slider, and 0-4 regions in the footer. Place widgets in these regions under “Appearance > Widgets”, follow the documentation on placing widgets below under the corresponding documentation.

The featured slider can easily be enabled/disabled under “Homepage Slider” theme options (more information in the next “How To” section) in the theme options.

The Empire theme comes with support for 2 menus. The Primary Menu is located below your theme header. The Top Menu (not show in the demo) will appear in a strip across the top of the site. You can activate the top menu under “Appearance > Menus”. See documentation on “Menus” for more info.

Setting up the Featured Slider

The unique home page featured slider can be used to display noteworthy content and has it’s own custom post type called “Slides” designated to it. The slider uses custom post images for the background image, and then shows the the title and content in a caption.

Empire Homepage Slider overview

The Empire homepage slider pulls the custom “slides” post type. The number of slides is set under the “Homepage Slider” theme option’s panel. You can set the animation speed, effect, auto start and slide interval under the theme options.

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 “Image” in the Custom Settings panel which will appear as the background image.
  4. Publish the slide.
Adding a "Slide" post

Setting up the Portfolio

This theme includes a portfolio module which can showcase your work or products on both the home page and on a dedicated portfolio page of your site. 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 image in the Custom Settings area
  6. Publish the portfolio item!
A portfolio item.

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

Setting up the Feedback Widget

To setup the Feedback Widget which can be used any widgetized area, go to Appearance > Widgets and add the Woo – Feedback widget to your sidebar of choice. Now you simply need to add feedback posts using the Feedback Custom Post Type like shown in the screenshot below.

Editing Empire Feedback Post
Empire Feedback Widget
Empire Feedback On The Homepage

Widgets

Custom Empire widgets

The theme includes custom widgets that you can add to any of your widgetized regions. Go to Apperance > Widgets to add these to your theme.

The custom woo widgets included are:

[insert name=”adding-widgets”]

Page Templates

[insert name=”page-templates”]