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
Upload Theme
- Go to Appearance > Themes in the WordPress Dashboard
- Click on the Add New button
- Search for the FitClub
- Select the FitClub theme
- Click Install Now
Upload Theme – Pro
- Go to Appearance > Themes in the WordPress Dashboard
- Click on the Add New button
- Search for the Upload link
- Select the fitclub-pro.zip file you downloaded from ThemeGrill website
- Click Install Now
Activate the theme
Hover over the theme thumbnail and press the Activate button
Menu Setup
Set up Custom Menu
- Go to Appearance > Menus in the WordPress menu
- Click on Create a new menu link
- Now add the menu item, you can choose Pages, Custom links, Category etc.
- Check the required Theme Location
- 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
- Use Custom Links to create a menu.
- In URL field type your social media link. For example: www.facebook.com/profile_id
- Social media supported by theme are: Facebook, Twitter, Google Plus, Youtube, Pinterest, Instagram,
- Check Social Menu under Theme Location.
Slider Options
Slider Settings
- Enable the slider from In Appearance->Customize->Slider Options-> Slider Settings
- 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.
- Choose the respective pages in drop down options.
- 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
Logo
- Go to Appearance > Customize > Site Identity > Logo in the WordPress menu
- Now, Upload the custom logo from the Select Logo button there.
- To show the logo follow instruction in Header Settings Section
Header Options
Header Options
Upload the Logo to display it on the Header from Site Identity Section. Following Options are provided here:
- Header Logo Only: displays the header logo only
- Header Text Only: displays the header text only
- Show both header logo and text: displays both of the logo image and header text
- Disable: Disable both of them to be displayed
Front Page Setup
Steps
- Create 2 pages ie, Home and Blog Page. Assign Home to FitClub Startpage Template.
- 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.
- To display Home Page as front page: go to Settings-> Reading and select A static page radio option under Front page displays.
- Now, choose the Home Page in Front page.
- Also, choose Blog page in Posts page.
-
The Home Page and Blog Page will not display the content of the page.
Widget Descriptions
TG: Service Widget
- Create pages for each Services, enter the Title, Description, set a Featured Image and select the Service Template.
- 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.
TG: Our Team Widget
- Create pages for each Team member, enter the Title, Description, set a Featured Image and select the Our Team Template.
- 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.
TG: Featured Posts Widget
TG: Call To Action Widget
TG: Call To Action Video Widget
TG: Event Slider
- 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
- Create pages for each Testimonials, enter the Title, Description, set a Featured Image and select the Testimonial Template.
- 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.
TG: About Widget
- Create a page, enter the Title, Content, set a Featured Image.
- 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.
TG: Opening Hours Widget
- 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
- 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
- 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
- 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.
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.
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
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
Setting up Footer Section
- Go to Appearance-> widgets and drag/select the widgets on the Footer Sidebar 1 to Footer Sidebar 4.
- 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
Plugins Supported
- WooCommerce plugin.
- Contact Form 7 plugin.
- WP-PageNavi plugin.
Theme Hooks
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
- Recommended image size for Slider – 1920*1000
- Minimum image size for About widget – 576*341
- Minimum image size for Service widget – 380*240
- Minimum image size for Testimonial widget – 240*240
- Minimum image size for Team widget – 375*450
- Minimum image size for Posts – 870*435