It Company Pro Theme Documentation

File Structure

There are multiple folders in the template package that you downloaded. Let's examine what is in each folder:

  • Screenshots -contains a screenshot of a template. Not for manufacturing.
  • theme -files for the WordPress theme
  • "it-company-pro" -The theme's whole set of files may be found in this folder.
  • "license.txt" -includes licence information
  • "readme.txt" -provide details on the theme's image paths, font usage, and script usage.

TG KEY ACTIVATION

The steps for activating a TG Key are as follows.

As you will get the License Key on your Email, use that key to Activate License.

Follow the following Process to Activate License.

Go to Dashboard >> Appearance >> TG Key Activation >> Enter Key>>Save Changes.

After Key Entry, select Activate License.

After you Activate Licence,the key will be active and then you can Getstarted with the Theme.

In this way you can activate your Licence Key.

Template Installation

Installing a template is a simple process. There are two ways to complete the installation process.

1-Using WordPress admin, install a theme.

The first step is to log in to your WordPress admin dashboard. then click on

1.Go to the menu Appearance >> Themes


2.Click the Add New button at the top of the themes page after you've arrived there.


3. select the button for theme upload.


4. Choose your it-company-pro.zip theme by clicking the Browse button, and then hit the Install Now button.


Congrats! Your theme has been installed successfully.

Section Color/Font Pallette

It's quite simple to change the colour or font. These settings are available in every part of the customizer. This entire graphic demonstrates the colour and font palette. The colour and font of the headings, paragraphs, and buttons can be changed with a single click.

Depending on the number of options accessible in each area, there is an option to change the colour scheme for the headings, title/text, paragraphs, button text, and button background.

Default Color/Font settings

One-Click Demo Content Importer

To set up your theme, simply click to import sample content. You can follow the instructions in this article to develop your website for website creation.

Go toDashboard >> Appearance >> Get started

It-company-pro-posttype must first be installed before you can "Run Importer."

Press "Run Importer."

Fetch Demo content

This theme supports the standard Site Identity area that WordPress provides, and we have added some options to this section.

Set up your home page by following these instructions.

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

    You can label it anything you like, such as "home." then choose the "Home page" template from the template options.



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


  • When you're finished, you can view the entire demo on the top page.

How to set up Home Page

Setup Social Icon

To configure the Social Icon Section,

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



To configure Social Icon, adhere to these directions.

  • Add Facebook Link: You can add a link to Facebook here, and the Facebook emblem will appear on your website.
  • Add twitter link : You can add a Twitter connection to your website using this option. Your site's twitter emblem is added when you add a twitter link.
  • Add Instagram Link: Here, you can add an Instagram link to add the Instagram icon.
  • Add Youtube Link: You may add a link to YouTube here.
  • Add Pinterest link : You can add a link to Pinterest using this option.
  • Add Linkedin link : You can provide a link to your site on LinkedIn using this option. A Linkedin icon is added to your site when a link to it is added.
  • Add Tumblr link : You may add a Tumblr link using this option.
  • Add GooglePlus Link: The GooglePlus icon will be added if you add a GooglePlus link here.
  • Add Flickr link : With this option, you may include a Flickr link.
  • Add VK Link: Here, you can add a VK link to add the VK icon.

Setup Site Identity

Site Identity must be completed in order to ,

Go to Appearance >> Customize >> Site Identity



Setup Top Bar



In order to continue with Part of the top bar,

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 a background colour here, and your site will display it when you do.
  • Add Background image: You can upload a background image here, and it will appear on your website.
  • Add Section Heading Color: You can upload a background image here, and it will appear on your website.
  • Add Section Heading Fonts: This is where you may add section heading fonts, and your website will show them.
  • Add top bar Box Title Color: The top bar Section Box Title Color of your website will be displayed when you add the Services Box Title Color here.
  • Add top bar Section Box Title Fonts: The top bar Section Box Title Fonts of your website will be displayed when you put Cources Box Title Fonts here.
  • Add Box Background Color: When you add a box, the box's background colour will be shown on your website.
  • Add top bar Section Title: The Section Title of your site will be displayed in the top bar if you enter one here.
  • Add top bar Section Description: The section description will appear in the top bar section of your site if you add Our top bar Description here.

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:Here, you can enter a backdrop colour, which will be seen on your website.
  • Add Menu Color: You can add a menu colour here, and your website will display it.
  • Add Menu Item Fonts: The Menu Item Fonts you add here will be displayed in the Header Section of your website. site.

Setup Slider



To set up the slider, adhere to the procedures below.

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



  • Setting Options : Contains options for the Service display enable/disable option. This option allows you to enable/disable this paragraph. This environment is crucial. If you want this section to show on your website, leave the option enabled; if you don't, pick the disable option, and this section will no longer be visible on 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 may choose whether the slider's title will appear.
  • Slider Text: You can choose here whether the slider's title should appear.
  • Slider Heading Color: Permit setting the slider's header colour.
  • Slider Heading Fonts: This option lets you change the typeface used for the Slider heading.
  • Slider Text Color:You can choose the colour of the slider text with this option.
  • Slider Text Fonts: With this option, you may change the typeface for the Slider heading.
  • Button Text Fonts: With this option, you may change the typeface used for button text.

Setup About Section

To continue with the About Section,

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







Follow these instructions to setup Our About section

  • Do you want to read this part? includes options to enable or disable the About section display.
  • Add Background Color: You can add a background colour here, and your site will display it when you do.
  • Add Background image: You can upload a background image here, and it will appear on your website.
  • Add Main Heading: The addition The main heading of your website will be visible in the About section.
  • Add About Us Image: The About Us Picture that you upload here will be displayed on your website.
  • Add About Us Details Title: The About Section Title of your site will be displayed if you enter the About Us Details Title here.

Setup Who We Are



To continue with the 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 a background colour here, and your site will display it when you do.
  • Add Background image: You can upload a background image here, and it will appear on your website.
  • Add Main Heading : You can put a main heading here that will be visible in your website's "who we are" section.
  • How We Work Text This text can be added and shown in the portion of your website devoted to who we are.
  • No of Phases: Add the number of phases here.


Setup What Do We Do

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




Follow the procedures listed below to set up the following section.

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



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

3. Follow the procedures listed below to set up the following section.




Set up the What Do We Do Section by following these instructions.



  • Setting Options:includes options to activate or disable the display of the What Do We Do sections.
  • Add Background Color: You can add a background colour here, and your site will display it when you do.
  • Add Background image: You can upload a background image here, and your site will display it.
  • Main Heading: You can add a main heading here, and it will appear in the website's "What We Do" section.




Setup Key Facts




In order to continue, Primary Data ,

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




Set up the Important Facts Section by following these instructions..



  • Setting Options: includes options for enabling and disabling the Important Facts display.
  • Add Background Color: You can add a background colour here, and your site will display it when you do.
  • Add Background image:You can upload a background image here, and your site will display it.
  • Main Heading: The Main Heading that you add here will be shown in your site's Important Facts Section.
  • Key Fact Icon : The Important Facts Section of your website will display the Key Fact Icon that you submit here.
  • Key Fact Title : You can add a key fact title here, and the key fact icon will appear in your site's key fact section.




Setup Our Projects

Plugin "it-company-pro-posttype" must first be activated. Then, you alone 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



To move on with our Projects

  • Setting Options: Includes options for enabling and disabling the display of projects.
  • Background Color: The background colour of this section can be changed using this feature.
  • Background Image: In this section, you have the option of setting a background image.
  • Section Title: You may customise the title of this section using this option. The title of the project is shown in the screenshot above; with this option, you can change it.

Setup Our Team

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


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: The background colour of this section can be changed using this feature.
  • Background Image:In this section, you have the option of setting a background image.
  • Main Heading: With this option, you may select the section's primary heading. You can also utilise this option to set the Main Heading, as seen in the screenshot above.

Setup Happy Customers

Plugin "it-company-pro-posttype" must first be activated. only you add Our Team after that



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



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



Forward Transfer of Customer Content

  • Setting Options: includes options to enable or disable the Happy Customers display.
  • Background Color: This feature allows you to alter the background colour of this section.
  • Background Image: You have the choice of selecting a background image in this area.
  • Main Heading: With this option, you may select the section's primary heading. You can also utilise this option to set the Main Heading, as seen in the screenshot above.
  • Setup Pricing Plans






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










    To continue with the Price Plans

    • Setting Options: Includes settings for Pricing Plans display enable / disable option.
    • Background Color: The background colour of this section can be changed using this feature.
    • Background Image: In this section, you have the option of setting a background image.
    • Main Heading:You may choose the Primary Heading for this section using this option. As shown in the screenshot above, you can also use this option to specify the Primary Heading.
    • Pricing Plans Title:You may use this option to change the title of this section's pricing plans. As shown in the screenshot above, the Price Plans Title can also be changed with the use of this option.


    • Pricing Plan Description In this section, you can set the pricing plan description.

    Setup Our Blog



    Going forth with Our Blog,

    Go to dashboard -> Post -> Add New


    Configuration Section of Our Blog

    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 entire section. If you decide that you do not want this area on your website, simply select the deactivate option, and the section will be removed. And if you want this lovely area to show up on your website, just enable it, and it will.
    • Main Heading: You can change our blog's main heading here.
    • Heading Color: You can change the blog's heading colour here.
    • Blog Text Font:You can customise the blog's heading fonts here.
    • No of Blogs to Show: You can select the number of blogs to display from our blog here.
    • Read More TextThe Read More Text for our blog can be customised here.
    • Read More Text Font: You can change the Read More Text Font for our blog here. If you'd like.

    Setup Our Partners



    To move forward with Our Partners,

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



    To configure Our Partners, follow these directions.

    • Do you want this section: This section allows you to enable/disable this section in its entirety. If this area is something you don't want on your website, simply select the disable option, and the content will be removed. And if you want this fantastic area to show on your website, all you have to do is activate it.
    • Section Title Color: Here, you can change the title's text colour for this part.
    • Section Title Fonts: You can choose the font family for the section's title here.
    • Background Color: The colour of this section's backdrop can be changed here. This section's background is white, as can be seen in the screenshot. You can change the hue to whatever one you like.
    • Background Image: This is where you may change the background image for this section.
    • Number of Partners to show: The number of partners you want to display in this area can be entered here.
    • partner Image:For any partner you want to display in this section, you can set the sponsor image here.

    Setup Post General Settings



    Continuing with Post General Settings,

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



    • Show or Hide Post Date:You have the option to Display or Hide the Post Date here.
    • Show or Hide Post Comments: You have the option to Display or Hidden Post Comments below.
    • Show or Hide Post Share Icons: You have the option to Display or Hide Post Sharing Icons here.
    • Post Share Facebook:You can adjust the Post Share Facebook setting here.
    • Post Share Linkedin: If you would like, you can set the Post Share Linkedin option here.
    • Post Share Twitter: You may choose to configure the Post Share Twitter option here.
    • How or Hide Post Category You can choose How or Hidden Post Category here if you'd like.

    Setup Newsletter

    Installing Contact Form 7 is a prerequisite for setting up the newsletter, which you do after adding the 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



    If you want to continue 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:You may change the Contact Header Color here.
    • Contact Heading Fonts: You may change the Contact Header Fo here. .
    • Contact Content Color: You may change the Contact Content Color here. .
    • Contact Content Fonts: The Contact Content Fonts can be modified here. .
    • Background Color: If you'd like, you may set the Background Color of Contact here.
    • Background image:If you'd like, you can change the background image for contacts here.t.

    Setup Google Map Section







    • Do you want this section: This section allows you to enable/disable
    • 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 in its entirety. If this area is something you don't want on your website, simply select the disable option, and the content will be removed. And if you want this fantastic area to show on your website, all you have to do is activate it.
    • Footer Heading Color: Here, you can change the footer's header colour.
    • Footer Heading Fonts: Here, you can customise the footer's heading fonts.
    • Footer Content Color: You may modify the footer's footer content colour here.
    • Footer Content Fonts: The Footer Content Fonts can be modified here.
    • Background Color: Here, you can set the Background Color of footer if you want.
    • Background image: Here, if you'd like, you can change the footer's background image.

    Plugins

    With plugins, you can increase and expand the functionality of WordPress.
    How to activate plugins

    If you want these features in your theme, you must activate the plugin. In order to activate the plugin in your theme, follow these instructions.

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


    When a plugin is activated, your admin navigation will now include four additional options: Services, Projects, Team, and Customers. Because the plugin is active, you may see these four options in the image's admin navigation.

    Once you enable the plugin, these four sections are instantly added to your website. This is a screen image of the same.

    Once you enable the plugin, these four sections are instantly added to your website. This is a screen image of the same.

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

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


    You can add a logo and their URL to this part, which is automatically published to Our Services, using the Services Meta option that you can see in the screenshot. based on the Our Services pictures you upload.

    With the option to "Allow Comment," you can also add comments.

    Now, as seen in the image above, you can add the Our Services title and description.


    You can set up Our Project in this manner.


    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. Access your WordPress Administration Panel by logging in (Dashboard).
    2. Click the Posts tab.
    3. With that done, click Categories for blog posts.
    4. Your new category's name should be typed in.
    5. After that, click the Add New Category button.
    Click the Publish button.

    Creating a Blog post

    1. Access your WordPress Administration Panel by logging in (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.


    Examine the list of shortcodes included with the themes:

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

    Widgets