1. Documentation
  2. Themes
  3. Backstage

Backstage

Important: This theme was retired in April 2013. Documentation is no longer being updated.

Permalinks ↑ Back to top

After installing the Backstage theme, go to Settings > Permalinks and click the “Save Changes” button, even if you haven’t made any changes. This registers the custom post types used in the theme.

Resetting or Resaving Your Permalinks
Resetting or Resaving Your Permalinks

Setting up the Home Page ↑ Back to top

The screenshot acts as a guideline in helping you set up and manage the home page. It is both widgetized in certain areas, and managed by theme options in others.

The Backstage home page overview

Home Page Featured Slider ↑ Back to top

The homepage slider can be used to showcase up to 10 images. The slider pulls images from the theme options and need not be post related.

Backstage Slider Settings
Backstage Slider Settings

As the above example shows, you can set the height of the slideshow, set it to automatically start and easily add images. Using the dynamic image resizer, images can be automatically scaled down to size and added. Note: The image resizer can only scale images down in size and not up.

Should you not use the image resizer, all images should have a width of exactly 950 pixels.

About Module ↑ Back to top

The ‘About Module’ otherwise known as the “Band Bio” is easily managed in theme options under the ‘Home Page’ tab. You can add a short description about the band/artist and upload an image. Images must not be bigger than 160 pixels in width.

Setting up the home page widgetized areas ↑ Back to top

The Backstage home page is largely widget based, as can be seen in the screenshot up top. To set up the home page you must add widgets to the 3 widgetized regions. Before that you must actually add some content via the albums, shows, photos, videos and blog post types, as documented below.

Once you’ve done that moving content around the home page layout is as easy as drag and drop.

Backstage Homepage Widgets
Backstage Homepage Widgets

Setting up Albums ↑ Back to top

The music albums widget that can be placed in any of the widgetized areas is powered by the custom post type Albums.

Adding album items ↑ Back to top

  1. Add a new album item in WordPress (Album -> Add New)
  2. Add a title to the album item
  3. Add some text in the content to describe the album item
  4. Upload your audio files to the album post via the WordPress “Add Audio” button.
  5. Upload an album cover image and specify the size of it in the “Backstage Custom Settings”.
  6. Add the release date of the album also via the “Backstage Custom Settings”.
  7. Publish the album item and repeat for next album item

Adding audio files to your post

As mentioned in the steps above, to add audio to an album, click on the Add Audio icon, next to the “Upload/Insert” buttons and above the WYSIWYG editor.

Uploading Audio Files into Backstage
Uploading Audio Files into Backstage

Then upload your mp3 files and click save changes without adding them to your post. They will then be saved in the gallery and automatically added when you view your post.

Setting up Shows/Gigs ↑ Back to top

The shows widget that can be placed in any of the widgetized areas is powered by the custom post type Shows.

Adding Show/Gig items ↑ Back to top

  1. Add a new show item in WordPress (Show -> Add New)
  2. Add a title to the show item
  3. Add some text in the content to describe the show
  4. Upload an event flyer/image and specify the size of it in the “Backstage Custom Settings”.
  5. Add the date, times and location also via the “Backstage Custom Settings”.
  6. Publish the show item and repeat for next show item
Edit Show In Backstage
Editing a Show In Backstage

Setting up Videos ↑ Back to top

The video widget that can be placed in any of the widgetized areas is powered by the custom post type Videos.

Adding video items ↑ Back to top

  1. Add a new video item in WordPress (Videos -> Add New)
  2. Add a title to the video item
  3. Add some text in the content to describe the show
  4. Enter the embed code of the video via the “Backstage Custom Settings”.
  5. Publish the video item and repeat for next video item
Editing a Video in Backstage
Editing a Video in Backstage

Setting up Photos ↑ Back to top

The photos widget that can be placed in any of the widgetized regions is powered by the custom post type Photos.

Adding photo items ↑ Back to top

  1. Add a new photo item in WordPress (Photos -> Add New)
  2. Add a title to the photo item
  3. Add some text in the content to describe the photo
  4. Add your photos via the “Add an image” WordPress image uploader, above the WYSIWYG editor. Note you do NOT need to actually place the images in the post via the “Insert Gallery” button. They will automatically display in the photo widget.
  5. Publish the photo item and repeat for next photo item
Editing Photos in Backstage
Editing Photos in Backstage

Theme Setup Options ↑ Back to top

With Backstage and its custom post types for photos, videos, albums and shows you need to specify the archive page urls to use for each under the “Theme Setup” theme options. These urls can be anything you like. See the below screenshot for the urls used in the Backstage demo.

Setting up Backstage Archives
Setting up Backstage Archives

You can then use these archive links to create navigation menu items, under Appearance > Menus.

Adding Archive Menu Items in Backstage
Adding Archive Menu Items in Backstage

Custom Widgets ↑ Back to top

There are 8 custom widgets you can add to the widgetized home page or single page/post sidebar:

  • Woo – Adspace Widget
  • Woo – Albums
  • Woo – Videos
  • Woo – Photos
  • Woo – Albums
  • Woo – Shows
  • Woo – Search
  • Woo – Flickr

To learn more about how to add widgets, see: How to Add Widgets

WooCommerce - the most customizable eCommerce platform for building your online business.

  • 30 day money back guarantee
  • Support teams across the world
  • Safe & Secure online payment