Sporty Theme Documentation

Greetings! Below you will find complete documentation for SPORTY FREE and SPORTY PRO WordPress Themes.

General Information - Top

First of all, we want to say thank you! We're happy that you have chosen our theme for your website. We will do everything we can to provide you the best support possible. Feel free ask us if you need more help.

Activate Automatic Upgrades - Top

Pro Version Only

We have included automatic upgrades for this theme but before you can take advantage of this one-click upgrade facility you must first activate your licence.

  1. Select and activate Sporty or Sporty Pro from the themes screen.
  2. Navigate to Appearance -> Theme Licence
  3. Paste in your licence key in the the field provided and Save changes
  4. Click Activate Licence Button
  5. Once activated you should see the licence details
  6. Congratulations, your theme licence is now activated and you will recieve notices of any theme updates in the WordPress Admin panel.

FAQ - Top

Below are some of our more common support questions.

Is there a way I can add my own CSS touches?
Definitely! Custom CSS changes can now be made in admin > appearance > customize > additional css. Add styles here to override any of the default styles.
How do I get my homepage to look like the demo?
Setting up your website to look like the demo is simple. Just follow the Custom Homepage Instructions.
Do I need a plugin for the homepage slider?
No you don't! The slider you see in the theme demos is built into the theme. Follow the Homepage Slider section to set it up.

Sources and Credits - Top

This theme takes advantage of these generous tools:

Getting Started - Top

In this section we will go over the process of setting up WordPress environment, next I will show you how to install and activate your brand new theme. Finally you will learn how to setup all of the key features of sporty and sportypro themes.

Preparing Wordpress - Top

If you already have WordPress installed on your server just skip to the next section. If you haven't yet installed WordPress on your server, here you will find a complete guide on this topic. Just follow the steps and you will be ready in no time with a WordPress website.

Installation and Theme Activation - Top

Each WordPress Theme can be installed in two ways: via ftp client or through the admin panel:

Installing Theme via WordPress Admin Panel (recommended):
  1. open the wp-admin panel (navigate through web browser to the folder where you have installed the WordPress e.g www.your_domain.com/wp-admin/),
  2. login to your wp-admin panel, then from the main menu sidebar, choose 'Appearance -> Themes',
  3. at the top click 'Install Themes' tab,
  4. under the header click the 'Upload' link,
  5. you will be redirected to upload form, click the 'choose file' button and navigate to and select the sportypro.zip file you downloaded from us then click 'open',
  6. once the theme is done uploading it will automatically install,
  7. after the installation you will be able to activate the theme to do this click the "blue" activation link.
Installing WordPress Theme via FTP client:
  1. unzip the 'sportypro.zip'
  2. connect to your server,
  3. navigate to the folder where your WordPress is installed,
  4. drill down to /wp-content/themes/,
  5. upload the 'sportypro' unzipped folder into the 'themes' directory (the path will look like this: wp-content/themes/sportypro),
  6. On your web browser navigate to your wordpress installed website admin section e.g www.your_domain.com/wp-admin
  7. login to your wp-admin panel, then from the main menu sidebar, choose 'Appearance -> Themes',
  8. find the 'sportypro' theme and click the 'Activate' button next to it.
  9. You have now installed and activated Sporty Pro theme!

Sporty supports custom menu and you can set it by using the following steps.

  1. Go to Appearance->Menus.
  2. If you have no menu's created you will see the following sentence "Edit your menu below, or create a new menu.". Use that link to create your menu.
  3. Give your menu a suitable name and click the "Create menu" button.
  4. Within the "Edit Menus" tab you have the tools to build your menu. Be sure the menu name is the one you just created.
  5. Start adding pages, links and categories from the left panel by selecting the checkboxes and clicking the "Add to menu" button.
  6. Once you have some menu items added you can click+hold on a menu item and drag it into the position you want it to appear.
  7. Once your happy with the menu items and their position, click the "save menu" button and view the results on the front-end of the site.

Video Tutorial - Create Custom Menus

Setup sportypro like the demo - Top

Pro Version Only

Follow this guide to set your site up like the demo. It should take up to 5 minutes to complete the two stages.

Stage 1: Install all the demo content

  1. Navigate to 'Appearance -> Install Plugins' and install and activate the recommended plugins.
  2. Now navigate to 'Tools -> Import' and select Wordpress from the list of links at the bottom.
  3. You may have to install the Wordpress Importer if you've not used this function before. If so click the Blue 'Install Now' button and follow the instructions
  4. Once you have the Wordpress Importer working you will see an upload tool. We have included an XML file inside the sportypro.zip file within the demo_content folder.
  5. upload the xml file in the following folder: sportypro/demo_content from the unzipped sportypro.zip file.
  6. Answer following questions as required. Be sure to check the Import Attachments checkbox to ensure you see the demo images.

Stage 2: Upload all the customizations

  1. First install and activate a free plugin called Customizer Export/Import.
  2. Now, navigate to the new customizer section called 'Export/Import' 'Appearance -> Customize -> Export/Import'.
  3. Within the Import section of this panel, select a .dat file that we have included in the demo_content folder of this theme.
  4. Check the box to "Download and import image files"
  5. You may need to setup your site menu manually from 'Appearance -> Menus'.
  6. Be sure you have a page setup to use the custom_homepage template and that its set as your homepage.

Customizing Sidebar & Footer with widgets - Top

After installing the theme, your sidebars will be empty or have default widgets. These can be populated using the following steps:

  1. From main Admin Dashboard go to Appearance -> Widgets.
  2. You can drag and drop widgets into the relevent Widget containers.
  3. You can change position of each widget by clicking and holding on the widget title then drag it into position.
  4. Sporty Pro includes some extra widget areas in the footer and the left-sidebar templates. These can be populated using the same steps as above.

Video Tutorial - Adding some widgets

Recommended Image Sizes - Top

Here we suggest image dimensions to make your experience with Sporty great!

These are just recommendations and there is flexibility with sizes. Please note that the latest versions of Sporty and Sporty Pro allow you to expand the width of the theme. Remember to alter your slider and header image sizes accordingly.

Custom Site Settings - Top


Change Site Title, Tagline & Site Icon

  1. Navigate to Appearance -> Customize -> Header Settings
  2. Expand "Site Identity"
  3. Change the text for Site Title or Tagline or even hide the both.
  4. Select an image to be used as your browser and app site icon.
  5. Press "Save and Publish"

Upload Logo

This theme gives you the ability to upload custom logo.

  1. Navigate to Appearance -> Customize -> Header Settings
  2. Expand "Site Logo" section
  3. Upload your logo image (consult reccomended sizes)
  4. Press "Save and Publish"

Custom Header Image

This theme gives you the ability to upload a header image that will display throughout the site.

  1. Navigate to Appearance -> Customize -> Header Settings
  2. Expand "Header Image"
  3. Click "Add New Image" and upload an image (consult recommended sizes)
  4. Press "Save and Publish"

Add Sponsor Banner to header

Pro Version Only

Add your main sponsor in your header area.

  1. Navigate to Appearance -> Customize -> Header Settings
  2. Expand "Sponsor Banner"
  3. Upload a banner image (consult recommended sizes)
  4. Add url of your Sponsor
  5. Press "Save and Publish"

Add Social Media account links to header

More Options in Pro Version

We have loads of social media accounts you can add to the header as small icon links.

  1. Navigate to Appearance -> Customize -> Header Settings
  2. Expand "Social Media Settings"
  3. Add the full url into the desired social media account. e.g. https://twitter.com/templateexpress
  4. Press "Save and Publish"

Background Image

Sporty has the option for you to add a background image. You could use a texture or a fullsize photo.

  1. Navigate to Appearance -> Customize -> Global Settings
  2. Expand "Background Image"
  3. click "Select Image" and upload an image
  4. There are further options for positioning your image.
  5. Press "Save and Publish"

Pick a pre-built color scheme

More Options in Pro Version

With Sporty and Sporty Pro we have included pre-build styles to pick from.

  1. Navigate to Appearance -> Customize -> Global Settings
  2. Expand "Color Schemes"
  3. Select one of the pre-built color schemes.
  4. Press "Save and Publish"

Adjust width of website

With Sporty and Sporty Pro you can increase the width of your website (Default is 960px).

  1. Navigate to Appearance -> Customize -> Global Settings
  2. Expand "Site Layout"
  3. Enter your desired width in Pixels.
  4. Press "Save and Publish"

Further Color Options

Change the color of your site title (if you have not upoloaded a logo) and the background color (if you have not uploaded a background image).

  1. Navigate to Appearance -> Customize -> Global Settings
  2. Expand "Additional Color Options"
  3. Pick your desired colrs from the color pickers.
  4. Press "Save and Publish"

Pick from a selection of google fonts

Pro Version Only

With Sporty Pro we have included a selection of google fonts pick from.

  1. Navigate to Appearance -> Fonts
  2. Select a font from the "Body Font" dropdown to change the font for your websites body text. You can also select a font from the "Header Fonts" dropdown to change the font for your websites headers.
  3. Click "Save Changes"

Custom Homepage Settings - Top

There are lots of options within this section for you to create a personal homepage. Control layout, hide and show elements add a slider and much more...

Setup Homepage


Setup Custom Homepage

  1. Create new page or use existing page
  2. Select "Custom Homepage" from the Template dropdown option Custom Homepage Setup
  3. Save page
  4. Go to "Settings -> Reading"
  5. In the Front page displays section mark the "Static page" button and select your page from the Front page dropdown. Custom Homepage Setup
  6. Save and check the homepage on the live site and you should see the custom homepage template in action.

Homepage Posts section

Before any of your posts appear on the homepage you must set that post as sticky.

We've added the option to control the amount of posts on your homepage. We also thought it might be useful to include page content and even turn off the posts on the homepage.

  1. Navigate to Appearance -> Customize -> Homepage Settings
  2. Click "Post Settings" section

Slider Settings

On the custom homepage you have an in-built slider that can be used instead of a header image. Before the slider images appear you must have posts that use a featured image and you must be using the Custom Home template. You can then control your slider by doing the following:

  1. Navigate to Appearance -> Customize -> Homepage Settings
  2. Click "Slider Settings" section
  3. Pick the post category you want to appear in the slider
  4. Select the amount of posts you want to appear from that category.
  5. Select the amount of posts you want to appear from that category.
  6. Check the appropriate boxes for hiding slider texts
  7. Press "Save and Publish"

Feature Text Area

On the custom homepage you may want to draw attention to campaign or particular page. This is what the "Featured Promo Bar" is perfect for. Add some text and a link, simple!

  1. Navigate to Appearance -> Customize -> Homepage Settings
  2. Click "Featured Text Area" section
  3. Add relevent text to the fields
  4. Make sure the URL for the button link is the full http path and icludes the appropriate html.
  5. Press "Save and Publish"

Pro Version only

On the custom homepage you may want to draw attention to clubs sponsors. This is what the "Sponsor Section" is perfect for.

  1. Navigate to Appearance -> Customize -> Homepage Settings
  2. Click "Sponsor Section" section
  3. Check the "Show Sponsor Block Section"
  4. If your looking at the custom homepage in the preview window you will now see the sponsor block near the bottom of the page.
  5. Press "Save and Publish"
  6. Navigate back one step in the customizer
  7. Click "Homepage Sponsor Block" section
  8. Add and remove as many sponsors as you like.

Adding League Tables, Player Galleries, Fixtures and Results - Top

Sporty and Sporty Pro integrate with the SportsPress plugin allowing you to add content such as Team, League, Player and Schedule information.

  1. Install SportsPress Plugin and activate.
  2. Follow the SportSpress documentation to add content to your website.
  3. Shortcodes can be added straight into pages to generate your plugin content.
  4. Sporty and Sporty Free also has widget areas on the custom homeape, footer and page sidebars areas that ready to display SportSpress content after the plugin has been activated. Widgets can be added in the usual widgets area.

Creating an Authors page - Top

Pro Version only

  1. Create new page or use existing page
  2. Select "Display Authors" from the Template dropdown option
  3. This will now display a page with all users you have registered on your site and their profiles.





Once again, thank you for purchasing this theme. As we said at the beginning, we are glad to help you if you have any questions relating this theme. No guarantees, but we'll do our best to assist. If you have any suggestions on how to improve our themes or documentation please share them!

Note: we will be improving and adding to the premium version more often than the free version.

Template Express