Outreach Pro Theme

Thank you for using the Genesis Framework by StudioPress and selecting the Outreach Pro theme. Following are the instructions for setting up your site to resemble the Outreach Pro theme demo.

If you have any trouble, please fill out the contact form for assistance.

You may wish to have the Outreach Pro theme demo open for reference while setting up your theme. The setup documentation for this theme has been broken down into the following sections:

Pre-Installation Setup

Compatibility

Make sure you have the following installed:

  • WordPress version 3.6+
  • Genesis Framework version 2.0+

Plugins

Before you begin, you will need to install and activate the following plugins Of course, you may substitute your favorite plugin, but this is the one used in the Outreach Pro theme demo:

Back to Top

Theme Installation

Once you have completed the pre-installation steps and you have the Genesis Framework installed, you may install the Outreach Pro theme. You will find theme installation instructions here.

Back to Top

How to Import Demo Content

For your convenience, an export file of the Demo site is available to assist in the setup of your Outreach Pro theme. You’ll find more information about this in the Importing Demo Content tutorial.

Back to Top

How to Configure the Genesis Theme Settings

In your WordPress admin, navigate to Genesis > Theme Settings. Configure the Theme Settings as follows:

Back to Top

Color Style

  • Click on the Color Style Dropdown to select an alternative color scheme for your site.
media_1388361413735.png

Back to Top

Default Layout

  • Click a thumbnail to select the Default Layout. The Outreach Pro theme uses the Content > Sidebar option.
media_1388361437367.png

Back to Top

Breadcrumbs

The Outreach Pro theme demo is configured to display Breadcrumbs on Posts, Pages, Archives, and 404 Pages.

media_1388361477888.png

Back to Top

Content Archives

  • For Content Archives, the default setting of “Display post content” is used by the demo.
  • Leave the “Limit content to __ characters” option blank or set to 0.
  • Leave “Include the Featured Image?” checkbox unchecked.
  • Using the drop down box, select “Numeric” for the “Post Navigation Technique.”

Be sure to click the “Save Settings” button to preserve your changes.

executive-pro-content-archives1.png

Back to Top

How to Configure the Site Title Header Text

The site title and description for your site can be set by navigating to Settings > General.

  1. The Site Title will display in the upper left corner of your site.
  2. The Tagline Setting will not not displayed when using the Outreach Pro Theme.
  3. Be sure to click the “Save Settings” button to preserve your changes.
media_1388362442539.png

Back to Top

How to Use a Custom Header Image

If you prefer a Logo Image rather than a text based Site Title it is possible to use a small logo style image that will display in the upper left corner of the site.

  1. Navigate to Appearance > Header menu in your WordPress admin panel
  2. Click “Browse” and Navigate to the image you would like to use for a Logo. Images of exactly 340 × 100 pixels will give the best results. Other sizes will be cropped in the upload process to create an image of the correct size.
  3. Click “Upload” to copy the image from your computer to your website.
  4. Be sure to click the “Save Settings” button to preserve your changes.
media_1388362616850.png

Back to Top

How to Use a Background Image or Color

The Outreach Pro theme demo can be configured to display an image behind the content area of the site.

  1. Navigate to Appearance > Background in your WordPress admin panel.
  2. Use the “Browse” button to select the background image you wish to use from your computer.
  3. Once the image has been selected click the “Upload” button to load the image for use on your site.
  4. Alternatively you can use the “Choose Image” button to select the background image you have loaded to your site previously.
  5. The Display Options settings for Position, Repeat, and Attachment can be set depending on the optimal settings for the image you have chosen.
  6. To select a Background Color to show around, or instead of a background image in click “Select Color” and choose a color or enter a hexadecimal color code.
  7. Click the “Save Changes” button to preserve your changes.
executive-pro-custom-background1.png

Back to Top

How to Configure the Navigation Menus

In the Outreach Pro theme, the Primary is used in the demo.

The default navigation areas can be set by navigating to Appearance > Menus > Manage Locations. Set the Primary navigation to the previously created menu of your choice in the drop down to set the default Primary Navigation Menu location.

A Menu set in the Primary or Secondary Navigation Menu location will display just below the header area of your site.

Be sure to click the “Save Settings” button to preserve your changes.

media_1388362796853.png

Back to Top

Header Right Widget Area

A Simple Social Icons widget is used in the demo of the Outreach Pro theme in the header right widget area.

  • Title: blank
  • Icon Size: 36px
  • Icon Border Radius: 3px
  • Alignment: Align Right
  • Icon Font Color: #333333
  • Icon Font Hover Color: #ffffff
  • Background Color: #ffffff
  • Background Hover Color: #333333

Be sure to click the “Save” button to preserve your changes.

media_1388362965732.png

Back to Top

How to Configure the Home Page

The Outreach Pro theme demo home page is configured via two widget areas.

  1. Home – Top: A full width widget area configured using the Genesis Responsive Slider widget
  2. Home – Bottom: A full width widget area configured to display 4 widgets horizontally across the home page.

Note: If no Widget areas are active in any of the Home Page Specific Widget Areas a Blog Style Home page will be displayed. If you wish to use a Static Page for your home page do not add widgets to the Home Page widget areas since this will override the Home Page setting.

media_1388363222411.png

Back to Top

How to Configure the Home – Top

To activate the Slider feature of the Outreach Pro Theme Home page add the Genesis – Responsive Slider widget to the Home – Top widget area.

executive-pr0-home-slider-widget1.png

Back to Top

How to Configure the Genesis Responsive Slider Settings

The Outreach Pro theme includes all of the settings necessary in order to display the Genesis Responsive Slider widget as it is displayed in the Outreach Pro theme demo. If the settings do not match the settings below navigate to Genesis > Slider Settings in your WordPress admin panel and click the Reset Settings button.

  1. Number of Slides to Show: 4
  2. Maximum Slider Width (in pixels): 1140
  3. Maximum Slider Height (in pixels): 460
  4. Display Post Content
  5. More Text: Continue Reading
  6. Limit Content to 100 Characters
  7. Slider Excerpt Width (in percentage): 35
  8. Excerpt Location (vertical): Bottom
  9. Excerpt Location (horizontal): Left
  10. Be sure to click the “Save” button to preserve your changes.

Note: You may wish to Install and Run the Regenerate Thumbnails plugin in order for the featured images to be available in the appropriate size for the slider and other sections of the home page.

media_1388363406477.png

Back to Top

How to Configure the Home – Bottom Widget area

The Home – Bottom widget area will display 4 widgets horizontally across the Home Page just below the Slider. The Outreach Pro theme demo is configured to display featured pages in this area. A more tag is placed in the page content to limit the amount of text displayed on the home page.

media_1388363912669.png

Back to Top

How to Configure the Primary Sidebar Area

The following widgets are used in the Primary Sidebar area that displays to the right side of the content area.

  • Genesis – Featured Posts Widget
  • Recent Posts Widget
media_1388364005210.png

Back to Top

Genesis – Featured Posts Widget Settings:

The following are the settings that differ from the default settings for this widget:

  1. Number of Posts to Show: 1
  2. Show Featured Image: Yes
  3. Image Size: sidebar( 300×150 )
  4. Images Alignment: None
  5. Show Post Title: Yes
  6. Show Post Info: Yes
  7. Be sure to click the “Save” button to preserve your changes.

Note: A more tag is placed in the page content to limit the amount of text displayed on the home page.

Be sure to click the “Save” button to preserve your changes.

media_1388364034878.png

Back to Top

Recent Posts Widget Settings:

  • Number of posts to show: 5

Be sure to click the “Save” button to preserve your changes.

executive-pro-recent-posts-primary1.png

Back to Top

How to Configure the Footer Widget Areas

The Outreach Pro theme demo uses the included 4 Footer Widget areas. The following outlines the widgets used in the Outreach Pro theme demo. You may use any widgets you like in these areas.

media_1388364254568.png

Back to Top

Footer 1 Widget Area:

  • Text Widget

Be sure to click the “Save” button to preserve your changes.

media_1388364300263.png

Back to Top

Footer 2 Widget Area Settings:

  • Text Widget

Be sure to click the “Save” button to preserve your changes.

media_1388364332801.png

Back to Top

Footer 3 Widget Area Settings:

  • Search Widget
  • Tag Cloud Widget

Be sure to click the “Save” button to preserve your changes.

media_1388364372765.png

Back to Top

Footer 4 Widget Area Settings:

Be sure to click the “Save” button to preserve your changes.

media_1388364471387.png

Back to Top

How to Create a Blog Page

When using a widgetized home page it can be helpful to create a general blog style page to display elsewhere on your site. For instructions on how to create this page follow the following steps:

  1. Navigate to Pages > Add New in your WordPress Admin Panel
  2. Create a New Page named “Blog”
  3. In the right sidebar of the Page edit screen select the Blog option in the template dropdown menu.
  4. Leave the Content of this page blank, it will not be displayed when using the Blog page template.
  5. Publish the page.

Once the page has been published you can view the page to see a blog style list of recent posts. Link to this page in the custom menu of your choice.

executive-pro-blog-page1.png

Back to Top

Special Widget areas Included in the Outreach Pro Theme

The Outreach Pro theme includes two special widget area designed to display additional content on your site:

  • After Entry Widget Area – Displays after the content on single posts
  • Sub Footer – Left – Displays above Footer Widget in the left three-quarters of the content area
  • Sub Footer – Right – Displays above Footer Widget in the right one-quarter of the content area
media_1388364786287.png

Back to Top

Congratulations! You are now ready to begin adding content and personal touches to your new Outreach Pro and Genesis powered website. If you run into any problems along the way or have questions, please fill out the contact form and let us know how we can help.

Back to Top