Architecture Wordpress Theme (Documentation)

Getting Started

Welcome

Thank you for purchasing our theme!

If you have any questions which are beyond the scope of this help file, please feel free to ask your question at:

https://themeforest.net/user/brighthemes

Theme is available only on Themeforest.

Author: Brigh Themes
Updated: Saturday, November 12, 2016

Installation Requirements

Here are some requirements for installation of Architecture Theme.

  • Wordpress should be installed on your website.
  • Memory limit of your hosting server should be at least 64MB.
  • Max upload size and Post max size limits of your hosting server should be at least 32MB.
  • Max execution time limit of your hosting server should be at least 180 seconds.

Theme Installation

1. For installing Architecture theme, from your wordpress dashboard go to Appearance > Themes

2. Click "Add New" button.

3. Click "Upload Theme" button.

4. Unzip the theme package you downloaded from themeforest and select the architecture.zip file by clicking "Choose File" button.

5. And Finally click "Install Now" button.

Once theme installaiton is done, activate the theme.

Plugins Installation

Once theme is activated, please activate all the required plugins of theme by clicking "Begin Installing Plugins" notice in the dashboard..

List of bundled plugins is given below:

  • Architecture Engine : Required
  • Advanced Custom Fields(acf) Pro : Required
  • Revolution Slider : Recommended
  • Visual Composer : Recommended
  • System Status

    If you want to check your Wordpress theme version , Wordpress language or your server configuration, goto Appearance > System Status

    If values are green than you are good to go, but if values are red than you should fix those configurations so your website can work smoothly.

    Requirements to Import Demo

    • Important: Before Importing Demo make sure you have installed and activated all plugins came with Architecture theme package. (How to Install Required Plugins?)
    • Important: Make sure Memory Limit is 128M at least - See Tips below. (If you are non technical person than just jump to Tip # 5)
    • Tip 1: Increase the limit via PHP.ini file – You can directly increase the PHP Memory Limit if you’ve access to the PHP.ini file. Most small Shared hosting servers won’t give you access to the PHP.ini file. But some servers allow you to create a duplicate PHP.ini in your respective site Directories whose data/values will override the default PHP.ini values. To do that you just need to create a file with the name ‘php.ini’ in the directory where your WordPress site is installed. In that just add the command memory_limit = 128M in it to increase the Memory Limit to 128 MB.

      
                          // Add this in php.ini
                          memory_limit = 128M
                      

      Tip 2: Changing the Memory Limit via wp-config.php – If you don’t want to mess with the PHP.ini file, then you can go for this method. In this you won’t be needing to create any extra file in your Directory. Just Adding define(‘WP_MEMORY_LIMIT’, ‘128M’); in your ‘wp-config.php’ file would increase your PHP Memory Limit to 128 MB.

      
                          // Add this in wp-config.php
                          define(‘WP_MEMORY_LIMIT’, ‘128M’);
                        

      Tip 3: Modifying the .htaccess file to Increase Memory Limit – A Default WordPress Installation won’t have a .htaccess file. But in case you already have it for some purposes like ‘301 Redirection’, just add the command php_value memory_limit 128M in your ‘.htaccess’ file and your memory limit will increase to 128 MB.

      
                          // Add this in .htaccess
                          php_value memory_limit 128M
                        

      Tip 4: Changing the Memory Limit via wp-config.php – This method is just an Alternate to the php.ini method. Because the function of the code we use in this method is same as what we put in the php.ini file.You just need to place the code ini_set(‘memory_limit’,’128M’); in the ‘wp-config.php’ file which is placed in the root folder of your WordPress installation.

      
                          // Add this in wp-config.php
                          ini_set(‘memory_limit’,’128M’);
                        

      Tip 5: Have a talk with your Host – If you are a person who is new to all these techie sounding things then it’s better to have a Live Chat / a Call with your Host right away. It’s your right to talk to them & get the necessary changes you need as you’ve paid for it.

    How to Import Demo

    For importing demo content goto Appearance > Theme Options

    Goto Demo Importer tab in Option Panel, and click "Import Demo" button. This process can take several minutes, so please be patient and do not close the page.

    Important: If you install the demo, it will change all of your current pages, posts, projects, menus, widgets and theme options.

    How to Create Pages

    1. Goto to Pages in your admin sidebar and click Add New option.

    2. Input a new name for your page, then find the Page Attributes box on right side. Set your page template from the Template dropdown list. See list of page templates below. Set Page title and sub title indivial pages shown in image below

    Page Templates

    Below are the Page Templates, along with a description of each one.

    Default – This is the Default page template that comes with boxed layout.

    Contact – This is the Contact page template that you should choose when you make your contact page with Google Map & a contact form.

    Work Page – This is a portfolio page template. Which will show all projects you add in "Projects" section of dashboard.

    How to Use Shortcodes with default editor

    You can use architecture shortcodes in your page/post/project. Below is the list of shortcodes with parameters required for each shortcode.

    Projects
    This shortcode is used to display your projects on any section of your page/post content area. Below is the list of parameters for this shortcode.

  • heading : This parameter is used to enter heading for your project section.
  • sub_heading : This parameter is used to enter sub heading under your main heading.
  • tagline : This parameter is used to enter tagline under you heading area.
  • projects_link : This parameter is used to link your "View All Projects" button to any page or external link.
  • columns : This parameter is used to specify the number of columns for the projects display. Default value is 2.
  • style : This parameter is used to specify the style of shortcode, currently we have 2 styles classic and modern. Default style is classic.
  • Usage : [tsa_projects heading="Your Heading Here" sub_heading="Sub Heading here" tagline="Enter your tagline here" projects_link="Enter link to your projects" columns="4" style="modern"]


    Services
    This shortcode is used to display your services on any section of your page/post content area. You can add these services from Services panel of your dashboard.

    Below is the list of parameters for this shortcode.

  • heading : This parameter is used to enter heading for your services section.
  • sub_heading : This parameter is used to enter sub heading under your main heading.
  • tagline : This parameter is used to enter tagline under you heading area.
  • Usage : [tsa_services heading="Your Heading here" sub_heading="Sub Heading here" tagline="Tagline Here"]


    Team
    This shortcode is used to display your team on any section of your page/post content area. You can add these team members from Team panel of your dashboard.

    Below is the list of parameters for this shortcode.

  • heading : This parameter is used to enter heading for your team section.
  • sub_heading : This parameter is used to enter sub heading under your main heading.
  • tagline : This parameter is used to enter tagline under you heading area.
  • Usage : [tsa_team heading="Your Heading here" sub_heading="Sub heading here" tagline="Tagline here"]


    Testimonials
    This shortcode is used to display your testimonials on any section of your page/post content area. You can add these testimonials from Services panel of your dashboard.

    Below is the list of parameters for this shortcode.

  • heading : This parameter is used to enter heading for your team section.
  • sub_heading : This parameter is used to enter sub heading under your main heading.
  • background : This parameter is used to set background image on your testimonial section. You have to enter uploaded image ID. If you don't know how to get image id see hint below.
  • Hint : Go to Media > Library from you wordpress dashboard and click the image for which you want to get id, a pop up will appear and you'll get a URL in your address bar like this: http://example.com/wp-admin/upload.php?item=384 , the 384 is your image id in url.

    Usage : [tsa_testimonials heading="Your heading here" sub_heading="Sub heading here" background="332"]


    Slider
    This shortcode is used to display your selected slider on any section of your page/post content area. You can add new slider from Sliders panel of your dashboard.

  • slider_id : This parameter is used to specify the id of slider which you want to show. You can get this id by editing your slider in the wordpress dashboard. When you edit the slider, you can see the slider id in the url of the page. See below screenshot of a sample slider, in this case slider id is 274 as shown in the screenshot.
  • Usage : [tsa_slider slider_id="274"]

    Fun Facts
    This shortcode is used to display your stats counter on any section of your page/post content area. Below is the list of parameters for this shortcode.

  • number : This parameter is used to specify the number up to which counter will go starting from 0.
  • title : This parameter is used to specify the heading of the counter.
  • Note : You can enter maximum 3 counters in this shortcode, please see below useage.


    Usage : [tsa_facts number1="278" title1="First Counter" number2="229" title2="My second Counter" number3="555" title3="Another Counter"]


    3 Steps
    This shortcode is used to display any process with maximum 3 steps in it. Below is the list of parameters for this shortcode.

  • title : This parameter is used to specify the heading of step.
  • description : This parameter is used to specify the details of the step.

  • Usage : [tsa_3steps title1="Design" description1="This is details of design step." title2="Development" description2="This is details of development step." title3="Deployment" description3="This is details of deployment step."]


    Process
    This shortcode is used to show any process with maximum 7 steps on your page/post content area. Below is the list of parameters for this shortcode.

  • step : This parameter is used to specify the steps of your process. Maximum 7 steps can be added.
  • Process Description will be added between opening and closing tags of your shortcode. See usage below


    Usage : [tsa_process step1="Step1 " step2="Step2 " step3="Step3" step4="Step4" step5="Step5" step6="Step6" step7="Step7"]Description of process here.[/tsa_process]


    Clients
    This shortcode is used to display Clients Logos section on your page/post content area. Below is the list of parameters for this shortcode.

  • heading : This parameter is used to enter heading for your Clients section.
  • sub_heading : This parameter is used to enter sub heading under your main heading.
  • tagline : This parameter is used to enter tagline under you heading area.
  • logos_image : This parameter is used to set clients logo image. You have to enter uploaded image ID. If you don't know how to get image id see hint below.
  • Hint : Go to Media > Library from you wordpress dashboard and click the image for which you want to get id, a pop up will appear and you'll get a URL in your address bar like this: http://example.com/wp-admin/upload.php?item=384 , the 384 is your image id in url.


    Usage : [tsa_clients sub_heading="Sub heading here" tagline="Tagline here" heading="Your heading here" logos_image="211"]


    Content Box
    This shortcode is used to display Content Box on your page/post content area. Below is the list of parameters for this shortcode.

  • heading : This parameter is used to enter heading for your Content Box.
  • sub_heading : This parameter is used to enter sub heading under your main heading.
  • image_align : This parameter is used to select Image Alignment left or right?
  • logos_image : This parameter is used to set Content Box image. You have to enter uploaded image ID. If you don't know how to get image id see hint below.
  • Hint : Go to Media > Library from you wordpress dashboard and click the image for which you want to get id, a pop up will appear and you'll get a URL in your address bar like this: http://example.com/wp-admin/upload.php?item=384 , the 384 is your image id in url.


    Usage : [tsa_content_box sub_heading="here is sub heading" image_align="left" heading="heading here" logos_image="9"]


    Pricing Table
    This shortcode is used to display Pricing Table on your page/post content area. This is a Container shortcode inwhich you can add multiple pricing items by just clicking on plus(+). Below is the list of parameters for pricing items.

  • title : This parameter is used to enter heading for your Pricing Item.
  • price : This parameter is used to set price of Pricing Item.
  • unit : This parameter is used to set Currency symbol for your Prcing Item. e.g '$'.
  • tag : This parameter is used set tagline of your Prcing Item. e.g: "per month"
  • active : This parameter is used to select whether you want to Stand out this Item or not. select true if you want to Stand it out.
  • description : This parameter is used to write some description about you Pricing Item
  • button_link : This parameter is used to set button link.

  • Usage : [architecture_price_table_parent section_heading="pricing table heading"][architecture_price_table_child title="item title" price="33" unit="$" tag="per month" active="false" description="Description of pricing item" buttonlink="button link"][/architecture_price_table_child][/architecture_price_table_parent]


    Achivements
    This shortcode is used to display Achivements/Awards section on your page/post content area. Below is the list of parameters for this shortcode.

  • heading : This parameter is used to enter heading for your Achivement section.
  • sub_heading : This parameter is used to enter sub heading under your main heading.
  • background : This parameter is used to set clients logo image. You have to enter uploaded image ID. If you don't know how to get image id see hint below.
  • Hint : Go to Media > Library from you wordpress dashboard and click the image for which you want to get id, a pop up will appear and you'll get a URL in your address bar like this: http://example.com/wp-admin/upload.php?item=384 , the 384 is your image id in url.

  • title : This parameter is used to specify the heading of Achivement Step.
  • description : This parameter is used to specify the details of the Achivement Step.
  • Note : You can enter maximum 6 Achivements with their descriptions. See Usage Below


    Usage : [tsa_achievements sub_heading="Enter Sub heading here" title1="Title 1" description1="Description 1" title2="Title 2" description2="Description 2" title3="Title 3" description3="Description 3" title4="Title 4" description4="Description 4" title5="Title 5" description5="Description 5" title6="Title 6" description6="Description 6" heading="Enter Heading here" background="408"]


    Icon Set
    This shortcode is used to display Icons with Description on your page/post content area. Below is the list of parameters for this shortcode.

  • icon1 : This parameter is used to specify icon by adding icon code. List of codes given below
  • icon2 : This parameter is used to specify icon by adding icon code. List of codes given below
  • icon3 : This parameter is used to specify icon by adding icon code. List of codes given below
  • Description : This parameter is used to add a description with maximum 3 geometrical icons above it.
  • Usage : [tsa_icon_set icon1="35247" icon2="75842" icon3="301911" description="Enter Description Here"]

    Icon Code Lists : Here are some of Icons code.

  • 35247
  • 75842
  • 301911
  • 35247
  • 28811
  • 27962
  • 23617
  • 30332
  • 34851
  • 37341
  • 44560
  • 47988

  • How to Use Shortcodes with visual composer

    If you have visual composer installed, you do not need to write the code to put shortcode on your page. You can use Architecture Theme Shortcodes from Visual Composer Element Windows. There is Tab for Architecture Shortcodes. See Image Below

    Just select any shortcode you want to use on page from here.

    Theme Options

    Goto Dashboard >> Appearance >> Theme Options to change the settings of your theme. Most of the theme options are common and easy to understand. Below is the list of some important theme options, which should be used with more care.

    • Theme Color : This color is applied to different elements on your website like shortcodes, read more links, blog elements and buttons.
    • Theme Skin : Selecting any skin here will load a pre-defined color scheme for your website. If any of the skin is selected, many of your colors related theme options will not work including the Theme Color option.
    • Google Maps Api Key : Google maps now require api key to show maps on your website. So this field must be filled if you want to use maps. Please click here to learn how to generate this key for your website.
    • Use Widgets for Footer : If you select to use widgets for footer, you will have to add your widgets inside Footer widget area 1,2 and 3 in Appearance >> Widgets section of dashboard.