It Company Pro Theme Documentation

Help and Support

Click here for support:
Support

File Structure

The template package you have downloaded consists of several folders. Let's see what each folder contains:

  • Screenshots -contains template screenshot. Not for production.
  • theme -contains wordpress theme files
  • "it-company-pro" -this folder contains all the necessary files for the theme.
  • "license.txt" -contains license details
  • "readme.txt" -contain information about theme images path, font use and usage script

Template Installation

Template installation is very easy process. The installation process can be done in two ways

1-Install a theme using wordpress admin

First thing you need to do is to login to your WordPress admin area. Next, click on

1.Go to the menu Appearance >> Themes


2. Once you are on the themes page, click on the Add New button at the top.


3. Click on upload theme button.


4. Click on Browse Button then select your it-company-pro.zip theme and click on install now button.


Congratulations your theme have been successfully installed

Section Color/Font Pallette

Color/Font is very easy process. We have given these options in all sections of customizer. It is a complete image to show you about color and font pallete. At a single glance of click you can set the color and fonts of the Headings,Paragraph and Buttons

Every individual section have an option to set the color pallete for Headings,Title/Text,Paragraph,Button Text and Button Background depending upon the number of option that are available in that respective section

Default Color/Font settings

One-Click Demo Content Importer

Import demonstration content with one click to get your theme setup. This content will guide you through building your website for website creation.

Go toDashboard >> Appearance >> Get started

Before started "Run Importer" first you need to installed "it-company-pro-posttype" plugin.

Click on"Run Importer".

Fetch Demo content

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

Follow these instructions to setup Home page.

  • 1. Create Page to set template: Go to Dashboard >> Pages >> Add New Page.

    Label it "home" or anything as you wish. Then select template "Home page" from template dropdown.



  • 2. Set the front page: Go to Setting -> Reading --> Set the front page display static page to home


  • Once you have done with this you can see all the demo content on front page.

How to set up Home Page

Setup Social Icon

In order to set up Social Icon Section,

Go to Appearance >> Customize >> Theme Settings >>Social Icon Section



Follow these instructions to setup Social Icon.

  • Add Facebook Link: You can add facebook link here and the facebook icon will be displayed of your site.
  • Add twitter link : This option allows you to add twitter link to your site. Adding twitter link adds twitter icon of your site.
  • Add Instagram Link: You can add instagram link here which will add instgram icon.
  • Add Youtube Link: You can add Youtube link here.
  • Add Pinterest link : This option allows you to add pinterest link.
  • Add Linkedin link : This option allows you to add linkedin link to your site. Adding Linkedin link adds Linkedin icon of your site.
  • Add Tumblr link : This option allows you to add Tumblr link.
  • Add GooglePlus Link: You can add GooglePlus link here which will add GooglePlus icon.
  • Add Flickr link : This option allows you to add Flickr link.
  • Add VK Link: You can add VK link here which will add VK icon.

Setup Site Identity

In order to proceed with Site Identity ,

Go to Appearance >> Customize >> Site Identity



Setup Top Bar



In order to proceed with top bar Section,

Go to Appearance >> Customize >> Theme Settings >> Top Bar section



Follow these instructions to setup Our top bar section

  • Do you want this section: Includes settings for top bar display enable / disable option.
  • Add Background Color: You can add Background Color here and the Background Color will be displayed of your site.
  • Add Background image: You can add Background image here and the Background image will be displayed of your site.
  • Add Section Heading Color: You can add Section Heading Color here and the Section Heading Color will be displayed in top bar Section section of your site.
  • Add Section Heading Fonts: You can add Section Heading Fonts here and the Section Heading Fonts will be displayed of your site.
  • Add top bar Box Title Color: You can add Services Box Title Color here and the top bar Section Box Title Color will be displayed of your site.
  • Add top bar Section Box Title Fonts: You can add Cources Box Title Fonts here and the top bar Section Box Title Fonts will be displayed of your site.
  • Add Box Background Color: You can add Box Background Color and the Box Background Color will be displayed of your site.
  • Add top bar Section Title: You can add Section Title here and the top bar Section Title will be displayed of your site.
  • Add top bar Section Description: You can add Our top bar Description here and the Section Description will be displayed in top bar Section of your site.

Setup Header

In order to proceed with Header section,

Go to Appearance >> Customize >> Theme Settings >> Header section



Follow these instructions to setup Header section

  • Do you want this section: Includes settings for Header Show or Hide Search
  • Header Background Color: You can add Background Color here and the Background Color will be displayed of your site.
  • Add Menu Color: You can add Menu Color here and the Menu Color will be displayed of your site.
  • Add Menu Item Fonts: You can add Menu Item Fonts here and the Menu Item Fonts will be displayed in Header Section of your site.

Setup Slider



Follow the below steps to setup the slider

Go to Appearance >> Customize >> Theme Settings >> Slider Settings



  • Setting Options : Includes settings for Service display enable/disable option. With this setting, you can enable/disable this section. This is very important setting. If you want this section to appear on your website, just let the option be enabled and if you don't want this section to appear on your website, you can select disable and this section will disappear from your website.
  • Number of Slider To Show: Allow you to select no. of slider you would like to display.
  • Slider Image: Here you can set the images for slider.
  • Slider Heading Title: Here, you can set the title to be displayed on slider.
  • Slider Text: It allows you to set the text to be displayed on silder image
  • Slider Heading Color: Allow you to set the heading color of slider.
  • Slider Heading Fonts: You can set the font of Slider heading with this option.
  • Slider Text Color:This option allows you to set the color of slider text.
  • Slider Text Fonts: You can set the font of Slider heading with this option.
  • Button Text Fonts: You can set the font of button text with this option.

Setup About Section

In order to proceed with About Section,

Go to Appearance >> Customize >> Theme Settings >> About Section







Follow these instructions to setup Our About section

  • Do you want this section: Includes settings for About section display enable / disable option.
  • Add Background Color: You can add Background Color here and the Background Color will be displayed of your site.
  • Add Background image: You can add Background image here and the Background image will be displayed of your site.
  • Add Main Heading: You can add Main Heading will be displayed in About Ssection of your site.
  • Add About Us Image: You can add About Us Image here and the About Us Image will be displayed of your site.
  • Add About Us Details Title: You can add About Us Details Title here and the About Section Title will be displayed of your site.

Setup Who We Are



In order to proceed with Who We Are Section,

Go to Appearance >>Customize >> Theme Settings >> Who We Are





  • Setting Options: Includes settings for Who We Are sections display enable / disable option.
  • Add Background Color: You can add Background Color here and the Background Color will be displayed of your site.
  • Add Background image: You can add Background image here and the Background image will be displayed of your site.
  • Add Main Heading : You can add Main Heading here and displayed in who we are Section of your site.
  • How We Work Text You can add How We Work Text here and displayed in who we are section of your site.
  • No of Phases: You can add No of Phases here.


Setup What Do We Do

First activate "it-company-pro-posttype" plugin. Then only you add Services




In order to setup the following section, follow the below steps

1. Go to Dashboard -> service -> Add New



2. Add the service Section, Go to Appearance -> Customize -> Theme Settings -> Our service

3. You can also customize the colors of that section such as background color and the text color.




Follow these instructions to setup What Do We Do Section.



  • Setting Options: Includes settings for What Do We Do sections display enable / disable option.
  • Add Background Color: You can add Background Color here and the Background Color will be displayed of your site.
  • Add Background image: You can add Background image here and Background image will be displayed of your site.
  • Main Heading: You can add Main Heading here and Main Heading will be displayed in What Do We Do Section of your site.




Setup Key Facts




In order to proceed with Key Facts ,

1. Go toAppearance -> Customize -> Theme Settings -> Key Facts




Follow these instructions to setup Key Facts Section.



  • Setting Options: Includes settings for Key Facts display enable / disable option.
  • Add Background Color: You can add Background Color here and the Background Color will be displayed of your site.
  • Add Background image: You can add Background image here and Background image will be displayed of your site.
  • Main Heading: You can add Main Heading here and Main Heading will be displayed in Key Facts Section of your site.
  • Key Fact Icon : You can add Key Fact Icon here and Key Fact Icon will be displayed in Key Facts Section of your site.
  • Key Fact Title : You can add Key Fact Title here and Key Fact Icon will be displayed in Key Fact Section of your site.




Setup Our Projects

First activate "it-company-pro-posttype" plugin. Then only you add Project



In order to setup the following section go to Dashboard -> Project -> Add New



Add the project, set a respective category then Go to Appearance -> Customize -> Theme Settings -> Our Projects



In order to proceed with our Projects

  • Setting Options: Includes settings for Projects display enable / disable option.
  • Background Color: It allows you to set the background color of this section.
  • Background Image: It allows you to set background image in this section.
  • Section Title: This option allows you to set the title of this section. As you can see in screenshot above, Project is title, likewise you can set the title with the help of this option.

Setup Our Team

First activate "it-company-pro-posttype" plugin. Then only you add Our Team


In order to setup the following section go to Dashboard -> Our Team -> Add New





You can add Designation of our Team here



Designation: You can enter Designation of Team person here.


Go to Appearance -> Customize -> Theme Settings -> Our Team





In order to proceed with our team

  • Setting Options: Includes settings for Team display enable / disable option.
  • Background Color: It allows you to set the background color of this section.
  • Background Image: It allows you to set background image in this section.
  • Main Heading: This option allows you to set the Main Heading of this section. As you can see in screenshot above, likewise you can set the Main Heading with the help of this option.

Setup Happy Customers

First activate "it-company-pro-posttype" plugin. Then only you add Our Team



In order to setup the following section go to Dashboard -> Customers -> Add New



Go to Appearance -> Customize -> Theme Settings ->Happy Customers



In order to proceed with Happy Customers

  • Setting Options: Includes settings for Happy Customers display enable / disable option.
  • Background Color: It allows you to set the background color of this section.
  • Background Image: It allows you to set background image in this section.
  • Main Heading: This option allows you to set the Main Heading of this section. As you can see in screenshot above, likewise you can set the Main Heading with the help of this option.

Setup Pricing Plans








In order to setup the following section go to Appearance -> Customize -> Theme Settings -> Pricing Plans










In order to proceed with Pricing Plans

  • Setting Options: Includes settings for Pricing Plans display enable / disable option.
  • Background Color: It allows you to set the background color of this section.
  • Background Image: It allows you to set background image in this section.
  • Main Heading: This option allows you to set the Main Heading of this section. As you can see in screenshot above, likewise you can set the Main Heading with the help of this option.
  • Pricing Plans Title: This option allows you to set the Pricing Plans Title of this section. As you can see in screenshot above, Pricing Plans Title , likewise you can set the Pricing Plans Title with the help of this option.
  • Pricing Plan Description It allows you to set Pricing Plan Description in this section.

Setup Our Blog



In order to proceed with Our Blog ,

Go to dashboard -> Post -> Add New


Setup section From Our Blog Section

In order to setup the following section go to Appearance -> Customize -> Theme Settings -> Our Blog



  • Do you want this section: This section allows you to enable/disable this section altogether. In case, if you don't want this section on your site, just click on disable option and this section will disappear from your site. And if you want this wonderful section to appear on your site, just be it enabled and it will appear on your site.
  • Main Heading: Here, you can set the Main Heading of Our Blog
  • Heading Color: Here, you can set the Heading Color of Our Blog
  • Blog Text Font: Here, you can set the PHeading Fonts of Our Blog.
  • No of Blogs to Show: Here, you can set the No of Blogs to Show of Our Blog.
  • Read More Text Here, you can set the Read More Text of Our Blog.
  • Read More Text Font: Here, you can set the Read More Text Font of Our Blog.if you want.

Setup Our Partners



In order to proceed with Our Partners,

Go to Appearance -> Customize -> Theme Settings -> Our Partners



Follow these instructions to setup Our Partners.

  • Do you want this section: This section allows you to enable/disable this section altogether. In case, if you don't want this section on your site, just click on disable option and this section will disappear from your site. And if you want this wonderful section to appear on your site, just be it enabled and it will appear on your site.
  • Section Title Color: Here, you can set the text color of title for this section.
  • Section Title Fonts: Here, you can set the font family of title for this section.
  • Background Color: Here, you can set the background color of this section. As you can see in screenshot, the background color of this section is white. You can set it to any color as you want.
  • Background Image: If you want to set the background image for this section, you can set it here.
  • Number of Partners to show: Here, you can enter the number of partners you want to show in this section.
  • partner Image: Here, you can set the sponsor image for each partner you want to show in this section.

Setup Post General Settings



In order to proceed with Post General Settings ,

Go to Appearance -> Customize -> Theme Settings -> Post General Settings



  • Show or Hide Post Date: Here, you can Show or Hide Post Date if you want.
  • Show or Hide Post Comments: Here, you can set Show or Hide Post Comments if you want.
  • Show or Hide Post Share Icons: Here, you can set the Show or Hide Post Share Icons if you want.
  • Post Share Facebook: Here, you can set the Post Share Facebook.
  • Post Share Linkedin: Here, you can set the Post Share Linkedin if you want.
  • Post Share Twitter: Here, you can set the Post Share Twitter if you want.
  • How or Hide Post Category Here, you can set How or Hide Post Category if you want.

Setup Newsletter

Inorder to Setup Newsletter first you have to install contact form 7. Then only you add Newsletter



In order to setup the following section go to Dashboard -> contact -> Add New



Add the Newsletter, Go to Appearance -> Customize -> Theme Settings -> Newsletter








Setup Contact Section



In order to proceed with Contact,

Go to dashboard -> Contact -> add new


Go to Appearance >> Customize >> Theme Settings >>Contact Section





Follow these instructions to setup Contact Section.

  • Contact Heading Color: Here, you can set the Contact Heading Color
  • Contact Heading Fonts: Here, you can set the Contact Heading Fonts .
  • Contact Content Color: Here, you can set the Contact Content Color .
  • Contact Content Fonts: Here, you can set the Contact Content Fonts .
  • Background Color: Here, you can set the Background Color of Contact if you want.
  • Background image: Here, you can set the Background Image of Contact if you want.

Setup Google Map Section







  • Do you want this section: This section allows you to enable/disable this section altogether. In case, if you don't want this section on your site, just click on disable option and this section will disappear from your site. And if you want this wonderful section to appear on your site, just be it enabled and it will appear on your site.
  • Map Latitude: Here, you can add the Map Latitude for the map.

Setup Footer Text



In order to proceed with Footer Text,

Go to Appearance >> Customize >> Theme Settings >>Footer Text



Follow these instructions to setup Footer Text Section.

  • Content Color: Here, you can set the Content Color of footer
  • Content Fonts: Here, you can set the Content Fonts of footer.

Setup Footer Section





In order to proceed with Footer,

Go to dashboard -> Widgets


Go to Appearance >> Customize >> Theme Settings >>Footer Section



Follow these instructions to setup Footer Section.

  • Do you want this section: This section allows you to enable/disable this section altogether. In case, if you don't want this section on your site, just click on disable option and this section will disappear from your site. And if you want this wonderful section to appear on your site, just be it enabled and it will appear on your site.
  • Footer Heading Color: Here, you can set the Footer Heading Color of footer
  • Footer Heading Fonts: Here, you can set the Footer Heading Fonts of footer.
  • Footer Content Color: Here, you can set the Footer Content Color of footer.
  • Footer Content Fonts: Here, you can set the Footer Content Fonts of footer.
  • Background Color: Here, you can set the Background Color of footer if you want.
  • Background image: Here, you can set the Background Image of footer if you want.

Plugins

Plugins are ways to extend and add to the functionality that already exists in WordPress.
How to activate plugins

If you want these functionalities in your theme for which you need to activate plugin. Follow these instructions to activate plugin in your theme.

Go to Plugins >> Installed Plugins >>it-company-pro-posttype>>Activate


When you activate plugin, you can see four more options in your admin navigation, i.e Services , Projects , team ,Customers. You can see this four options in the admin navigation of the image because the plugin is activated.

These four sections automatically appears in your website once you activate plugin. You can see scrennshot of the same below.

Now, you can see these sections are added but contents are not there. For adding contents to these sections, follow these instructions.

First activate "it-company-pro-posttype" plugin. Then only you add Services

To add Services., Go to Services. >> Add new


With Services Meta option that you can see in the screenshot, you can add Logo and their URL to these section which gets uploaded automatically in Our Services. according to the Our Services images you add.

You can Also add Comments with Allow Comment option.

Now, you can add title of Our Services. and description as shown in image above


In this way, you can set up Our Project.


Page Templates and sidebars

Page Templates

  • Default Template (the default page template with a right sidebar position)
  • Page (Left Sidebar) (a page templates with left sidebar position)
  • Page (Right Sidebar) (a page template with right sidebar position)
  • Blog (Full Width) (a blog templates with one column without sidebar)
  • Blog (Left Sidebar) (a blog templates with left sidebar position)
  • Blog (Right Sidebar) (a blog template with right sidebar position)
  • Contact (the default Contact template with no sidebar position)
  • Home Page (the default home page template with right sidebar position)

Post, Categories and Post Formats


Adding category

Review the following article for more information on adding categories: http://codex.wordpress.org/Manage_Categories_SubPanel

  1. Log into your WordPress Administration Panel (Dashboard).
  2. Click the Posts tab.
  3. With that done, click Categories for blog posts.
  4. Type in the name of your new category.
  5. After that, click the Add New Category button.
Click the Publish button.

Creating a Blog post

  1. Log into your WordPress Administration Panel (Dashboard).
  2. Click the Posts tab.
  3. Click the Add New tab.
  4. Type in your post content. For more information on adding posts, please check the following link http://codex.wordpress.org/Posts_Add_New_SubPanel.

Shortcodes

A shortcode is a powerful content building tool http://codex.wordpress.org/Shortcode. Shortcodes are easy to use. First of all, make sure that the editing mode is set to Visual.


Check the list of shortcodes that are available with the Themes:

  • [list-services]
  • [list-projects]
  • [team]
  • [customers]

Widgets