Prosperityby Themes Harbor

Setting Up Your Pages

Prosperity works best with a static front page, with blog posts displayed on a separate page within your site. Once your static front page is set up, assign the Front Page template to it in the Page Options pane.

Customizing the Front Page Template

The Front Page Template consists of six sections for you to customize, all of which are optional:

  • Featured Content
  • Brief Text
  • Featured Page #1
  • Featured Page #2
  • Recent Blog Posts
  • Testimonials

Prosperity: Front Template

All these front page sections can be managed via the Theme Options in the Customizer. Please note, in order to see front page options in the Customizer, your static front page has to be set up (see “Setting Up the Static Front Page” above). Otherwise, these options will be hidden.

Featured Content

The Featured Content section on the Front Page Template will display a slideshow of posts. These posts are selected by assigning them a specific tag of your choosing.

Prosperity: Featured Content

To set the tag to use for the Featured Content section, follow these steps:

  1. Navigate to Customizer → Featured Content.
  2. In the Tag name field, add the tag you’ll use on posts to be displayed as Featured Content. For example, you could use the tag “featured” or “slideshow.” Click Save & Publish.
  3. Add this tag to the posts (or pages) you want to display in the Featured Content slideshow. The post title and content will display, and the post’s Featured Image will be used for the background.
  4. You can have display different post summary lengths by using the More Tag. By default, “Read More” will appear as the text for the link, but you can change it to any title you want. You can also enter a shorter summary in the Excerpt module.

If the Featured Content tag is not set, or if it is not assigned to any posts, then the Featured Content section will display the front page’s title, content and Featured Image instead.

Please note, the Featured Content section is only available on the Front Page template.

Brief Text

This optional section can be used as an introduction or call to action.

Prosperity: Brief Text

To add content to this section in your Front Page Template, follow these steps:

  1. In the Customizer, go to Theme Options → Front Page: Brief Text.
  2. Add your custom text to the textarea.
  3. Click Save & Publish at the top of your screen to save the changes.

Featured Page #1 and #2

These sections are optional. There are two ways to display your content in these sections; you can either have a full-width layout displaying one page, or a grid layout displaying two or more pages. The only page that cannot be selected as a Featured Page is the Blog Posts page, if your site has one.

Regular Layout:

Prosperity: Feaured Page

To add a single Featured Page:

  1. In the Customizer, go to Theme Options → Front Page: Featured Page #1 or Front Page: Featured Page #2.
  2. Under Featured Page, select a page from the dropdown list. The page you choose should not have any sub-pages (child pages).
  3. Click Save & Publish to save the changes.

You can use the More Tag or Excerpt module to only show part of the Featured Page’s content. You can also add an image to the content and align it left or right to appear next to the text, or add a Featured Image to appear above it.

Grid Layout:

Prosperity: Featured Page

The Grid Layout allows you to display multiple Featured Pages. This is done by selecting a page with sub-pages. The sub-pages will be displayed in a grid layout on the Front Page Template.

  1. In the Customizer, go to Theme Options → Front Page: Featured Page #1 or Front Page: Featured Page #2.
  2. Under Featured Page, select the page from the dropdown list. To use the Grid Layout, the page you select must have sub-pages. The page you select will not be displayed in the grid, but all of its sub-pages will be.
  3. Under Section Layout, choose a two or three column layout for your grid.
  4. Click Save & Publish to save the changes.

In order to add a small description at the top of this section, you need to add content to the parent page. You can use the More Tag or Excerpt module to truncate this content.

Recent Blog Posts

You can also show your most recent blog posts on the Front Page Template.

Prosperity: Recent Posts

To display recent blog posts, plus an optional section title and text, follow these steps:

  1. In the Customizer, go to Theme Options → Front Page: Recent Blog Posts.
  2. Check the Display Recent Posts checkbox.
  3. By default, this section displays the title “Recent News” above the posts. You can edit this by adding your own title in the Section Title text field.
  4. Under Section Content, you can enter some text to appear above the recent blog posts.
  5. Specify how many posts you want to show under Number of posts to show.
  6. Click Save & Publish at the top of your screen to save the changes.

Testimonials

Prosperity: Testimonials

In order to display Testimonials section on the Front Page Template, you need to make it visible in the Customizer:

  1. In the Customizer, go to Theme Options → Front Page: Testimonials.
  2. Check Display Testimonials.
  3. Specify how many testimonials you want to show under the Number of testimonials to show label. Your recent testimonials will be displayed in three columns.
  4. In order to display your testimonials in a random order, please check Display in a random order.
  5. By default, this section displays the title “Testimonials” above the testimonials. You can edit this by adding your own title. Go to Appearance → Customize → Testimonials and type your own title into the text field under Testimonial Page Title.
  6. Click Save & Publish at the top of your screen to save the changes.

Setting Up The Full Width Template

Create or edit a page, assign it the Full Width Page template and click Publish.

Prosperity: Full Width Template

Setting Up Grid Page Template

  1. Create or edit a page, and assign it to the Grid Page template.
  2. The Grid Page template will display all sub-pages of the current page in a grid.
  3. The featured image, the title, and content from each sub-page will be displayed. You can have display different post summary lengths by using the More Tag.

Prosperity: Grid Template

Custom Menu

Prosperity comes with three Custom Menu locations:

  • Primary menu — located in the header, below the site title.
  • Secondary menu — located in the header, next the site title.
  • Social menu — displayed in two locations: above the site title, on the right side and at the bottom of your site.
Primary Menu

Primary Menu

Secondary Menu

Secondary Menu

Social Menu

Social Menu

To add description text to your Secondary menu, visit the Menus page in your dashboard and use the Screen Options tab to Show advanced menu properties. Select “Description” there to start editing menu descriptions.

Prosperity: Menu Description

Now you can add descriptions to any link in the menu.

Prosperity: Menu Description

Social Menu

Prosperity automatically displays links to your social media profiles as icons, using a Custom Menu. Learn how to set it up. The Social Menu will appear in both the header and footer area. Supported social media sites include:

  • Dribbble
  • Facebook
  • Flickr
  • GitHub
  • Google+
  • Instagram
  • LinkedIn
  • Pinterest
  • Foursquare
  • Stumble Upon
  • Dropbox
  • RSS feed
  • WordPress
  • Tumblr
  • Twitter
  • YouTube
  • Behance
  • Vkontakte
  • Soundcloud
  • deviantART
  • Email
  • Digg
  • Spotify
  • Twitch

Setting the Sidebar Position

Prosperity will display a sidebar if widgets are assigned to the Sidebar widget area. The sidebar will be on the right by default, but you can also move it to the left:

  1. In the Customizer, go to Theme Options → General Options.
  2. Select the desired alignment from the Sidebar Position drop-down.
  3. Click Save & Publish.

Prosperity: Sidebar Position

Testimonials

With Prosperity, you can add testimonials going to Testimonials → Add New in your dashboard. Testimonials are composed of the testimonial text, the name of the person, and an image (which can be added as a featured image).

All testimonials are displayed in an automatically generated testimonial archive page. The testimonial archive page can be found on your site at http://yourgroovysite.wordpress.com/testimonial/ (replace http://yourgroovysite.wordpress.com/ with your own site URL).

You can add the testimonial archive to a Custom Menu, using a custom link.

Prosperity: Testimonial

Adding Custom Header Text

Prosperity allows to show Custom Header text above the site title. To add, head to Customizer → Theme Options → General Options and enter your text in the box below the Header Custom Text label.

Prosperity: Custom Header Text

Adding Custom Footer Text

You can also add custom text into the bottom of your site, like a call-to-action or special announcements. To do this, navigate to Customizer → Theme Options → Footer Options and enter your text in the box below the Footer Custom Text label.

Prosperity: Custom Footer Text

Other Features