As you know, shortcodes are really useful in creating pages as they accelerate your work. Archtiko theme provides 14 shortcodes which are easy to use and make your work simple.

Shortcodes
 

You can use shortcode in your theme in below two ways.

1. Use Visual Editor

You can use shortcodes directly in visual editor. To insert click on the shortcode you want to insert, fill details in opened popup and click save button.

2. Add shortcodes in template file

You can directly write the shortcodes in your template file.

List of available shortcodes and how to use them:

1. Container:As name indicates, this shortcode is used to add container class in your page.

[container][/container]

2. Column:This shortcode is used to add column class in your page.
Attributes for Column :
1.lg(column size for large screen)
2.md(column size for medium screen)
3.sm(column size for small screen)
4.xs(column size for extra small screen)

[col lg="12" md="12" sm="12" xs="12"][/col]

3. Client:This shortcode is used to display your client in your website.
Attributes for Client:
1.Number Of Client: Specify No. of client to be display.

[client count="6" ][/client]

4. Feature:This shortcode is used to display your feature in your website. We provide 5 different style for display your feature.
Attributes for feature :
1.feature_title: title for your feature
2.feature_content: content for your feature
3.icon: icon code for your feature
4.style: style for your feature

[feature feature_title="Design" feature_content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eu cursus odio, at gravida ligula. Vivamus cursus eros sem, aliquam mollis ante cursus eu. Fusce blandit egestas blandi" icon="fa fa-magic" style="style1"][/feature]

5. Latest News:This shortcode is used to display your latest post in your website.
Attributes for Latest News :
1.count: optional No. of latest post to be display. Default is “4”
2.order: optional order for display latest post. Default is descending
3.orderby: optional orderby for latest post. Default is date

[latest-news count="4" order="ASC" orderby="title" ][/latest-news]

6. Project:This shortcode is used to display your projects in your website. We provide 3 differents style for display project in your website.
Attributes for project :
1.count: optional No. of project to be display. Default is “8”
2.order: optional order for display project. Default is ascending
3.orderby: optional orderby for project. Default is date
4.style: style for project

[project count="6" order="ASC" orderby="title" style="style1"][/project]

7. Team:This shortcode is used to display your team members in your website. We provide 3 different style for display team in your website.
Attributes for team :
1.count: optional No. of team member to be display. Default is “4”
2.style: optional style for team. Default is style1

[team count="6" style="style1" ][/team]

8. Project sheet:This shortcode is used to display counter section in your website.
Attributes for Project sheet :
1. Title: title for your Project sheet
2.Counter: count to be displayed in section
3.Icon: icon code for your project sheet

[project-sheet title="Coffee Meeting" counter="500" icon="fa fa-coffee"][/project-sheet]

9. Row:As name indicates, this shortcode is used to add row class with different background options in your page. like color and image.
Attributes for row :
1.Background: select background for row class. color or image
2.Background_image: select image from media to display in background of row class
3.Background_attach: background attachment for row class background. Defaut is scroll
4.Background_repeat: background repeat for row class background. Defaut is repeat
5.Background_size: background size for row class background. Defaut is auto
6.Background_position: background possition for row class background. Defaut is center center
7.Padding: padding for row class. Default is 0px
8.Margin: margin for row class. Default is 0px
9.Text_align: text alignment for row class. Default is center
10.Background_color: color code for background in row class

You can place color background using below code:

[row background="color" background_color="#f00" padding="50" margin="50" text_align="right" ][/row]

You can place image background using below code:

[row background="image" background_image="http://archtikowp.projectsdemo.net/wp-content/uploads/2015/08/skill-bg.jpg" background_attach="fixed" background_repeat="no-repeat" background_size="100%" background_position="center center" padding="50" margin="50" text_align="right" ][/row]

10. Slider:This shortcode is used to display the slider in your website. You can select any slider that you have created in the Project Gallaries.

[slider slide="330" ][/slider]

11. Testimonial:This shortcode is used to display your testimonial in your website. We provide 4 differents style for display testimonial in your website.
Attributes for testimonial :
1.Count: (optional) No. of testimonial to be display. Default is “3”.
2.Order: (optional) order for display testimonial. Default is descending.
3.Orderby: (optional) orderby for testimonial. Default is date.
4.Style: style for testimonial. default is style1

[testimonial count="4" order="ASC" orderby="date" style="style1" background="true" ][/testimonial]

12. Technical Skill:This shortcode is used to display your technical skill in your website. We provide 2 differents style for display technical skill in your website.
Attributes for technical skill :
1.Skill_title: title for your technical skill.
2.Skill_percentage: percentage for your technical skill.
3.Style: style for technical skill. circle or bar. default is circle.

[technical-skill skill_title="Design" skill_percentage="75" style="circle"][/technical-skill]

13. Video Background:This shortcode is used to display your section with background video.
Attributes for video background :
1.Poster_image: select poster image for video background.
2.mp4: select .mp4 video for video background.
3.ogg: select .ogg or .ogv video for video background.
4.webm: select .webm video for video background.
5.Padding: set padding for video background.
6.Margin: set margin for video background.

To add poster image:
[video-background poster_image="http://archtikowp.projectsdemo.net/wp-content/uploads/2015/09/vid-1.jpg" padding="50" margin="50" ][/video-background]

To add video:
[video-background mp4="http://http://archtikowp.projectsdemo.net/wp-content/uploads/2015/08/vid-2.mp4" padding="52" margin="52" ][/video-background]

14. Welcome Block:This shortcode is used to display welcome block section.
Attributes for welcome block :
1.Title: title for welcome block.
2.Content: content for welcome block.
3.Buttonname: button text to be display in welcome block.
4.Buttonurl: url for button in welcome block.

[welcome-block title="Welcome To Archtiko" content="Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat." buttonname="Read more" buttonurl=" http://www.sitename.com" ][/welcome-block]