Shortcodes
Updated: February 6, 2013, 12:18 pm
- Posts Shortcodes Options
- Buttons Shortcodes Options
- Boxes and Frames Shortcodes Options
- Lists Shortcodes Options
- Notifications Shortcodes Options
- Modal Shortcodes Options
- Social Shortcodes Options – Facebook Box
- Social Shortcodes Options – Facebook Comments
- Social Shortcodes Options – Twitter
- Video Shortcodes Options
- Google Maps Shortcodes Options
- Portfolio Shortcodes Options
- Grid Gallery Shortcodes Options
- Tabs
- Toggles
- Disable WP AutoFormating
- Horizontal
- Horizontal rule with TOP Button
- Where can I get the Category ID
- Items Shortcodes
- Rooms Shortcodes
- Menus Shortcodes
Posts Shortcodes Options
| Property | Options | Input value | Example |
| Insert: | Latest Posts | ||
| One specific Post | id | id=”5″ | |
| Post by Category | category | category=”16″ | |
| Excerpt lenght: | excerpt | excerpt=”290″ | |
| Number of Posts: | number | number=”3″ | |
| Show Read More Link: | Yes | readmore | readmore=”yes” |
| No | readmore=”no” | ||
| Read More Text: | readmoretext | readmoretext=”Read more” |
Examples
Latest posts
[get_posts excerpt="290" number="3" readmoretext="Read more" readmore="no"]
One specific Post
[get_post excerpt="290" number="3" id="" readmoretext="Read more" readmore="no"]
Post by Category
[get_posts_category excerpt="290" number="3" readmoretext="Read more" category="16" readmore="no"]top
Buttons Shortcodes Options
| Property | Options | Input value | Example |
| Insert: | Button with link | link | link=”http://www.ait-themes.com” |
| Button to modal window | modalname | modalname=”Window name” | |
| Title: | title | title=”AIT Themes” | |
| Description: | description | description=”Example description” | |
| Version: | Light | version | version=”light” |
| Dark | version=”dark” | ||
| Width: | width | version=”width=”180px” | |
| Position: | Left | position | position=”left” |
| Right | position=”right” | ||
| Center | position=”center” | ||
| Background Color: | bgcolor | bgcolor=”#cccccc” | |
| Color: | color | color=”#222″ | |
| Picture: | picture | picture=”url-of-file” | |
| Height: | height | height=”50px” |
Examples
Button with link
[button title="AIT Themes" link="http://www.ait-themes.com" description="" width="180px"
bgcolor="#cccccc" color="#222" picture="" height="" version="light" position="left"]
Button to modal window
[buttonModal title="AIT Themes" modalname="Window name" description="Example description"
width="180px" bgcolor="#cccccc" color="#222" picture="" height="" version="light" position="left"]top
Boxes and Frames Shortcodes Options
| Property | Options | Input value | Example |
| Color: | bgcolor | bgcolor=”#445565″ | |
| Version: | Light | version | version=”light” |
| Dark | version=”dark” |
Examples
[frame bgcolor="#445565" version="light"][/frame]top
Lists Shortcodes Options
| Property | Options | Input value | Example |
| Style: | Style 1 | style | style=”style1″ |
| Style 2 | style=”style2″ | ||
| Style 3 | style=”style3″ | ||
| Style 4 | style=”style4″ | ||
| Style 5 | style=”style5″ | ||
| Style 6 | style=”style6″ | ||
| Line: | None | line | line=”" |
| Checked | line=”checked” |
Examples
List without borders
[list style="style1"][/list]
List with borders
[list style="style1" line="checked"][/list]top
Notifications Shortcodes Options
| Property | Options | Input value | Example |
| Type: | Warning | type | type=”error” |
| Dark | type=”success” | ||
| Info | type=”info” | ||
| Attention | type=”attention” |
Examples
Error notification
[notification type="error"]Title: Lorem ipsum dolor sit amet...[/notification]
Success notification
[notification type="success"]Title: Lorem ipsum dolor sit amet...[/notification]
Info notification
[notification type="info"]Title: Lorem ipsum dolor sit amet...[/notification]
Attention notification
[notification type="attention"]Title: Lorem ipsum dolor sit amet...[/notification]top
Modal Shortcodes Options
| Property | Options | Input value | Example |
| Insert: | Modal Link | modal-link | |
| Modal Content | modal-content | |
|
| Name (ID) of modal window: | name | name=”example” | |
| Width (only in modal content): | px or auto | width=”auto” height=”auto” | |
| Height (only in modal content): | px or auto | width=”auto” height=”auto” |
Examples
Modal Content
[modal-content name="example" width="auto" height="auto"][/modal-content]
Modal Link
[modal-link name="example"][/modal-link]top
Social Shortcodes Options – Facebook Box
| Property | Options | Input value | Example |
| Insert: | Facebook Box | fb-box | |
| Border: | name | name=”example” | |
| Variant: | Light | version | version=”light” |
| Dark | version=”dark” | ||
| Fanpage link: | link | link=”http://www.facebook.com/AitThemes” | |
| Width (px): | width | width=”600″ | |
| Height (px): | height | height=”600″ | |
| Show Faces: | Show | faces | faces=”true” |
| Hide | faces=”false” | ||
| Stream: | Show | stream | stream=”true” |
| Hide | stream=”false” |
Examples
Facebook Box
[fb-box link="http://www.facebook.com/AitThemes" width="600" height="600" variant="light"
faces="true" stream="true"]
Social Shortcodes Options – Facebook Comments
| Property | Options | Input value | Example |
| Insert: | Facebook comments | fb-comments | |
| Border: | name | name=”example” | |
| Variant: | Light | version | version=”light” |
| Dark | version=”dark” | ||
| Width (px): | width | width=”600″ | |
| Height (px): | height | height=”600″ | |
| Show Posts: | posts | posts=”15″ |
Facebox comments
[fb-comments width="600" height="600" posts="15" variant="light"]
Social Shortcodes Options – Twitter
| Property | Options | Input value | Example |
| Insert: | |
||
| Border: | name | name=”example” | |
| Variant: | Light | version | version=”light” |
| Dark | version=”dark” | ||
| Width (px): | width | width=”600″ | |
| Height (px): | height | height=”600″ | |
| Username: | username | username=”AitThemes” | |
| Show tweets: | tweets | tweets=”10″ | |
| Interval (milisec): | interval | interval=”6000″ | |
| Title Color: | titlecolor | titlecolor=”#5B8090″ | |
| Header Color: | headercolor | headercolor=”0″ | |
| Background Color: | backgroundcolor | backgroundcolor=”#FFFFFF” | |
| Text Color: | textcolor | textcolor=”#000000″ | |
| Links Color: | linkscolor | linkscolor=”#1985B5″ |
Examples
[twitter width="600" height="600" username="AitThemes" tweets="10" interval="6000"
titlecolor="#5B8090" headercolor="0" backgroundcolor="#FFFFFF" textcolor="#000000"
linkscolor="#1985B5" variant="light"]top
Video Shortcodes Options
| Property | Options | Input value | Example |
| VideoServer: | Youtube | type | type=”youtube” |
| Vimeo | type=”vimeo” | ||
| Border: | name | name=”example” | |
| link: | link | link=”#” | |
| Width: | width | width=”100%” | |
| Height: | height | height=”350px” |
Examples
[video link="#" width="100%" height="350px" type="youtube"][video link="#" width="100%" height="350px" type="vimeo"]top
Google Maps Shortcodes Options
| Property | Options | Input value | Example |
| Map Type: | Normal | type | type=”ROADMAP” |
| Satellite | type=”SATELLITE” | ||
| Hybrid | type=”HYBRID” | ||
| Border: | name | name=”example” | |
| Width (px or false): | width | width=”false” | |
| Height (px or false): | height | height=”400″ | |
| Latitude: | latitude | latitude=”0″ | |
| Longitude: | longitude | longitude=”0″ | |
| Address: | address | address=”#” | |
| Zoom: | zoom | zoom=”3″ |
Examples
[googlemap width="false" height="400" latitude="0" longitude="0" address="#" zoom="3" type="ROADMAP"][googlemap width="false" height="400" latitude="0" longitude="0" address="#" zoom="3" type="SATELLITE"][googlemap width="false" height="400" latitude="0" longitude="0" address="#" zoom="3" type="HYBRID"]top
Portfolio Shortcodes Options
| Property | Options | Input value | Example |
| Portfolio Category: | cat_id | cat_id=”7″ | |
| Item Width (px): | width | width=”300″ | |
| Item Height (px): | height | height=”200″ | |
| Number of columns: | cols | cols=”2″ | |
| Show Description: | In Hover Effect | showdescription | showdescription=”hover” |
| Right | showdescription=”right” | ||
| Down | showdescription=”down” |
Examples
[ait-portfolio width="300" height="200" cols="2" cat_id="7" showdescription="hover"][ait-portfolio width="300" height="200" cols="2" cat_id="7" showdescription="right"][ait-portfolio width="300" height="200" cols="2" cat_id="7" showdescription="down"]top
Grid Gallery Shortcodes Options
| Property | Options | Input value | Example |
| Category: | 5 x infinity | cols | cols=”5″ |
| 4 x infinity | cols=”4″ | ||
| 3 x infinity | cols=”3″ | ||
| Number of visible items: | count | count=”15″ | |
| Item display: | Show detail cube | display | display=”detail” |
| Show detail in Fancybox | display=”fancybox” | ||
| Show detail directly | display=”direct” | ||
| Show filter: | Yes | showfilter | showfilter=”1″ |
| No | showfilter=”" | ||
| Show Description: | In Hover Effect | showdescription | showdescription=”hover” |
| Right | showdescription=”right” | ||
| Down | showdescription=”down” | ||
| Item order: | Chronological | order | order=”chronological” |
| Newest first | order=”newest” | ||
| Random order | order=”random” | ||
| Manual height of item: | height | height=”auto” | |
| Height of the description: | descheight | descheight=”50″ | |
| Show description: | Yes | description | description=”1″ |
| No | description=”0″ |
Examples
[ait-gridgallery count="15" height="auto" descheight="50" category="120" cols="5" display="detail"
showfilter="1" order="chronological" description="1"]top
Tabs
| Property | Options | Input value | Example |
| Title | title | title=”Tab number 1″ |
Examples
[tabs]
[tab title="Tab number 1"]Tab 1 content goes here.[/tab]
[tab title="Tab number 2"]Tab 2 content goes here.[/tab]
[tab title="Tab number 3"]Tab 3 content goes here.[/tab]
[/tabs]top
Toggles
| Property | Options | Input value | Example |
| Title | title | title=”Accordion number 1″ |
Examples
[toggles]
[toggle title="Accordion number 1"]Toggle 1 content goes here.[/toggle]
[toggle title="Accordion number 2"]Toggle 2 content goes here.[/toggle]
[toggle title="Accordion number 3"]Toggle 3 content goes here.[/toggle]
[/toggles]top
Disable WP AutoFormating
[raw]
Insert your content here.
[/raw]top
Horizontal rule
[rule]top
Horizontal rule with TOP Button
[rule_top]top
Where can I get the Category ID?
top
Items Shortcodes
| Property | Options | Input value | Example |
| Display version: | Type 1 | display | display=”1″ |
| Type 2 | display=”2″ | ||
| Insert: | Latest Items | get_items | |
| One specific Item | get_item id | |
|
| Items by category | get_item_category category | |
|
| Excerpt lenght: | excerpt | excerpt=”290″ | |
| Number of Items: | number | number=”3″ | |
| Show Read More Link: | Yes | readmore | readmore=”yes” |
| No | readmore=”no” | ||
| Read More Text: | readmoretext | readmoretext=”Read more” |
Examples
[get_items excerpt="290" number="3" readmoretext="Read more" display="1" readmore="no"][get_item_category excerpt="290" number="3" readmoretext="Read more" display="1" category="17" readmore="no"]
top
Rooms Shortcodes
| Property | Options | Input value | Example |
| Display version: | Type 1 | display | display=”1″ |
| Type 2 | display=”2″ | ||
| Insert: | Latest Rooms | get_rooms | |
| One specific Room | get_room id | |
|
| Rooms by category | get_room_category category | |
|
| Excerpt lenght: | excerpt | excerpt=”290″ | |
| Number of Rooms: | number | number=”3″ | |
| Show Read More Link: | Yes | readmore | readmore=”yes” |
| No | readmore=”no” | ||
| Read More Text: | readmoretext | readmoretext=”Read more” |
Examples
[get_rooms excerpt="290" number="3" readmoretext="Read more" display="1" readmore="no"][get_room excerpt="290" number="3" id="11" readmoretext="Read more" display="1" readmore="yes"][get_room_category excerpt="290" number="3" readmoretext="Read more" display="2" category="7" readmore="no"]
top
Menus Shortcodes
| Property | Options | Input value | Example |
| Insert: | Latest menus | get_menus | |
| One specific menu | get_menu id | |
|
| Menus by category | get_category category | |
|
| Closed | closed | closed="yes" | |
| Excerpt lenght: | excerpt | excerpt=”290″ | |
| Number of Items: | number | number=”3″ | |
| Show Read More Link: | Yes | readmore | readmore=”yes” |
| No | readmore=”no” | ||
| Read More Text: | readmoretext | readmoretext=”Read more” |
Examples
[get_menus excerpt="290" number="3"][get_menu excerpt="290" number="3" id="99"][get_menu_category excerpt="290" number="3" category="69"]

