Mega Construction 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
  • "mega-construction-pro-1.0.zip" -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 mega-construction-pro-child-1.0.zip theme and click on install now button.


5. WordPress will now install your theme and show you a success message along with the link to activate or live preview.

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

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 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.

To setup the Site Icon

Go to Appearance -> Customize -> Site Identity



  • Logo : You can add the Slider Icon from here
  • Site Title: You can add the Site Title here from this section.
  • Tagline: You can add the Tagline here from this section.
  • Site Icon: You can add the Site Icon here from this section.

Setup About Us

In order to proceed with About Us Section,

Go to Appearance -> Customize -> Theme Settings -> About Us section



Follow these instructions to setup Social Icon.


  • Add Image: You can add Image here and the image will be displayed in About Us section of your site.
  • Add Title: You can add Title here and the Title will be displayed in About Us section of your site. of your site.
  • Add Title Image: You can add Title Image here and the Title Image will be displayed in About Us section of your site.
  • Add Section Description: You can add Section Description here and the Section Description will be displayed in About Us section of your site.




Setup Our Services

First activate "mega construction posttype" plugin. Then only you add Services



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

1. Go to Dashboard -> Our Services -> Add New



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

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



Follow these instructions to setup Our Services.


  • Add Section Heading Color: You can add Section Heading Color here and the Section Heading Color will be displayed in Our Services 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 Services Box Title Color: You can add Services Box Title Color here and the Services Box Title Color will be displayed of your site.
  • Add Services Box Title Fonts: You can add Services Box Title Fonts here and the Services 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 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 Title: You can add Section Title here and the Section Title will be displayed of your site.
  • Add Section Description: You can add Section Description here and the Section Description will be displayed in Our Services section of your site.
  • Add Number of services to show: You can add Number of services here.
  • Add View More Link: You can add More Link here.
  • Add link: You can add link here.




Setup Latest Projects

First activate "mega construction posttype" plugin. Then only you add Latest Projects

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



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

There you will find an option to select the category to show this respective Latest Projects. You can also customize the colors of that section such as background color and the text color.



In order to proceed with Latest Projects Section

  • Setting Options: Includes settings for Service display enable / disable option.
  • Section Title: It allows you to set the Section Title of this section.
  • Section Title: It allows you to set Section Title in this section.
  • Number of Tabs to show: You can select Tabs from here.
  • Tab Title: This option allows you to setTab Title of section.
  • Select Category:You can select category like Best Sellers, Featured Tours, Recent Tours from here.
  • Background Color: This option allows you to set Background Color of section.

Setup Testimonial

First activate "mega construction posttype" plugin. Then only you add Testimonial



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



Add the tours, set a respective category then Go to Appearance -> Customize -> Theme Settings -> Testimonial



In order to proceed with Testimonial

  • Setting Options: Includes settings for Service 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, Testimonial is title, likewise you can set the title withe the help of this option.

Setup Our Gallery

First activate "mega construction posttype" plugin. Then only you add Gallery

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



Add the Gallery, Go to Appearance -> Customize -> Theme Settings -> Our Gallery



Add this shortcode of Gallery in gallery Section to display gallery.



You will need to replace the ID present in the gallery shortcode with your specific gallery.


Follow these instructions to Setup Our Gallery.

  • Setting Options: Includes settings for Service 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.
  • Gallery Title: This option allows you to set Gallery title of section.
  • Gallery Title Color: This option allows you to set Gallery title color of section.
  • Gallery Title Font: This option allows you to set Gallery title font of section.
  • Gallery Sub Title: This option allows you to set Gallery Sub Title of section.
  • Gallery Sub Title Color: This option allows you to set Gallery Sub Title Color of section.
  • Gallery Sub Title Font: This option allows you to set Gallery Sub Title Font of section.
  • Gallery Shortcode: This option allows you to set >Gallery Shortcode of section.

Setup Our Records



In order to proceed with Our Records,

Go to Appearance -> Customize -> Theme Settings -> Our Records 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.

  • Background Color: Here, you can set the background color for this section.
  • Background Image: Here, you can set the background image for this section.
  • Text Color: Here, you can set the text color of this section here.
  • Text Font Family: This option allows you to set the font family of text for this section.
  • Counter Image: Here, you can set the counter image for this section.
  • Number: Here, you can enter the number of whichever records you want to show.
  • Counter Title: Here, you can enter the Counter Title about record.
  • Counter Text: Here, you can enter the Counter Text about record.

Setup Why Choose Us



In order to proceed with Why Choose Us,

Go to Dashboard -> Choose Us -> Add New

Go to Appearance -> Customize -> Theme Settings -> Why Choose Us Section



In order to proceed with Why Choose Us

  • Setting Options: Includes settings for Service display enable / disable option.
  • Background Color: It allows you to set the background color of this section.
  • Background Image: It allows you to set the background image for this section.
  • Title: Here, you can enter the title of this section.
  • Description: Here, you can enter the Description of this section.
  • Sub Title: Here, you can enter the sub title of this section.
  • Description: Here, you can enter the Description of this section.
  • Link Text: This option allows you to set link.
  • Add link: This option allows you to add link..

Setup Our Staff

First activate "mega construction posttype" plugin. Then only you add Staff



In order to proceed with Our Staff,

Go to dashboard -> Our Staff -> Add New


Go to Appearance -> Customize -> Theme Settings -> Our Staff 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.

  • Background Color: Here, you can set the background color for this section.
  • Background Image: Here, you can set the background image for this section.
  • Section Title: Here, you can set the Section Title of this section here.
  • Section Description: This option allows you to add the Section Description for this section.

Setup Footer Section



In order to proceed with Footer,

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 Logo image: Here, you can set the Footer Logo image of footer.
  • Add content here: Here, you can add the content of footer.
  • 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.
  • Footer Border Color: Here, you can set the Footer Border Color of footer if you want.
  • 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.

Footer have four columns. You can add any widget there. It will be added from Appearance -> widget

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 >> Mega Construction Pro Post Types >>Activate


When you activate plugin, you can see four more options in your admin navigation, i.e Services , Projects , Testimonials , Our Staff and Gallery. You can see this five options in the admin navigation of the image because the plugin is activated.

These five 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 "mega construction posttype" plugin. Then only you add Services

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


With Service 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 Services.

    First activate "mega construction posttype" plugin. Then only you add projects

    To add Latest Projects, Go to Projects >> Add new


    With Featured Image option that you can see in the screenshot, you can add images of Latest Projects to this section which gets uploaded automatically in Latest Projects Section.

    Now, you can add Content of the Projects here.

    You can add Category to display Latest Projects with select category option.

    You can add Designation of Latest Projects here


    Designation: You can enter Designation of Latest Projects here.


    After adding Latest Projects, you see the same on your website. Here are some screenshots.



    In this way, you can set up Latest Projects.


    First activate "mega construction posttype" plugin. Then only you add Testimonial

    To add Testimonials, Go to Testimonials >> Add new


    With Add Media option that you can see in the screenshot, you can add images of Testimonials to this section which gets uploaded automatically in Testimonials Section.

    Now, you can add name of the Person and testimonial here.

    You can add Designation of person here


    Designation: You can enter Designation of testimonial person here.


    After adding testimonials, you see the same on your website. Here are some screenshots.


    In this way, you can set up testimonials.

    First activate "mega construction posttype" plugin. Then only you add staff

    To add Our Staff, Go to Our Staff >> Add new


    With Featured Image option that you can see in the screenshot, you can add images of Our Staff to this section which gets uploaded automatically in Our Staff Section.

    Now, you can add name of the Person and Staff here.

    You can add Designation of person here


    Designation: You can enter Designation of Our Staff person here.


    After adding Our Staff, you see the same on your website. Here are some screenshots.


    In this way, you can set up Our Staff.

First activate "mega construction posttype" plugin. Then only you add Gallery

To add Gallery, Go to Gallery >> Add new


With Add Media option that you can see in the screenshot, you can add images to these section which gets uploaded automatically in Gallery according to the Gallery images you add.

Now, you can add title of Gallery and description as shown in image above


In this way, you can set up Our Gallery.

Child Themes and Hooks

Custom theme editor is the easy process for editing the site. If you have to add section in the site , you can easily edit in child theme, it can be changed in parent theme.

Hook Code After Slider

Hook Code After Navigation

Hook Code After About Us

Hook Code After Our Services

Hook Code After Latest Projects

Hook Code After Testimonial

Hook Code After Gallery

Hook Code After Our Records

Hook Code After Why Choose Us

Hook Code After Our Staff

Hook Code After Mission-Skills

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)
  • Home Page Template (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:

Widgets

Additional Theme Addons

How to Setup Additional Theme Addons:

1. First, you need to download the plugin from the source (which will be a zip file (tg-title-banner-image.zip and tg-gallery-images.zip)). Next, you need to go to WordPress admin area and visit Plugins » Add New page.



2. After that, click on the Upload Plugin button on top of the page.

3. This will bring you to the plugin upload page. Here you need to click on the choose file button and select the plugin file you downloaded earlier to your computer.



4. After you have selected the file, you need to click on the install now button.



5. WordPress will now upload the plugin file from your computer and install it for you. You will see a success message like this after installation is finished.

6. Once installed, you need to click on the Activate Plugin link to start using the plugin.

TG-Gallery-Images

Once you activate this plugins you will find the TG-Gallery on the Dashboard.

Click on Add new gallery button. And add the title. Add the number of images to show in a gallery..


Once you have done with adding gallery images. Use the following shortcode to make your gallery appear on a particular page you want simply by replacing the gallery post_id in the Gallery shorthcode.





Thats It! Now you can view your page to see the gallery images....