Fortuneby Themes Harbor

Video Tutorials

We have created multiple video tutorials that quickly and accurately walk you through using the Fortune theme.

Setting up Your Pages

Fortune works best with a static front page and blog posts displayed on a different page within your site, so be sure to check out the guide to giving your site a static front page. Once your static front page is set up, assign it to the Front Page template from the Page Attributes pane.

Fortune front page template

Customizing Your Front Page

The Front Page Template has six sections: Introduction, Feature page #1, Feature page #2, Recent blog posts, Recent testimonials and Homepage-specific widget area. All sections are optional except the Introduction section. When you first activate Fortune, your homepage will display posts in a traditional blog format. If you’d like to use the Front Page Template instead, follow the instructions above.

Introduction

Fortune Featured Section

The Introduction section displays your homepage title and content along with a Featured Image.

  1. Add some introductory text to your site. For best results, we recommend a couple of paragraphs.
  2. If you would like to add a “Call to Action” button like the demo site, use a CSS class: button.
    <a href="http://demo.tdwp.us/fortune/" class="button">Read More</a>
    
  3. The page’s featured image is displayed behind your intro text.

Featured Pages #1 and #2

Fortune Homepage Grids

Those sections are optional. There are two ways to display your content in these sections; you can either have a grid layout or a full-width layout.

Grid Layout:

  1. Create a new page using the Grid Page template and add child pages to this page. You can learn about how to do this here.
  2. Head to My Sites → Customize → Theme Options → Front Featured Page #1 or Front Featured Page #2
  3. Under Featured Page, select the page you created in step 1 from the dropdown list.
  4. Under Section Layout, choose a layout for your grid from the dropdown list.
  5. Click Save & Publish at the top of your screen to save the changes.

Full-Width Layout:

  1. Create a new page.
  2. Head to My Sites → Customize → Theme Options → Front Featured Page #1 or Front Featured Page #2
  3. Under Featured Page, select the page you created in step 1 from the dropdown list.
  4. Click Save & Publish at the top of your screen to save the changes.

Recent Blog Posts

Fortune Homepage Posts

This section is optional – in order to display it, make it visible via the Customizer:

  1. Head to My Sites → Customize → Theme Options → Front Recent Posts
  2. Check Display Recent Posts.
  3. By default, this section displays the title “Latest News” above the posts. You can edit this by adding your own title into the text field under Section Title.
  4. Specify how many posts you want to show per page under the Number of posts to show label.
  5. Choose a layout from the dropdown list under Section Layout.

Recent Testimonials

Fortune Front Testimonials

This section is optional. In order to display Testimonials section, you need to make it visible in the Customizer:

  1. Head to My Sites → Customize → Theme Options → Front Testimonials
  2. Check Display Testimonials.
  3. Specify how many testimonials you want to show per page under the Number of testimonials to show label. Your recent testimonials will be displayed in two columns.
  4. By default, this section displays the title “Testimonials” above the testimonials. You can edit this by adding your own title. Go to My Sites → Customize → Testimonials and type your own title into the text field under Testimonial Page Title

Homepage Widget Area

Fortune includes a homepage-specific widget area which is located under the main homepage sections. You can configure this widget area under My Sites → Customize → Widgets.

If you want to add “Call to Action” text like the demo site, use a CSS class: cta.



<h3 class="cta">Ready to build an awesome site for your company? <a href="http://fortunedemo.wordpress.com/">Buy Fortune Now</a></h3>


You can add your HTML code to a Text widget.

Adding Site Logo

Fortune supports a Site Logo – to add one, head to My Sites → Customize → Site Identity and click the “Add logo” button to select an image.

Adding Featured Images

Fortune supports Featured Images on both posts and pages.

Custom Menus

Fortune includes two Custom Menu locations in the header, which can be configured via My Sites → Menus.

Theme also supports Social Menu. Fortune automatically displays links to your social media profiles  as icons, using a Custom MenuLearn how to set it up.

Fortune menus

Supported social media sites include:

  • Dribbble
  • Facebook
  • Flickr
  • GitHub
  • Google+
  • Instagram
  • LinkedIn
  • Pinterest
  • Tumblr
  • Twitter
  • YouTube
  • Behance
  • Vkontakte
  • Soundcloud
  • deviantART
  • Email

Setting Up The Full-Width Template

Fortune full width template

Create or edit a page, and assign it to the Full-Width Page template from the Page Attributes box.

Setting Up Grid Page Template

fortune grid template

  1. Create or edit a page, and assign it to the Grid Page template from the Page Attributes box.
  2. The Grid Page Template displays all child pages of the page, in a grid. Learn more about creating sub-pages (or child pages).
  3. The featured image, the title, and content from each sub-page creates a grid item. You can have display different post summary lengths by using the More Tag.

Setting the Sidebar Position

fortune sidebar option

If the sidebar is active, it will be displayed on the right by default. You can also choose to move it to the left.

  1. Navigate to My Sites → Customize → Theme Options → General Options.
  2. Select your option from the dropdown list under the Sidebar Position label.
  3. Click Save & Publish

Testimonials

fortune testimonials

With Fortune, you can add testimonials easily by 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 a testimonial archive page. The testimonial archive page can be found at http://mygroovysite.wordpress.com/testimonial/ (replace http://mygroovysite.wordpress.com/ with your own site URL).

Please note: the URL for the testimonial archive page must end with /testimonial/ (as shown in the example above) for the page to display testimonials properly.

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

Custom Background

fortune custom background

The background can be customized by going to the My Sites → Customize, and look for the Colors & Backgrounds section.

Post Formats and Sticky Posts

Fortune supports Post Formats and Sticky Posts. Fortune includes the following post formats: Aside, Status, Quote and Link.

Widget Areas

Fortune offers three widget areas, which can be configured in the My Sites → Customize.