Shortcodes

List player

[playerlist title="wait what — notorious xx (2009)"] [player_item src="http://kolber.github.io/audiojs/demos/mp3/01-dead-wrong-intro.mp3" song="Dead wrong intro" artist="Notorious"] [player_item src="http://kolber.github.io/audiojs/demos/mp3/02-juicy-r.mp3" song="juicy-r" artist="Notorious"] [player_item src="http://kolber.github.io/audiojs/demos/mp3/03-its-all-about-the-crystalizabeths.mp3" song="it's all about the crystalizabeths" artist="Notorious"] [player_item src="http://kolber.github.io/audiojs/demos/mp3/04-islands-is-the-limit.mp3" song="Islands is the limit" artist="Notorious"] [player_item src="http://kolber.github.io/audiojs/demos/mp3/05-one-more-chance-for-a-heart-to-skip-a-beat.mp3" song="One more chance for a heart to skip a beat" artist="Notorious"] [player_item src="http://kolber.github.io/audiojs/demos/mp3/06-suicidal-fantasy.mp3" song="Suicidal fantasy" artist="Notorious"] [/playerlist] Cras sodales dui id est sagittis varius! Mauris tempor convallis mollis. Phasellus placerat facilisis tristique. Sed et vulputate est. Nam sodales porttitor ullamcorper? Proin posuere, ligula sit amet luctus semper, velit sapien tincidunt nunc, at feugiat nunc dui vitae nisl. Morbi et sem volutpat, faucibus orci eget, porttitor sapien. [space height="30"] [message_box  type="error" close="no"]Error when use shortcodes audio mp3 and  player list  on the pager[/message_box]


[highlighter label="Example" ][playerlist title="TITLE_PLAYERLIST"]
[player_item src='MP3_SRC' song="SONG_NAME" artist="ARTIST_NAME"]
[player_item src='MP3_SRC' song="SONG_NAME" artist="ARTIST_NAME"]
[player_item src='MP3_SRC' song="SONG_NAME" artist="ARTIST_NAME"]
[/playerlist][/highlighter]

Carousel

[carousel height="225px" align="none" control="yes" count="3" interval="0"][carousel_item ] [columns ] [column_item col="3"] [/column_item] [column_item col="3"] [/column_item] [column_item col="3"] [/column_item] [column_item col="3"] [/column_item] [/columns] [/carousel_item][carousel_item ] [columns ] [column_item col="3"] [/column_item] [column_item col="3"] [/column_item] [column_item col="3"] [/column_item] [column_item col="3"] [/column_item] [/columns] [/carousel_item][carousel_item ] [columns ] [column_item col="3"] [/column_item] [column_item col="3"] [/column_item] [column_item col="3"] [/column_item] [column_item col="3"] [/column_item] [/columns] [/carousel_item][/carousel] [highlighter label="Example" ][carousel width="auto" height="250" align="none" count="3" control="yes"] [carousel_item] ADD_CONTENT_HERE [/carousel_item] [carousel_item] ADD_CONTENT_HERE [/carousel_item] [carousel_item] ADD_CONTENT_HERE [/carousel_item] [/carousel][/highlighter]

Tooltip

Nulla ac convallis ipsum. Nulla tellus erat, [tooltip link="#" title="Nulla ac convallis ipsum" position="top"] venenatis [/tooltip] in auctor quis, aliquet a magna. Ut tortor nisl; pellentesque a rhoncus non, semper a quam. Sed [tooltip link="#" title="Nulla ac convallis ipsum" position="top"] aliquet [/tooltip] libero at lorem ornare auctor ornare est condimentum. Morbi pulvinar nibh egestas massa venenatis sed [tooltip link="#" title="Nulla ac convallis ipsum" position="top"] condimentum [/tooltip] turpis suscipit. In hac habitasse platea dictumst. [tooltip link="#" title="Nulla ac convallis ipsum" position="top"] Quisque quis odio a odio porttitor [/tooltip] mattis! Donec id elit nec massa ornare dictum.
[tooltip link="#" title='TITLE' position='top']ADD_CONTENT_HERE [tooltip]
[space height="10"]
[space height="10"] [button link='#' title='Click here example Tooltip' position='top' type='warning']Tooltip on top[/button] [button link='#' title='Click here example Tooltip' position='left' type='primary']Tooltip on left[/button] [button link='#' title='Click here example Tooltip' position='right' type='info']Tooltip on right[/button] [button link='#' title='Click here example Tooltip' position='bottom' type='success']Tooltip on bottom[/button] [space height="30"]
[button  link='#' title='TITLE' position='top|right|bottom|left' type='warning']ADD_CONTENT_HERE[[/button]
[button  link='#' title='TITLE' position='top|right|bottom|left' type='primary']ADD_CONTENT_HERE[[/button]
[button  link='#' title='TITLE' position='top|right|bottom|left' type='info']ADD_CONTENT_HERE[[/button]
[button  link='#' title='TITLE' position='top|right|bottom|left' type='success']ADD_CONTENT_HERE[[/button]

Customization Options / Features

  • Link : Link for website
  • Position : Select position align (top, bottom,left,right)
  • Type : Select type color (warning, primary, info, success)
  • Title : Text in tooltip

Slideshow

[slideshow width="780" height="300" align="none" count="3" ]
[slider_item title="Fusce nec velit ac dolor egestas aliquam" src="http://placehold.it/780x300/5BD999/FFFFFF" ]Morbi vestibulum feugiat ipsum eget posuere [/slider_item]
[slider_item title="Fusce nec velit ac dolor egestas aliquam" src="http://placehold.it/780x300/00C0E4/FFFFFF" ]Morbi vestibulum feugiat ipsum eget posuere[/slider_item]
[slider_item title="Fusce nec velit ac dolor egestas aliquam" src="http://placehold.it/780x300/CB70D7/FFFFFF" ]Morbi vestibulum feugiat ipsum eget posuere [/slider_item]
[/slideshow]

Nulla ac convallis ipsum

Fusce nec velit ac dolor egestas aliquam. In aliquet tincidunt risus, a tempus ante varius ut. Morbi vestibulum feugiat ipsum eget posuere. Sed massa arcu; pretium consectetur suscipit non, adipiscing sit amet massa. Pellentesque ipsum lorem

Maecenas ornare metus eu ultrices mollis. Nullam imperdiet justo nibh, ac vulputate risus porttitor ut. Ut adipiscing adipiscing orci ac blandit. Donec vestibulum nisl placerat lectus mattis adipiscing.

[slideshow width='800' height='350' align='none' count="3"]
   [slider_item title='CAPTION_TITLE' src='IMAGE_SRC'] CAPTION_DESCRIPTION [/slider_item]
   [slider_item title='CAPTION_TITLE' src='IMAGE_SRC'] CAPTION_DESCRIPTION [/slider_item]
   [slider_item title='CAPTION_TITLE' src='IMAGE_SRC'] CAPTION_DESCRIPTION [/slider_item]
[slideshow]
[slideshow width="400" height="250" align="left" caption="no"]
[slider_item title="Fusce nec velit ac dolor egestas aliquam" src="http://placehold.it/400x250/5BD999/FFFFFF" ]Morbi vestibulum feugiat ipsum eget posuere [/slider_item]
[slider_item title="Fusce nec velit ac dolor egestas aliquam" src="http://placehold.it/400x250/00C0E4/FFFFFF" ]Morbi vestibulum feugiat ipsum eget posuere[/slider_item]
[slider_item title="Fusce nec velit ac dolor egestas aliquam" src="http://placehold.it/400x250/CB70D7/FFFFFF" ]Morbi vestibulum feugiat ipsum eget posuere [/slider_item]
[/slideshow]

Nulla ac convallis ipsum

Fusce nec velit ac dolor egestas aliquam. In aliquet tincidunt risus, a tempus ante varius ut. Morbi vestibulum feugiat ipsum eget posuere. Sed massa arcu; pretium consectetur suscipit non, adipiscing sit amet massa. Pellentesque ipsum lorem

Maecenas ornare metus eu ultrices mollis. Nullam imperdiet justo nibh, ac vulputate risus porttitor ut. Ut adipiscing adipiscing orci ac blandit. Donec vestibulum nisl placerat lectus mattis adipiscing.

[slideshow width='400' height='250' align='left' caption="no"]
   [slider_item title='CAPTION_TITLE' src='IMAGE_SRC'] CAPTION_DESCRIPTION [/slider_item]
   [slider_item title='CAPTION_TITLE' src='IMAGE_SRC'] CAPTION_DESCRIPTION [/slider_item]
   [slider_item title='CAPTION_TITLE' src='IMAGE_SRC'] CAPTION_DESCRIPTION [/slider_item]
[slideshow]
[slideshow width="400" height="250" align="right" caption="no"]
[slider_item title="Fusce nec velit ac dolor egestas aliquam" src="http://placehold.it/400x250/5BD999/FFFFFF" ]Morbi vestibulum feugiat ipsum eget posuere [/slider_item]
[slider_item title="Fusce nec velit ac dolor egestas aliquam" src="http://placehold.it/400x250/00C0E4/FFFFFF" ]Morbi vestibulum feugiat ipsum eget posuere[/slider_item]
[slider_item title="Fusce nec velit ac dolor egestas aliquam" src="http://placehold.it/400x250/CB70D7/FFFFFF" ]Morbi vestibulum feugiat ipsum eget posuere [/slider_item]
[/slideshow]

Nulla ac convallis ipsum

Fusce nec velit ac dolor egestas aliquam. In aliquet tincidunt risus, a tempus ante varius ut. Morbi vestibulum feugiat ipsum eget posuere. Sed massa arcu; pretium consectetur suscipit non, adipiscing sit amet massa. Pellentesque ipsum lorem

Maecenas ornare metus eu ultrices mollis. Nullam imperdiet justo nibh, ac vulputate risus porttitor ut. Ut adipiscing adipiscing orci ac blandit. Donec vestibulum nisl placerat lectus mattis adipiscing.

[slideshow width='400' height='250' align='right' caption="no"]
   [slider_item title='CAPTION_TITLE' src='IMAGE_SRC'] CAPTION_DESCRIPTION [/slider_item]
   [slider_item title='CAPTION_TITLE' src='IMAGE_SRC'] CAPTION_DESCRIPTION [/slider_item]
   [slider_item title='CAPTION_TITLE' src='IMAGE_SRC'] CAPTION_DESCRIPTION [/slider_item]
[slideshow]

Customization Options / Features

  • Width : The width for slideshow
  • Height : The height for slideshow
  • Align : Select position align (left, right, none)
  • Src : The image (jpg, png, gif) source, the url should be from site root, eg: "images/.../abc.jpg".
  • Title : Title of the item, display as heading of item caption.
  • Caption : "caption=no" Not show Title, content of the item Slideshow.

Quick show

Etiam porta sagittis lacus in vestibulum. Phasellus convallis ut justo ut interdum. Maecenas lacinia diam eros, eu tincidunt justo ultricies eu. Aenean sit amet aliquet massa, id mattis nisi. [clear]
[modal link="#" title="Default" header="Phasellus convallis ut justo ut interdum 1"] Anim pariatur cliche reprehenderit

Enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.

Nulla pariatur cliche reprehenderit

Nulla pharetra nunc non malesuada bibendum. Sed vehicula dignissim leo et vestibulum. Mauris vulputate ligula justo; nec facilisis orci tristique ac. Duis non quam eu ipsum egestas fermentum sit amet vulputate risus. Etiam porta sagittis lacus in vestibulum. Phasellus convallis ut justo ut interdum. Maecenas lacinia diam eros, eu tincidunt justo ultricies eu. Aenean sit amet aliquet massa, id mattis nisi.

[/modal] [modal link="#" icon="comment" type="primary" title="Primary" header="Phasellus convallis ut justo ut interdum 2"] Anim pariatur cliche reprehenderit

Enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.

Nulla pariatur cliche reprehenderit

Nulla pharetra nunc non malesuada bibendum. Sed vehicula dignissim leo et vestibulum. Mauris vulputate ligula justo; nec facilisis orci tristique ac. Duis non quam eu ipsum egestas fermentum sit amet vulputate risus. Etiam porta sagittis lacus in vestibulum. Phasellus convallis ut justo ut interdum. Maecenas lacinia diam eros, eu tincidunt justo ultricies eu. Aenean sit amet aliquet massa, id mattis nisi.

[/modal] [modal link="#" icon="info-circle" type="info" title="info" header="Phasellus convallis ut justo ut interdum 3"] Anim pariatur cliche reprehenderit

Enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.

Nulla pariatur cliche reprehenderit

Nulla pharetra nunc non malesuada bibendum. Sed vehicula dignissim leo et vestibulum. Mauris vulputate ligula justo; nec facilisis orci tristique ac. Duis non quam eu ipsum egestas fermentum sit amet vulputate risus. Etiam porta sagittis lacus in vestibulum. Phasellus convallis ut justo ut interdum. Maecenas lacinia diam eros, eu tincidunt justo ultricies eu. Aenean sit amet aliquet massa, id mattis nisi.

[/modal] [modal link="#" icon="check" type="success" title="success" header="Phasellus convallis ut justo ut interdum 4"] Anim pariatur cliche reprehenderit

Enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.

Nulla pariatur cliche reprehenderit

Nulla pharetra nunc non malesuada bibendum. Sed vehicula dignissim leo et vestibulum. Mauris vulputate ligula justo; nec facilisis orci tristique ac. Duis non quam eu ipsum egestas fermentum sit amet vulputate risus. Etiam porta sagittis lacus in vestibulum. Phasellus convallis ut justo ut interdum. Maecenas lacinia diam eros, eu tincidunt justo ultricies eu. Aenean sit amet aliquet massa, id mattis nisi.

[/modal] [modal link="#" icon="warning" type="warning" title="warning" header="Phasellus convallis ut justo ut interdum 5"] Anim pariatur cliche reprehenderit

Enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.

Nulla pariatur cliche reprehenderit

Nulla pharetra nunc non malesuada bibendum. Sed vehicula dignissim leo et vestibulum. Mauris vulputate ligula justo; nec facilisis orci tristique ac. Duis non quam eu ipsum egestas fermentum sit amet vulputate risus. Etiam porta sagittis lacus in vestibulum. Phasellus convallis ut justo ut interdum. Maecenas lacinia diam eros, eu tincidunt justo ultricies eu. Aenean sit amet aliquet massa, id mattis nisi.

[/modal] [modal link="#" icon="refresh" type="danger" title="danger" header="Phasellus convallis ut justo ut interdum 6"] Anim pariatur cliche reprehenderit

Enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.

Nulla pariatur cliche reprehenderit

Nulla pharetra nunc non malesuada bibendum. Sed vehicula dignissim leo et vestibulum. Mauris vulputate ligula justo; nec facilisis orci tristique ac. Duis non quam eu ipsum egestas fermentum sit amet vulputate risus. Etiam porta sagittis lacus in vestibulum. Phasellus convallis ut justo ut interdum. Maecenas lacinia diam eros, eu tincidunt justo ultricies eu. Aenean sit amet aliquet massa, id mattis nisi.

[/modal]
[modal link="#" title="TITLE" header="TITLE_HEADER"]ADD_CONTENT_HERE]/modal]
[modal link="#" icon="comment" type="primary" title="TITLE" header="TITLE_HEADER"]ADD_CONTENT_HERE]/modal]
[modal link="#" icon="info-circle" type="info" title="TITLE" header="TITLE_HEADER"]ADD_CONTENT_HERE]/modal]
[modal link="#" icon="check" type="success" title="TITLE" header="TITLE_HEADER"]ADD_CONTENT_HERE]/modal]
[modal link="#" icon="warning" type="warning" title="TITLE" header="TITLE_HEADER"]ADD_CONTENT_HERE]/modal]
[modal link="#" icon="refresh" type="danger" title="TITLE" header="TITLE_HEADER"]ADD_CONTENT_HERE]/modal]
[message_box type="warning" close="no"]

Ex: element icon="user" then name of icons is "fa-user".

You can find the full examples of usage at Font Awesome - Font Awesome 4.0.3 [/message_box]

Google Font

Choose from over 570 Google Font’s to emphasize your Taglines

comes with over 500 Google web fonts you can pick for all your headings, navigation, titles, topbar, body, twitterbar, breadcrumbs text. Simply go to the Theme Options Panel, under the styling options, and select the fonts that suit you best. You won’t be disappointed with the selection of fonts.

Google Font Directory
[googlefont font="Cantora One" size="24" color="#4960B2" margin="0 0 1em 0"] Lorem ipsum dolor sit amet, consectetur adipiscing elit[/googlefont] [googlefont font="PT Sans" size="20" color="#506FC4" margin="1em 0 1em 0"] Lorem ipsum dolor sit amet, consectetur adipiscing elit[/googlefont] [googlefont font="Cuprum" size="18" color="#5781D6" margin="1em 0 1em 0"] Lorem ipsum dolor sit amet, consectetur adipiscing elit[/googlefont] [googlefont font="BenchNine" size="21" color="#6099EA" text-align="none" margin="1em 0 1em 0"] Lorem ipsum dolor sit amet, consectetur adipiscing elit[/googlefont]
[googlefont font-family="FONT_NAME" size="24" color="#4960B2" align="left" font_weight="400"  margin="1em 0 1em 0"] ADD_CONTENT_HERE [/googlefont]
[googlefont font-family="FONT_NAME" size="20" color="#506FC4" align="left" font_weight="400"  margin="1em 0 1em 0"] ADD_CONTENT_HERE [/googlefont]
[googlefont font-family="FONT_NAME" size="18" color="#5781D6" align="left" font_weight="400"  margin="1em 0 1em 0"] ADD_CONTENT_HERE [/googlefont]
[googlefont font-family="FONT_NAME" size="14" color="#6099EA" align="left" font_weight="400"  margin="1em 0 1em 0"] ADD_CONTENT_HERE [/googlefont]

Toggles

[toggle_box] [toggle_item icon="user" title="Collapsible Group Item #1"] Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. [/toggle_item]
[toggle_item icon="heart" active="yes" title="Collapsible Group Item #2"] Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. [/toggle_item]
[toggle_item icon="bell" title="Collapsible Group Item #2"] Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. [/toggle_item]
[/toggle_box]
[toggle_box]
   [toggle_item icon="user" title='ITEM_TITLE1'] ADD_CONTENT_HERE [/toggle_item]
   [toggle_item icon="heart" title='ITEM_TITLE2' active='yes'] ADD_CONTENT_HERE [/toggle_item]
   [toggle_item icon="bell" title='ITEM_TITLE3'] ADD_CONTENT_HERE [/toggle_item]
[/toggle_box]
[message_box type="warning" close="no"]

Ex: element icon="user" then name of icons is "fa-user".

You can find the full examples of usage at Font Awesome - Font Awesome 4.0.3 [/message_box]

Syntax Highlighting

[highlighter label="Example about less" ] /*-- Tablet portrait (768x1024) && Small tablet landscape (800x600) --*/ @media (min-width: 768px) and (max-width: 979px) { /* Block Lightbox*/ .yt-lightbox{display: block;} div.yt-vimeo iframe, div.yt-youtube iframe{width:100%;height: 300px;} } [/highlighter]
[highlighter label="CONTENT_HERE" ] ADD_CONTENT_HERE [/highlighter]