close

Getting started

This is the Flash theme instruction page. We have tried our best to keep it as simple as possible. If you think it can be made even simpler let us know we will be glad to change it. Let’s start! On the left side you can see the table of contents of this documentation. Jump to the section you want, or read it all through – your choice. Let’s move on!

Installation

Installing your theme is pretty easy! After downloading you should have a flash.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 Flash
  4. Select the Flash theme
  5. Click Install Now

Activate the theme

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

Additional information: WordPress Codex – Using Themes

Custom Menu

By default, the menus will fallback to Pages. That means just after activation of the theme, you will see all the pages as menus. 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. Give a name to your menu in Menu Name and click Create Menu button
  4. Now choose the pages, categories, custom links from the leftside of your screen by selecting the checkbox and click on Add Menu
  5. Click Save Menu after adding required pages, categories in the menu
Additional information: Have a look here if you are still confused WordPress Custom Menu

Theme Location for Menu settings

  • Primary MenuDisplay the menu next the logo/header text.
  • Footer MenuDisplay the menu on the Footer.
  • Social menuDisplay the menu containing Social Icons right corner of header top section.

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.

Site Identity

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

Site Identity

  1. Go to Appearance > Customize > Site Identity section from the WordPress dashboard
  2. The options integrated in this theme in this section are:

    • Logo
    • This option enables you to upload the header logo in your site, making your site brand look unique by using the custom image with 150 x 150 Pixels of size.

    • Site Title
    • Add the required Site Title from this section in your site.

    • Tagline
    • Add the required Site Tagline from this section in your site.

    • Display Site Title & Tagline
    • This option provides you whether to display the Site title and tagline or not in your site.

  3. Click on Save & Publish button after the required setup has been done in your site through this setting.

Header Image

To set the header image follow below steps.

Steps

  1. Go to Appearance > Customize > Header Image in the WordPress menu
  2. Now, Upload the header image from the Add new image button there.
  3. Now after selecting the header image, it will ask you to crop. If you like to crop it, then, you can crop else leave it as you want for your site to best suit it.
  4. Now, click on Save & Publish button.

Color Options

This theme supports the option to change the color setting for your site, according to which you want for your site. The options integrated in this section are:
  1. Base Color Scheme
  2. Background Color
  3. Link Color
  4. Main Text Color
  5. Secondary Text Color

The image for this color options is shown below which will be displayed as below in the back-end:-
flash-color

Flash Theme Options

All our custom settings related to theme are available through Appearance > Customize > Flash Theme Options section from the WordPress dashboard.

General Settings

    Go to Appearance > Customize > Flash Theme Options > General Settings section from the WordPress dashboard
    The options integrated in this section are:

    • Site Layout
    • This option contain 2 types of layout
      1. Wide Layout
      2. Box Layout ( Defalut )

    • Disable Preloader
    • This option allow you to enables/disable preloader animation shown while opening the site.

    • Disable Back to Top Button
    • This option allow you to enables/disable the back to top button.

  1. Click on Save & Publish button after the required setup has been done in your site through this setting.

Top Header Settings

    All the options related to Header top part are available in Appearance > Customize > Flash Theme Options > Top Header Settings section from the WordPress dashboard.
    The options integrated in this section are:

  1. Enable Top HeaderThis option helps you to display social menu and header contact information on the top header section by enable the checkbox.
  2. Top Header Left Content Display the content on the top left part by selecting the option from dropdown menu.
    • Social MenuDisplay the social menu icons on top header left part.
    • Top Header Text ( Default ) Display the text content on top header left part.
    • Disable Hide the content to display on top header left part.
  3. Top Header Right ContentDisplay the content on the top right part by selecting the option from dropdown menu.
    • Social Menu ( Default )Display the social menu icons on top header right part.
    • Top Header TextDisplay the text content on top header right part.
    • Disable Hide the content to display on top header right part.
  4. Top Header Text ContentAdd the text to display either in top header left or top header right content part.
  5. <ul class="contact-info">
      <li><span><i class="fa fa-map-marker"></i></span>New York, NY 928865, USA</li>
      <li><span><i class="fa fa-phone"></i></span>+987-265945868</li>
      <li><span><i class="fa fa-envelope"></i></span>info@themegrill.com</li>
    </ul>
    

The image for this header top section is shown below which will be displayed as below in the front-end:-
flash-top-header

Info: Setup Social Menu to display the social icons in top header part.

Header Settings

    All the options related to Header part are available in Appearance > Customize > Flash Theme Options > Header Settings section from the WordPress dashboard.
    The options integrated in this section are:

  1. Header Logo PositionDefault header Logo position is Left Logo & Right Menu. To change the header postion select one of the following option from the dropdown.
    • Left Logo & Right Menu  ( Default )
    • Right Menu & Left Logo
    • Center Logo & Below Menu
  2. Remove Header Search Box Check the box to remove search icon near menu.
  3. Remove Header Cart IconCheck the box to remove woocommerce cart icon near menu.
    Info: This option only display if WooCommerce plugin is activated.
  4. Sticky HeaderCheck the box to make the header section sticky when user scrolls down.
  5. Transparent HeaderCheck the box to make the header section transparent.

Page Header Settings

    All the options related to innerpage of Page Header section are available in Appearance > Customize > Flash Theme Options > Page Header Settings section from the WordPress dashboard.
    The options integrated in this section are:

  1. Enable PageheaderThis features allow you to show/hide the entire page header section of innerpage.
  2. Remove breadcrumbs title from page header This featuers allow your to show/hide only breadcrubs part from the page header section of innerpage.
  3. Remove breadcrumbs from page headerThis features allow your to show/hide the page title part from the page header section of innerpage.

Archive Blog Settings

    All the options related to Archive/Blog Page are available in Appearance > Customize > Flash Theme Options > Archive Blog Settings section from the WordPress dashboard.
    The options integrated in this section are:

  1. Blog Style This features allow you dislay blog page with 3 differect awesome styles.
    • Classic (Default)
    • Classic Full Width Image
    • Gride Layout
  2. Archive Page Layout This layout will be reflected in whole site archives, search etc
    • Sidebar Right (Default)
    • Sidebar Left
    • No Sidebar Full Width
    • No Sidebar Content Center
  3. Remove date from post meta Check the box to remove date from post meta from blog page.
  4. Remove author from post metaCheck the box to remove author from post meta from blog page.
  5. Remove category from post metaCheck the box to remove category from post meta from blog page.
  6. Remove tag from post metaCheck the box to remove tag from post meta from blog page.

Post Settings

    All the options related to Single Post are available in Appearance > Customize > Flash Theme Options > Post Settings section from the WordPress dashboard.
    The options integrated in this section are:

  1. Single Post Layout This layout will be reflected in all single posts unless unique layout is set for specific post.
    • Sidebar Right (Default)
    • Sidebar Left
    • No Sidebar Full Width
    • No Sidebar Content Center
  2. Remove Author Bio from post Check the box to remove author bio from single post.
  3. Remove next/previous link from postCheck the box to remove next/previous link from post.

Page Settings

    All the options related to Single Page are available in Appearance > Customize > Flash Theme Options > Page Settings section from the WordPress dashboard.
    The options integrated in this section are:

  1. Single Post Layout This layout will be reflected in all single page unless unique layout is set for specific page.
    • Sidebar Right (Default)
    • Sidebar Left
    • No Sidebar Full Width
    • No Sidebar Content Center

Page Templates

This theme has built in page templates to show your post post in different way by using the bundled widgets.

Page Templates

In this theme, we have included two Page Template in it, for displaying your post in different way by using the bundled widgets in this theme. They are:

  1. Full Width
  2. While using this page template, you have display your page content without any sidebar with full width of page.

  3. Pagebuilder
  4. While using this page template, you have the ability to display the widgets by using the Pagebuilder plugin, named as Page Builder by SiteOrigin and manage your widgets in this page. The link to this plugin is here: Page Builder by SiteOrigin

Page Builder

Build responsive page layouts using the widgets using this simple drag and drop page builder.

Page Builder by SiteOrigin

While using this page template, you have the ability to display the widgets by using the Pagebuilder plugin, named as Page Builder by SiteOrigin and manage your widgets in this page. The link to this plugin is here: Page Builder by SiteOrigin

Add Widget

  • Go to any of your page.
  • Click the Page Builder tab which is located in top right of content.
  • You can add your widgets just by click add widgets button

The image for adding your widgets in particular page using Page Builder by SiteOrigin is shown below which will be displayed as below in the front-end:-
Page Builder

Add Row

  • Go to any of your page.
  • Click the Page Builder tab which is located in top right of content.
  • You can add your widgets just by click add row button

The image for adding your rows in particular page using Page Builder by SiteOrigin is shown below which will be displayed as below in the front-end:-
Page Builder row

Info: need to install Page Builder by SiteOrigin plugins.

Flash Toolkit

Flash Toolkit is plugin which contains many awesome widgets. This plugins is speciously developed for compatible of Flash Theme.

Widgets

In this plugin, we have included different type of widget in it to display the post of your site in different way. They are:

FT: Slider

It is the widget bundled in flash toolkit plugin which can be used as the slider in theme, ie, Bigger image with slider title, content and button.

  • Add the FT: Slider Widget to the Pagebuilder area and fills the all necessary inputs such as title, text, image , button text an button url for the slider.
  • There is also option to choose the slider color scheme and display content alignment.

The image for this widget is shown below which will be displayed as below in the front-end:-
ft-slider-widget

Info: Only allow upto 5 items.

FT: About

It is the widget bundled in flash toolkit plugin which can be used as the about section in theme with title, content, featured image and button.

  • Add the FT: About Widget to the Pagebuilder area and fills the all necessary inputs such as title, text, upload image, button text an button url for the about section.

The image for this widget is shown below which will be displayed as below in the front-end:-
featured-post-slider

FT: Animated Number Counter

It is the widget bundled in flash toolkit plugin which can be used to disply Animated count number with title and icon.

  • Add the FT: Animated Number Counter Widget to the Pagebuilder area and fills the all necessary inputs such as title, font-awesome icon and animate number.
  • There is also option to choose the style layout.

The image for this widget is shown below which will be displayed as below in the front-end:-
ft-animated-counter

Info: To set the background image pleae go to edit row and in design you can set the background image for this section.

FT: Heading

It is the widget bundled in flash toolkit plugin which can be used to disply Heading text and Sub Heading text.

  • Add the FT: Heading Widget to the Pagebuilder area and enter the Heading text and Sub Heading text.

The image for this widget is shown below which will be displayed as below in the front-end:-
ft-heading-widget

FT: Logo

It is the widget bundled in flash toolkit plugin which can be used to disply your business patner logo as in horizontal slide show.

  • Add the FT: Logo Widget to the Pagebuilder area and enter the logo title and upload image.
  • Default, two brand logo section is given. You can add new brand logo section by clicking the add new logo button.

The image for this widget is shown below which will be displayed as below in the front-end:-
ft-logo-widget

Info: Only allow upto 5 items.

FT: Portfolio

It is the widget bundled in flash toolkit plugin which can be used to dispaly your portfolio & recent work. This widget uses custom portfolio posts with related category as portfolio. Featured image of the post is the portfolio image.

  • Add the FT: Portfolio Widget to the Pagebuilder area and select the project category and enter the number of project to display in your Portfolio section.
  • There is also option to display the navigation filter as well as design style and column selection option..

The image for this widget is shown below which will be displayed as below in the front-end:-
ft-portfolio-widget

Info: Please create custom portfolio posts.

FT: Service

It is the widget bundled in flash toolkit plugin which can be used to display your Services.

  • Add the FT: Service Widget to the Pagebuilder area and fills the all necessary inputs such as title, font-icon or image, text, button text an button url for the each service.
  • There is also option to choose the Service styles for display the Services.

The image for this widget is shown below which will be displayed as below in the front-end:-
ft-service-widget

FT: Blog

It is the widget bundled in flash toolkit plugin which can be used to display your latest posts or from spacific category posts in grid view.

  • Add the FT: Blog Widget to the Pagebuilder area and fills the all necessary inputs such as number of posts, choose the posts souce either from latest posts or speacific category and select category from category options.
  • There is also option to choose the Blog styles for display the Blog Posts.

The image for this widget is shown below which will be displayed as below in the front-end:-
ft-blog-widget

FT: Team

It is the widget bundled in flash toolkit plugin which can be used to display your Team Members.

  • Add the FT: Team Widget to the Pagebuilder area and fills the all necessary inputs such as name, image, description, designation and social profile url for the each team member.
  • There is also option to choose the Team styles for display the team memebers.

The image for this widget is shown below which will be displayed as below in the front-end:-
ft-team-widget

FT: Testimonial

It is the widget bundled in flash toolkit plugin which can be used to display thoughts of your satisfied customer.

  • Add the FT: Testimonial Widget to the Pagebuilder area and fills the all necessary inputs such as name, image, designation and description.
  • Default, one testiomonial section is given. You can add new testimonial section by clicking the add new testimonial button.
  • There is also option to display the testimonial content in slide.

The image for this widget is shown below which will be displayed as below in the front-end:-
ft-testimonial-widget

FT: CTA

It is the widget bundled in flash toolkit plugin which can be used to display Call To Action.

  • Add the FT: CTA Widget to the Pagebuilder area and fills the all necessary inputs such as title, subtitle, button and button URL.
  • There is also option to choose the CTA styles.

The image for this widget is shown below which will be displayed as below in the front-end:-
ft-cta-widget

Info: To set the background image pleae go to edit row and in design you can set the background image for this section.

How to limit the excerpt text

Now if you want to reduce or increase the number of words that appear in services widgets or post. You can easily change that.

Steps

  1. First Go to the service widget page or post in your dashboard.
  2. Just below the page editor you will see the excerpt box
  3. If you don’t see the excerpt box. Scroll to the top and you will see the screen options on the right hand side corner.

screen-options

  1. Click it and check the Excerpt box. Now you should see the excerpt box below the editor.
  2. Fill the excerpt box with the desired amount of text that you want to show.

How to Setup Blog page?

You can choose to show blog in 4 different ways.

Steps

  1. First go to Settings->Reading->Front Page displays->A static page (select below).
  2. Now from Posts page: dropdown select any page where you like to show blog post.
  3. Click Save Changes.

Footer Setup

Footer part display the widgets used in Footer Sidebar in Appearance-> widgets

Setting up Footer Section

  • Go to Appearance-> Customize-> Flash Theme Options-> Footer Settings and select the footer widgets area from 1 to Footer Sidebar 4.
  • Go to Appearance-> widgets and drag/select the widgets on the Footer Sidebar 1 to Footer Sidebar 4.

Flash

Your email address will not be published. Required fields are marked *

Leave a Comment