Studio Theme Documentation

General Setup

Installation

To install the Studio theme you must first have a working WordPress(.org) installation. For information on installing WordPress, please see Installing WordPress, from the WordPress Codex. Once WordPress has been setup in your hosting environment, you can install your theme one of two ways:

FTP upload: download and un-zip your theme folder, and using the FTP program of your choice upload the theme folder to the ‘../wp-content/themes/’ folder on your server.

WordPress dashboard: download your theme and sign into your WordPress dashboard (e.g., yourdomain.com/wp-admin). Navigate to Appearance > Themes > Add New > Upload, and select your zipped theme folder, click “Install Now”. Once the theme is uploaded you will need to activate it, either with the provided link or under Appearance > Themes.

Note: If you use Safari as your primary browser you may find that your theme folder is not zipped after downloading it. You will need to re-compress your theme folder before initiating the second installation process.

Plugins

The Studio Theme does not require any plugins, but please note that the contact form is powered by Gravity Forms, an excellent premium WordPress contact form plugin. Free alternatives include ‘Contact Form 7’ and ‘Jetpack Forms’.

The ‘Options Framework’ plugin is bundled with, and powers the studio Theme options panel (Appearance > Theme Options).

Demo Content (Optional)

You can install your theme’s demo content with the .xml file download in your account page. Please refer to the following tutorial for instructions on installing your demo content: Installing Demo Content

Reading Settings

Using the ‘you latest posts’ reading setting (Settings > Reading) is required to setup the homepage as seen in the demo. See our ‘Reading Settings‘ tutorial.

Image Dimensions

Theme defined image dimensions are as follows (these can be found in the ‘Theme Setup’ function at the top of your functions.php file):

Logo: 960x80px

Homepage Featured Banner: 960x540px
Homepage Featured Image: 480x270px
Homepage Teaser Image: 130x120px
Page Featured Image: 960x420px
Fixed Page Featured Image: 480x440px
Blog Featured Image: 520x560px
Archive Featured Image: 600x600px
Three Column Portfolio Featured Image: 290x500px

Custom Header

The custom header for the studio Theme can be uploaded under Appearance > Header, in your theme’s options panel.

Header Menu

You can setup and manage your menu under Appearance > Menus, in your WordPress dashboard. See the Codex for an explanation of the custom menu system (Note: this tutorial is for WordPress.com, but the process is the same).

Homepage and Footer Setup

Homepage Featured Slider

Please see our tutorial: ‘Setting up the Homepage Slider’. You have the option of displaying a smaller slider (the one you see in the demo), or a full-width slider.

Homepage Featured Page

A featured page can be setup to show beside the featured slider, configured under Appearance > Homepage Settings > Select Page for Homepage Right

Homepage Teaser Posts

Posts from a selected category can be shown below the slider and featured page. This area can be configured under Appearance > Theme Options > Homepage Settings > Teaser Post Category.

Homepage Widgets

Optional homepage widgets can be added under Appearance > Widgets.

Page Template Setup

Page Templates

Please see our ‘Quick Start Guide’ for setting up the Studio Theme’s various page templates.