FitClub

FitClub theme specially focuses on creating fitness, gym type of websites. However, due to its flexibility and easiness it can be used to create any types of sites. Upload Theme

close

Relevant Links

FitClub theme specially focuses on creating fitness, gym type of websites. However, due to its flexibility and easiness it can be used to create any types of sites.

Installation

Installing your theme is pretty easy! After downloading you should have a fitclub-pro.zip file. This is a compressed file containing all of the required templates and images required for the theme to function properly.

Upload Theme

  1. Go to Appearance > Themes in the WordPress Dashboard
  2. Click on the Add New button
  3. Search for the FitClub
  4. Select the FitClub theme
  5. Click Install Now

Upload Theme – Pro

  1. Go to Appearance > Themes in the WordPress Dashboard
  2. Click on the Add New button
  3. Search for the Upload link
  4. Select the fitclub-pro.zip file you downloaded from ThemeGrill website
  5. Click Install Now

Activate the theme

Go to Appearance > Themes in the WordPress Dashboard.
Hover over the theme thumbnail and press the Activate button

Additional information: WordPress Codex – Using Themes

Menu Setup

By default, the primary menu will fallback to Pages. That means just after activation of the theme, you will see all the pages as menus. Create a custom Menu and assign a menu location to display your own Menu. If you want selective menus with combination of links, pages, categories then custom menu is what you should be looking for.

Set up Custom Menu

  1. Go to Appearance > Menus in the WordPress menu
  2. Click on Create a new menu link
  3. Now add the menu item, you can choose Pages, Custom links, Category etc.
  4. Check the required Theme Location
  5. Click Save Menu after adding required custom links in the menu

Theme Location for Menu settings

  • Primary MenuDisplay the menu below the logo/header text.
  • Footer MenuDisplay the menu on the Footer.
  • Social menuDisplay the menu containing Social Icons right corner of Logo Location.

Social Menu setup

fitclub-social-menu

  1. Use Custom Links to create a menu.
  2. In URL field type your social media link. For example: www.facebook.com/profile_id
  3. Social media supported by theme are: Facebook, Twitter, Google Plus, Youtube, Pinterest, Instagram,
  4. Check Social Menu under Theme Location.

Slider Options

Slider, by default, is disabled and will only display on Front Page. All the options related to Slider part are available in Appearance-> Customize-> Slider Options.
Fitness WP Theme Slider

Slider Settings

  1. Enable the slider from In Appearance->Customize->Slider Options-> Slider Settings
  2. Create the page for each slider and enter title, text and featured image. Page Title will appear as Slider Title, content as Slider Description and features image as Slider Image.
  3. Choose the respective pages in drop down options.
  4. The recommended size for the slider image is 1900 x 1000 pixels. For better functioning of slider use equal size images for each slide.
    If featured image is not used in the page then the page is excluded in the Slider.

Site Identity

This theme supports the default Site Identity section provided by the WordPress and we have integrated some options in this theme in this section.

Logo

Add Logo

  1. Go to Appearance > Customize > Site Identity > Logo in the WordPress menu
  2. Now, Upload the custom logo from the Select Logo button there.
  3. To show the logo follow instruction in Header Settings Section

Fitclub instruction header logo

Header Options

All the options related to Header part are available in Appearance-> Customize-> Header Options.

Header Options

Header Logo

Upload the Logo to display it on the Header from Site Identity Section. Following Options are provided here:

  1. Header Logo Only: displays the header logo only
  2. Header Text Only: displays the header text only
  3. Show both header logo and text: displays both of the logo image and header text
  4. Disable: Disable both of them to be displayed

      5. FitClub Header Logo

Front Page Setup

Front Page Template is design to display the widgets used in the Front Page Template Sidebar( Appearance-> widgets). You can use a page (which is assigned to Front Page Template) to display widgets on the Front Page.

Steps

  1. Create 2 pages ie, Home and Blog Page. Assign Home to FitClub Startpage Template.
  2. Go to Appearance-> widgets and drag/select the widgets on the Front Page Template Sidebar. Now Home Page will display all the widgets used in Front Page Template Sidebar.
  3. To display Home Page as front page: go to Settings-> Reading and select A static page radio option under Front page displays.
  4. Now, choose the Home Page in Front page.
  5. Also, choose Blog page in Posts page.
  6. The Home Page and Blog Page will not display the content of the page.

Widget Descriptions

FitClub provide seven awesome widgets that you can use in Front Page Template Sidebar to make your site look amazingly Beautiful. Go to Appearance-> widgets, drag/select the widgets in the Front Page Template Sidebar to display it on the Front Page Template Page.

TG: Service Widget

Fitness Club Services WordPress

This widget enable you to display your services. In this widget, enter the Title, Description and number of pages to display.Steps:

  • Create pages for each Services, enter the Title, Description, set a Featured Image and select the Service Template.
Info: The Recommended size for featured image is 380 by 240.
  • Drag the TG: Service Widget in the Front Page Sidebar and enter the Title, Description and enter the number of page to display.
  • Select the Image or Color to display as Background.
Background image (if used) will override the background color.

TG: Our Team Widget

FitClub Our Team Widget

Show your Team Members. Simailar to TG: Service Widget, enter the Title, Description and number of pages to display.Steps:

  • Create pages for each Team member, enter the Title, Description, set a Featured Image and select the Our Team Template.
Info: The Recommended size for featured image is 375 by 450.
  • Drag the TG: Our Team Widget in the Front Page Sidebar and enter the Title, Description and enter the number of page to display.
  • Select the Image or Color to display as Background.
Background image (if used) will override the background color.

TG: Featured Posts Widget

FitClub Featured Post

This widget display your latest/featured posts. In this widget, enter the Title and Description. Select the number of posts to display from either the Latest Posts or Posts from the certain Category. If you choose to Show posts from a category than enter the Category from the Drop-down option.

TG: Call To Action Widget

Display Call to action. In this widget, enter the Main Text, Button text, Button redirect link. There is also the option of background color and image. Set color to display it as backgound or Upload image.

TG: Call To Action Video Widget

Call to Action Widget

Display Call to action. In this widget, select page for content, enter embed code of video, Button text, Button redirect link. There is also the option of background color and image. Set color to display it as backgound or Upload image.

TG: Event Slider

Event Slider

This widget enable you to display your event slider. In this widget, enter the Title and number of events to display.Steps:

Note: You need to install “The Event Calendar” plugin to show events.
  • Create events from WP Dashboard.
  • Drag the TG: Event Slider Widget in the Front Page Sidebar and enter the Title and enter the number of events to display.

TG: Testimonial Widget

Fitness Testimonials Theme

This widget enable you to display your testimonials. In this widget, enter the Title and number of pages to display.Steps:

  • Create pages for each Testimonials, enter the Title, Description, set a Featured Image and select the Testimonial Template.
Info: The Recommended size for featured image is 240 by 240.
  • Drag the TG: Testimonial Widget in the Front Page Sidebar and enter the Title, Description and enter the number of page to display.
  • Select the Image or Color to display as Background.
Background image (if used) will override the background color.

TG: About Widget

FitClub About

This widget enable you to display your about section. In this widget, enter the Title and select page to display.Steps:

  • Create a page, enter the Title, Content, set a Featured Image.
Info: The Recommended size for featured image is 240 by 240.
  • Drag the TG: About Widget in the Front Page Sidebar and enter the Title, and select the page to display.
  • Select the Image or Color to display as Background.
Background image (if used) will override the background color.

TG: Opening Hours Widget

Opening Hours Widget

This widget enable you to display your business opening hours in beautiful layout. In this widget, enter the Title, day and opening hours for respective day.Steps:

  • Drag the TG: Opening Hours Widget in the Front Page Sidebar ( or Front Page Middle Left Sidebar if you want to make your site appear like demo) and enter the Title, day and opening hours for respective day.

TG: Stats Counter Widget

Stats Counter

This widget enable you to display your fun facts or stats counter in beautiful layout. In this widget, enter the Title, description, and fact detail, fact number for respective facts.Steps:

  • Drag the TG: Stats Counter Widget in the Front Page Sidebar ( or Front Page Middle Right Sidebar if you want to make your site appear like demo) and enter the Title, description, and fact detail, fact number and font-awesome icon for respective facts.

TG: Opening Hours Widget

Opening Hours Widget

This widget enable you to display your business opening hours in beautiful layout. In this widget, enter the Title, day and opening hours for respective day.Steps:

  • Drag the TG: Opening Hours Widget in the Front Page Sidebar ( or Front Page Middle Left Sidebar if you want to make your site appear like demo) and enter the Title, day and opening hours for respective day.

TG: FAQ Widget

FAQ Widget FitClub

This widget enable you to display your frequently asked questions. In this widget, enter the Title and number of pages to display.Steps:

  • Create pages for each FAQs, enter the Title, Descriptionand select the FAQ Template.
  • Drag the TG: FAQ Widget in the Front Page Sidebar and enter the Title, Description and enter the number of page to display.

TG: Contact Us Widget

  • This widget is for displaying your contact information and contact form. Enter the Title, Latitude and Longitude for Google Map cordinates. Our theme Supports Contact Form 7, it’s free theme available in WordPress repo. Paste the Shortcode of Contact Form 7 in the Shortcode field.
Note: If you want to display the Contact Form in Contact page than you should paste the Shortcode in the Contact page too.

Design Options

Design based settings and Custom CSS Box are available in Appearance-> Customize-> Design Options.

Layout Options

  • Default Layout

This layout will be reflected in whole site archives, search etc. The layout for a single post and page can be controlled from below options.

  • Default layout for pages only

Select default layout for pages. This layout will be reflected in all pages unless unique layout is set for specific page. To select the unique Layout for any particular page edit that page and Choose the Layout from Layout option box.

  • Default Layout For Single Posts Only

Select default layout for single posts. This layout will be reflected in all single posts unless unique layout is set for specific post. To select the unique Layout for any particular post edit that page and Choose the Layout from Layout option box.

If you don’t want any sidebar than select “No Sidebar Full Width” or “No Sidebar Content Centered”

Custom CSS Box

  • FitClub have Custom CSS Box which will ease your work if you need to add CSS in your site. Note: It will strip all the tags. Also, we strongly recommend not to edit the code in the theme’s file. All you changes will be lost if you update the theme. Use child theme instead.

Additional Options

Additional options are available in Appearance-> Customize-> Additional Options.

Other Theme Related options

  • Posts Page content

Display full content or short description/excerpt on the Posts Page.

  • Hide Post meta/information

Hide specific or all the meta/information from the Blog posts and Single post.

Footer Setup

Footer part display the widgets used in Footer Sidebar in Appearance-> widgets, Copyright text and Footer Menu

Setting up Footer Section

  • Go to Appearance-> widgets and drag/select the widgets on the Footer Sidebar 1 to Footer Sidebar 4.
Footer Copyright Text is static and options to edit this text will only available in Pro version of this theme.
  • To display the footer menu, create a menu and assign it to Footer menu. Please refer Menu Setup section to know how to create a menu

Supported Plugins

This theme support some Plugins

Plugins Supported

  1. WooCommerce plugin.
  2. Contact Form 7 plugin.
  3. WP-PageNavi plugin.
Other plugins are not tested with this theme but by default some plugins might work with the theme.

Theme Hooks

FitClub provides different hooks to add custom functionalities.

do_action( 'fitclub_before' )                   - Hook to add function directly after start of  tag
do_action( 'fitclub_before_header' )            - Hook to add function before header area
do_action( 'fitclub_after_header' )             - Hook to add function after header area
do_action( 'fitclub_before_body_content' )      - Hook to add function before the body content including sidebars
do_action( 'fitclub_after_body_content' )       - Hook to add function after the body content including sidebars
do_action( 'fitclub_before_comments_template' ) - Hook to add function before comment template in posts
do_action ( 'fitclub_after_comments_template' ) - Hook to add function after comment template in posts
do_action( 'fitclub_before_left_sidebar' )      - Hook to add function before left sidebar area
do_action( 'fitclub_after_left_sidebar' )       - Hook to add function after left sidebar area
do_action( 'fitclub_before_right_sidebar' )     - Hook to add function before right sidebar area
do_action( 'fitclub_after_right_sidebar' )      - Hook to add function after right sidebar area
do_action( 'fitclub_footer_copyright' )         - Hook to add function for footer copyright area

Recommended Image Size

Since this theme heavily relies on the featured images of the post to be displayed the content of your site uniquely as it is best suited for the news/magazine site. So, we have created different recommended image size for this theme.Recommended image size (width*height) used in Spacious theme in px.

Image Sizes

  1. Recommended image size for Slider – 1920*1000
  2. Minimum image size for About widget – 576*341
  3. Minimum image size for Service widget – 380*240
  4. Minimum image size for Testimonial widget – 240*240
  5. Minimum image size for Team widget – 375*450
  6. Minimum image size for Posts – 870*435
FitClub