Executive Pro Theme SetUp

A video and screen-shot guide for the Executive Pro theme

This step by step how-to video guide is designed to help you to setup the StudioPress Executive Pro theme. Jump to first video

Add your own logo, site name and tagline

(Executive Pro theme does not show the tagline)

Add your title and tagline

• Go to Settings > General
  then…
• Type your site title and tagline text in the boxes SAVE your settings

Add your own image logo to Executive Pro theme

• Go to Appearance > Header
• Click the – Choose File – button
• Navigate to your Desktop and find the logo you have made (make sure it’s 260 x 100 pixels in size)
• Click the Upload button
• Save your changes.

Navigation bar for Executive Pro theme

In the WordPress Dashboard go to…

• Appearance > Menus
• Click the text link that says Create a new menu
• Type a name for your menu
• Click the blue Create Menu button
• On the left of your screen click Pages to open the drop-down
• Click View All to see all of the web pages you’ve made (not blog posts)
• Select any pages you want to appear in your menu
• Click the Add to Menu button
• Drag the menu items up or down to re arrange them, or drag in sideways to make a drop down list
• Click Save Menu button

Before moving on, click the Manage Locations tab and make sure Primary Navigation Menu: and Secondary Navigation Menu: are both set to – Select a Menu –

Put navigation bar in header right widget area…

Go to Appearance > Widgets

• Drag a Custom Menu widget in to the Header Right widget area
• Select the menu you made from the drop down list
• Click Save

Adding a slider to Executive Pro theme

Install the plugin

Go to Plugins > Add New

• Search for Genesis Responsive Slider
• Click – install now
• Click the Activate link

Setup the slider

Go to Appearance > Widgets

• Drag the Genesis – Responsive Slider widget into the Home – Slider widget area

Some important points…

The slider should now work BUT only…

IF – your 3 most recent blog posts have featured images. AND those featured images are1140px wide by 445px high.

Every time you add a new blog post to your site, it will automatically be used in the slider. And one of the old posts will be removed from the slider.

A better way to set up your slider…

• Make a category called Slider
• Make 3 blog posts. Assign these 3 posts to Slider category
• Assign 1140 x 445px featured images to these 3 posts
• Go to Genesis > Slider Settings and in the By Taxonomy and Terms: drop down choose -Slider

Now your slider will only display the 3 posts you chose. New and old blog posts will not affect your slider.

The 6 clickable “teaser” widget areas on Executive Pro theme homepage

You will need…

• 6 pages NOT blog posts
• With 300 x 100px featured images assigned to them

The settings…

• Go to Appearance > Widgets
• Drag the Genesis – Featured Page widget into the Home – Top widget area. Do this 3 times
• Drag the Genesis – Featured Page widget into the Home – Middle widget area. Do this 3 times
• Make sure you used Featured Page widgets. Not featured Post widgets

You now have 6 Featured Page widgets that need setting up. Open each widget, one at a time. And…

• Type a Title:
• Choose a page from the drop-down list
• Tick “Show Featured image”
• Image Size: featured (300×100)
• Image Alignment: None
• Do NOT tick Show Page Title tick box
• Tick Show Page Content
• Content Character Limit: 140
• More Text: Red More…

Do this for all 6 featured page widgets.

The Call To Action box in Executive Pro theme

Go to WordPress Dashboard > Appearance > Widgets

• Drag a Text Widget into Home – Call To Action widget area
• Type your text or html in the text box
• Click Save

The StudioPress demo site uses custom code for column classes and a CSS button. Click the link below for the code you need…

Call to Action code

Replace the # with your own link.

The Footer Widget area in Executive Pro theme

At the bottom of the Executive pro theme there is a black box with 3 columns of content.

• A text widget, company profile
• Recent posts widget showing 8 posts
• Search and tag cloud widgets

To set these up, just…

• Go to Appearance > Widgets
• Drag any widget you like into Footer 1,2 and 3 widget areas. Then change any widget settings and configuration that’s needed.