FlatterPlus WordPress Theme Documentation

  1. From Appearance, click on widgets.
  2. From widgets you will see the following widget:
    1. Flatter Socialize: Allows you to add links to your social sites.                                                                                             customwidett
    2. Flatter Advertisement Widget: Allows you to add advertisement section on your sidebar as per your requirement.                                                                                                                                                                                 customwidgeet
    3. Frontpage Widget: You need to enable this widget as shown in the picture below. Allows you to add text widget and any other as per your requirement which is also shown in the picture below.                            layout customwidget
Category: FlatterPlus
  1. From post click on, categories.
  2. From categories, you will see the following option:
    1. Name: Allows you to add category name.
  3. Finally click on add new category to add the desired category.

category

  1. From post click on add new.
  2. From add new  you will see the following options:
    1. Title: Allows you to add title to your post.
    2. Description: Allows you to add description to your post.
    3. Add Media: Allows you to add media files into your post.
    4. Select Category: Allows you to select category for your post.
    5. Set Featured Image: Allows you to add feature image to your post.

post

Note: Categories can be added according to the sections. For instance if you want to appear your post in product section then at first create category called “product” and then classify that post as product in category section.

  1. From Appearance section, go to Flatter Option.
  2. From Flatter Option, click on Import/Export you will be the option shown in the picture that allows you to Import/Export the theme option.

import

Category: FlatterPlus
  1. From Appearance section, go to Flatter Option.
  2. From Flatter Option, click on Footer Option where you will be able to see the following options:
    1. Footer Widget: Allows you to enable/disable footer widget in Footer Section.
    2. Copyright Text: Allows you to change Copyright section in your website as per your requirement.
    3. Facebook: This allows you to link your website to your Facebook Account.
    4. Twitter: This allows you to link your website to your Twitter Account.
    5. Google Plus: This allows you to link your website to your Google Plus Account.
    6. LinkedIn: This allows you to link your website to your LinkedIn Account.
    7. Skype: Allows you to link your website to your Skype Account.

footer

Category: FlatterPlus
  1. From Appearance, go to Flatter Option.
  2. From Flatter Option, click on Typography where you will be able to see the following options:
    1. Font Family: Allows you to change the font style as per your requirement.
    2. Theme Color: Allows you to change color of your website.
    3. Body Background: Allows you to change background color in the body section in your website.
    4. Header Background: Allows you to change background color of header section in your website.
    5. Home Slider Font Color: Allows you to change the Font Color of slider section in your website.
    6. Home Slider Button Font Color: Allows you to change the Font Color of the button in the slider section of your website.

slider

3.You will find the following options as well for Services, Latest Post, Our Work and Testimonials Section.

  1. Background Color: Allows you to change the Background Color of the section that you want according to your choice to be displayed in your website.
  2. Title Font Color: Allows you to change the Title Font Color of the section that you want according to your choice to be displayed in your website.
  3. Font Color: Allows you to change the Font Color of the section that you want according to your choice to be displayed in your website.

works

4.newsletterYou will see the following option for Features and Newsletter Section.

  1. Background Color: Allows you to change the Background Color of the Feature Section according to your choice in your website.
  2. Font Color: Allows you to change the Font Color of the Feature Section according to your choice in your website.
  3. Home Widget (Newsletter) Background Color: Allows you to change the Background Color of Newsletter Section in you website according to your choice.
Category: FlatterPlus
  1. From Appearance section, go to Flatter Option.
  2. From Flatter Option, click on Section Setting where you will be able to see the following option for different Sections in your website.
    1. Enable/Disable Slider Read More Button: Allows you to enable/disable Read More Button in slider section of you website.
    2. Section Title: Allows you to set Section Title according to your requirement in each section in your website.
    3. Number of Post to Show: Allows you to select Number of Post to be displayed on each section in your website.
    4. Set Background Image: Allows you to set a different Background Image in different section in your website.
    5. Home Widget Background Image: Allows you to select a different Background Image in Newsletter Section in your website.

section section1 section2

Category: FlatterPlus
  1. From Appearance section, go to Flatter Option.
  2. From Flatter Option, click on Advance Option where you will be able to see the following options:
    1. Social Share on Single Page: This allows you to enable/disable Social Icon on single pages.
    2. Excerpt Length: Allows you to change the length of the Excerpt Length according to your requirement on your website.
    3. Enable/Disable Scroll To Top Button: Allows you the enable/disable Scroll To Top Button as per your choice.
    4. Enable/Disable Scroll To Bottom Button: Allows you the enable/disable Scroll To Bottom Button as per your choice.
    5. Enable/Disable Bread Crumb: Allows you to enable/disable Bread Crumb section on your page/post according to your choice.
    6. Enable/Disable Title of Post on Header Image: Allows you to enable/disable to post the Title of Post on Header Image.
    7. Enable/Disable Posted on Date and Author: Allows you to enable/disbale the Posted Date and Author as per your requirement.
    8. Choose the Postion of Title: Allows you to choose the Postion of Title as per your choice to be displayed.
    9. Header Code: Allows you to customize header section with codes related to header in your website
    10. Footer Code: Allows you to customize footer section with codes related to footer in your website.
    11. Custom CSS: Allows you to customize your CSS according to your requirement in your website.

advanceopt advanceopt1

 

Category: FlatterPlus
  1. From Our Works section, click on add new.
  2. From add new, you will be able to see the option shown in the following picture.

ourwork

  1. Excerpt: Allows you to set a short description about the content in your website.
  2. Set Featured Image: Allows you to set featured image, in our works section of your website.
Category: FlatterPlus
  1. From Testimonials section, click on add new.
  2. From add new, you will be able to see the option shown in the following picture.

testimonials

  1. Address: Allows you to provide the address which will be displayed in testimonials section of your website.
  2. Excerpt: Allows you to set a short description about the content in your website.
Category: FlatterPlus
  1. From Features section, click on add new.
  2. From add new, you will be able to see the option shown in the following picture.

services

 

  1. Excerpt: Allows you to set a short description about the content in your website.
  2. Set Featured Image: Allows you to set featured image, in feature section of your website.
Category: FlatterPlus
  1. From Features section, click on add new.
  2. From add new, you will be able to see the option shown in the following picture.

features

 

  1. Excerpt: Allows you to set a short description about the content in your website.
  2. Set Featured Image: Allows you to set featured image, in feature section of your website.
Category: FlatterPlus
  1. From Home Slider, click on add new.
  2. From add new, you will be able to see the option as shown in the picture below.

home-slider

  1. Home Slider Button Title: Allows you to set the title for the button in slider section of your website.
  2. Button Link: Allows you to provide a link according to your choice.
  3. Set Feature Image: Allows you to set feature image in slider section of your website.
Category: FlatterPlus
  1. From Customize section, go to Static Front Page.
  2. From Static Front Page, you will be able to set a page as Static Front Page and you will find post page option as well.

static-front

Category: FlatterPlus
  1. From Customize section, go to
  2. From Widgets, you will be able to Add and Remove.

widget

Category: FlatterPlus
  1. From Customize section, go to
  2. From Menus, you will see Menu Location.
  3. Now you can choose menu for Primary Menu which will be displayed in top header section as main menu.

menulocation

Category: FlatterPlus
  1. From Customize section, go to
  2. From Menus, click on a particular menu you want to edit and you will be able to see the created menu, options to reorder and add menu items.

menuopt

Category: FlatterPlus
  1. From Customize section, go to Menus.
  2. From Menu click on ‘Add on Menu’ button and you will be able to create a menu. For example: below image shows Header Menu.
  3. Now you need to add items to this created menu.

menu

Category: FlatterPlus
  1. From Customize section, go to Header Image.
  2. From the Header Image, you will be able to make changes in:
  3. Current Header Image: The header image that you have currently set. Click on Add new image to select new from media gallery.
  4. Previously Uploaded: The header image that you have previously uploaded.
  5. Randomize Uploaded Headers: The header images that you have uploaded changes randomly in different pages of your site.

header-image

Category: FlatterPlus
  1. From Customize section, go to
  2. From Colors, you will be able to change options like:
  3. Header Text Color: This changes the header text color of your site.

screenshot-localhost 2016-05-31 11-18-56

Category: FlatterPlus
  1. From Customize section go to Site Identity.
  2. From Site Identity you will be able to add various option related to site identity like:
    1. Site Title: It changes the main site title of the site.
    2. Tagline: It changes the tagline (i.e Description) of the site. Just below the site title.
    3. Display Site Title and Tagline: This enables/disables the site title and tagline from the site.
    4. Site Icon: The Site Icon is used as a browser and app icon for your site. The icon must be square, and at least 512px wide and tall.

Site Identity

Category: FlatterPlus
  1. From Appearance section, go to Flatter Option.
  2. From Flatter Option, click on Layout Manager where you will be able to see the following option:
    1. Enable: Allows you to enable the required sections in your website.
    2. Disable: This disables the sections which you do not want in section.

layout-manager

Category: FlatterPlus
  1. From Appearance, section go to Flatter Option.
  2. From Flatter Option, click on Getting Started where you will be able to see the following option:
    1. Logo: This allows you to upload Site Logo to you theme.
    2. Logo Text: Here you can provide the Site Title as per your choice when Site Logo is not uploaded.
    3. Page/Post/Category Layout: Allows you to choose layout of your page/post/category managing the sidebar position.

logo-sidebar

Category: FlatterPlus

 Install the plugin Flatter Post Types shown below the Dashboard in your admin panel.

screencapture

Category: FlatterPlus
  1. Select the Appearance Panel, Themes.
  2. Click on add new theme.
  3. Then click on upload theme.
  4. Click on choose file locate faltter-plus.zip theme in your computer.
  5. Select flatter-plus.zip and click install now.
Category: FlatterPlus