Version 1.1 

 

WordPress Theme    

A user guide to help you setup and use your brand new Hero Theme. 

      

Thank you for purchasing this theme, your support is truly appreciated!   

This user guide will walk you through setting up your theme, using its various features and answering common issues and problems. We recommend following this guide to setup your 

website.  

If you have any questions that are beyond the scope of the manual please feel free to submit a support request here: http://herothemes.com/support 

      

1 of 12 

 

Getting Started   To install the theme you must have WordPress already installed. Please see the WordPress Codex for more information on installing WordPress: http://codex.wordpress.org/Installing_WordPress   

Theme Installation  Note: If you are upgrading from a previous version of the theme, please ensure you read the separate Theme Upgrade documentation to ensure a successful upgrade.  You can install the theme in two ways:  

● WordPress Upload: In the WordPress admin panel navigate to Appearance > Add New Themes > Upload. Go to browse and select the zipped theme folder. Press install now and the theme will be uploaded and installed. This will be helpguru.zip or similar. It is not the zip file themeforest­xxxx­themename.zip, if you only have this file, you will need to extract the helpguru.zip first. 

● FTP Upload: Using your FTP program upload the un­zipped theme folder into the /wp­content/themes/ folder of your WordPress installation. 

 Once the theme is uploaded, you need to activate it. Go to Appearance > Themes and activate your theme.  

 Theme installation and activation from the WordPress Admin > Appearance page 

2 of 12 

Install and Activate Required Plugins  

 Theme required plugins notice 

 Upon activation, you may be prompted to install Heroic Knowledge Base, Heroic Voting and (optional) bbPress. These are plugins which enable the functionality of this theme.  Select Begin installing plugins and select all the plugins and then install from the drop down. Click Apply. The plugins will be downloaded where appropriate. When the message appears again, return to the install required plugins page and activate each of the plugins in turn.  

3 of 12 

Home/Blog Page Setup   First we need to setup the homepage page and blog page. Simply go to Pages > Add New and create the following pages with no content:  

● Blog ● Homepage (Using the custom page template ­ Homepage) 

 

 Selecting the template from the page attributes meta box 

 Next we need to assign these pages in WordPress as our homepage and blog page. Go to Settings > Reading and set the settings like this:  

 Controlling the front page options 

4 of 12 

Using the Knowledge Base as your Homepage

 Instead of using static pages as described above, you can use the knowledge base as the front page. Select Knowledge Base > Settings > General Settings and select the Knowledge Base Home option. This will override the front page displays setting in Settings > Reading.  

 

Setting up the Knowledge Base  When the theme is installed, you may see a notification reminding you to activate the Heroic Knowledge Base and Voting Plugin. Once these plugins are activated you can create your knowledge base articles to form the structure of the knowledge base section of your site.   Refer to the separate Heroic Knowledge Base documentation for the more details on how to create and configure the knowledge base. For best results with this theme, categorize articles into at least one top­level knowledge base category.   

  

 Setting up the knowledge base 

5 of 12 

Setting up bbPress forums  This theme supports bbPress, a popular forum plugin for WordPress. With bbPress you can add forums to your Hero Theme powered site.   When the theme is installed and activated, you may see a notification advising you that bbPress is recommended plugin and prompting to install bbPress. If this does not appear, or you want to install bbPress later search ‘bbPress’’ from Plugins > Add New > Search.   Install and activate bbPress. Once installed, you will be greeted by bbPress the welcome screen and have three new menus in your administration panel menu ­ Forums, Topics and Replies. The theme will also display a link to the forum from the front page of your site if you have the front page set up as described above.  Create your first forums by selecting Forums > New Forum. You and your users can create topics, make replies and build a community to complement your Hero Themes powered site.  

 Activating bbPress 

6 of 12 

Customize Settings  You can customize various visual aspects of the theme using the WordPress Live Customizer. Go to Appearance > Customize. Take some time to take a look through the options and customize them for your site.   

Header Options

● Site Title ­ The title for your site ● Tagline  ­ A tagline for your site ● Site Logo ­ Add a custom logo, recommended size is 200px wide and 55px tall. 

Footer Options

● Site Copyright – Enter your site copyright message 

Styling Options

● Link Color (Hover) ­ Select using this color picker ● Link Color ­ Select using this color picker ● Header BG Color ­ Select the header background color using this color picker ● Header Font Color ­ Select the header font color using this color picker ● Page Header BG Color ­ Select the banner background color using this color picker ● Page Header Font Color ­ Select the banner font color using this color picker 

 

Header / bbPress / Blog / Knowledge Base Options

● Headline ­ The headline that appears in the top banner on this page ● Tagline  ­ A tagline for beneath the tagline on this page 

 

Navigation Options

● Primary Navigation ­ select the menu you want to use for the main navigation, these can be created or edited from Appearance > Menus. 

Widgets (bbPress Sidebar and Footer Widgets)

● Widgets Shown ­ add/edit widgets from the live customizer. These can also be controlled from Appearance > Widgets. 

7 of 12 

Custom Menus  To setup your custom menus, navigate to Appearance > Menus. Give your menu a name and build it up using the available widgets. You can add a variety of items including pages, categories, custom links. To extend the available widgets, click the screen options tab at the very top of the screen and configure your options.  Once you have built and saved your menu, simply select the theme location using the widget on the left.  

 Adding custom menus 

   

8 of 12 

Widgets  This theme features several Widgetized areas, which you can drag ‘n’ drop widget items to show snippets of content in areas such as headers, sidebars and footers using the WordPress widget manager which can be accessed from Appearance > Widgets.  The Knowledge Base plugin come with several widgets including a Knowledge Base Articles widget for displaying knowledge base articles across your site and Knowledge Base Authors to quickly view top authors. bbPress also comes with a number of widgets to display content and functionality from the forums.  The widgetized areas include the default sidebar, BBPress Sidebar (if active), Knowledge Base Sidebar, Footer Widgets and Homepage Widgets. To use a widget in one of these areas, drag it from the Available Widgets panel on the left into one of the boxed areas on the right. Various options can then be set, including the title of the widget and what content appears.  Widget availability may depend on what plugins are installed and activated.   

An example of how the widgets are configured in the demo 

9 of 12 

Featured Images  The theme supports the use of featured images. The theme supports auto­resizing of the featured images. Auto­resizing will only occur however when the image is uploaded for the first time, images that have previously been uploaded will not be resized. You can however use the following plugin to regenerate the thumbnails: http://wordpress.org/extend/plugins/regenerate­thumbnails/  To upload a post thumbnail, go to Posts > Add New  or open an existing post in editing mode. Locate the Featured Image module and click the Set featured image link.  Clicking the link will open up the usual WordPress image uploader where you will upload your image. Simply make sure that it is either the same size or larger than what the final thumbnail will be. Once you’re done uploading the image, simply click the link that says “Set Featured Image”, which is next to the button to insert it into the post.  For more on how to use the WordPress' Post Thumbnail feature you can view this article ­ http://en.support.wordpress.com/featured­images/     

10 of 12 

Help and Tips  This section contains various helps and tips for making the most out of your Hero Theme.   

Hero Themes plugins These complementary plugins provide additional functionality for your site:  

Heroic Social Widget

Heroic Social Widget allows you to add links to all your social media in a widget, with over 80 icons available, this plugin caters for a wide variety of social links.  Get it at http://wordpress.org/plugins/heroic­social­widget/  or search ‘Heroic Social Widget’ from Plugins > Add New > Search  

Heroic Favicon Generator

Add favicons to your site with ease. This plugin allows you to upload most images for use as favicons.  Get it at http://wordpress.org/plugins/favhero­favicon­generator/ or search ‘Heroic Favicon Generator’ from Plugins > Add New > Search  

Heroic Posts Widgets

The Heroic Posts Widget is a more advanced posts widget for displaying certain posts. Enhanced options include excluding and reversing post order.   Get it at http://wordpress.org/plugins/heroic­posts­widget  or search ‘Heroic Posts Widget’ from Plugins > Add New > Search   

11 of 12 

Dedicated Support  Need support? We are here to help! Head over to http://herothemes.com/support/ to access our dedicated support portal.   You will need your themeforest purchase code to register for a free HeroThemes.com account, this can be found when you are logged into your themeforest account under downloads > item download > license certificate and purchase code, see http://herothemes.com/images/find­item­purchase­code.png for more details.  Thanks again for your purchase, we hope you enjoy using your new Hero Theme. If you have any feedback or queries, please get in touch via our support portal.    

Missing style sheet error when installing the theme?  A common issue that can occur with users new to installing WordPress themes is a “Broken theme and/or stylesheets missing” error message being displayed when trying to upload or activate the theme. This error message does not mean that the theme you have purchased is broken, it simply means it has been uploaded incorrectly. Luckily, there is a very easy fix. (http://support.envato.com/index.php?/Knowledgebase/Article/View/269)  

12 of 12