Available Shortcodes

These shortcodes are available in the Schema.org WordPress Theme. If you’re looking for other shortcodes, please read this:

Shortcode for the Purple Heart Rating WordPress Plugin, see FAQ question 22
Shortcode for the Product Countdown WordPress Plugin, see FAQ question 10
The only shortcode that is available in the One Page Profile Theme is the icon shortcode (see below), or read more on the FAQ, question 2

[toc]

button

Full example:

[button href="http://wp-buddy-web.local" type="green" target="_blank"
float="" size="" ?block="false" disabled="" ?icon="download"]?PDF Download?[/button]

Attributes:

href: an URL.
Default: ‘#’
type: The actual color.
Can be: primary | warning | danger |success |info | inverse
Default: ”
target: where to open the linked document. Please see the HTML a target Attribute.
Default: ‘_blank’
float: The floating of the button.
Can be: left | right | none
Default: ”
size: The size of the button.
Can be: large | small | mini
Default: ”
block: Whether to strech to full width
Can be: true | false
Default: false.
disabled: Whether to make it clickable.
Can be: true | false
Default: false
dropdown: Whether do build a dropdown out of the button
Can be: true | false
Default: false
modal:
Can be:
Default: ”
icon: The icon to include
Can be: Please refer to the available icons included in the themes.
Default: ”

button_group

Full example:

[button_group vertical="false" dropup="false"]
[button href="#"]Button 1[/button]
[button href="#"]Button 2[/button]
[button href="#"]Button 3[/button]
[/button_group]

Attributes:

vertical: Whether to display the button vertically
Can be: true | false
Default: false
dropup: Whether to create a dropup menu
Can be: true | false
Default: false

button_toolbar

Full example:

[button_toolbar]
  [button_group]
    [button href="#"]1[/button]
    [button href="#"]2[/button]
    [button href="#"]3[/button]
  [/button_group]
  [button_group]
    [button href="#"]1[/button]
    [button href="#"]2[/button]
    [button href="#"]3[/button]
    [button href="#"]4[/button]
    [button href="#"]5[/button]
  [/button_group]
[/button_toolbar]

Attributes: No attributes till now.

divider

Full example:

[button_group]
[button href="#" type="inverse" icon="info-sign" dropdown="true" size="large"]
My Menu
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
</ul>
[/button]
[/button_group]]

Attributes:

element: The HTML-Element to build around the divider class.
Can be: Any HTML tag
Default: ‘div’

box

Full example:

[box type="well" size="large"]Well large[/box]

Attributes:

type: Equals the color
Can be: error | success | info | well
Default: ”
float: The floating of the button.
Can be: left | right | none
Default: ”
size: The actual size (width) of the box
Can be: large | small
Default: ”

alert

Full example:

[alert type="success"]Success[/alert]

Attributes: Please see the box-shortcode

muted

Full example:

[muted element="span"]This is muted[/muted]

Attributes:

element: The HTML element to build around the muted item
Can be: Any HTML tag
Default: ‘span’

learn_more

Full example:

[learn_more headline="Another headline instead of 'Learn more'"]
  Lorem ipsum dolor sit amet...
[/learn_more]

Attributes: Please see the accordion_item shortcode.

accordion

Full example:

[accordion numbering="true"]
  [accordion_item]
    Lorem ipsum dolor sit amet, consetetur ...
  [/accordion_item]

  [accordion_item headline="Item 2"]
    Lorem ipsum dolor sit amet...
  [/accordion_item]
[/accordion]

Attributes:

numbering: Whether numbering on accordion-items should be turned on/off
Can be: true | false
Default: false

accordion_item

Full example: Please see the accordion shortcode for an example

Attributes:

headline: The headline to print for the item
Can be: Any string
Default: ‘Learn more’ (in your translated language)
collapsed: If the item should be collapsed on page load
Can be: true | false
Default: false
caret: Whether the caret should be added
Can be: true | false
Default: false

slider

Full example:

[slider effect="slide" animationspeed="3000" slideshowspeed="5000" ]
  [slide]
    <img alt="Pool" src="nice-pool-hdr.jpg" width="1280" height="853" />
  [/slide]
  [slide]
    <img alt="steps" src="steps.jpg" width="1280" height="853" />
    [slide_caption]</pre>
      <h4>This is a headline of caption</h4>
      This is just some text
    [/slide_caption]
  [/slide]
[/slider]

Attributes:

effect: The effect to show on slide
Can be: slide | fadeDefault: ‘slide’
animationspeed: The speed of the animation in miliseconds
Can be: any natural number
Default: 3000
slideshowspeed: The speed of the slideshow itself in miliseconds
Can be: any natural number
Default: 5000

slide

Full example: Please see the slider shortcode above

Attributes: No attributes so far

slide_caption

Full example: Please see the slider shortcode above

Attributes: No attributes so far

column

Full example (1/2 to 1/2):

[column span="6"]Lorem ipsum dolor sit amet....[/column]
[column span="6"]Lorem ipsum dolor sit amet....[/column]

Attributes:

devision: The divider. (Where 6 means 1/2)
Can be: 1 to 12
Default: 6

clear

After some columns or sliders, the layout sometimes will not look good. Create a clear-element after it will correct that behaviour.

Full example:

[clear]

Attributes: No attributes.

list

Full example:

[list icon="remove" type="error" style=""]
<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
  <li>Item 4</li>
  <li>Item 5</li>
</ul>
[/list]

Attributes:

icon: The icon to show
Can be: Please refer to the available icons included in the themes.
Default: ‘ok’
type: The actual color.
Can be: warning | error | info | success
Default: ”
style: Whether icons should be shown
Can be: true | false
Default: false

dropcap

Full example:

[dropcap color="blue" size="400%" height="50px"]L[/dropcap]

Attribues:

color: The color of the dropcap
Can be: A color name or a hex value of a color.
Default: ‘red’
size: The font-size of the dropcap-letter. Standard is 400%
Can be: A pixel value (like ’50px’) or a percentage (like ‘500%’)
Default: ‘400%’
height: The line-height of the dropcap letter. Standard is 50px
Can be: Any pixel value (like ’50px’)
Default: ’50px’

tooltip

Full example:

[tooltip title="I'm at the top" placement="top"
trigger="click" delay="100"]Tooltip on top[/tooltip]

Attributes:

placement: Where to place the tooltip.
Can be top | right | bottom | left.
Default: ‘top’
trigger: When to show the tooltip.
Can be: click | hover | focus | manual
Default: ‘hover’
delay: The time to wait after the trigger (in ms)
Can be: any natural number
Default: 0
title: The title to show
Can be: any string
Default: ”

popover

Full example:

[popover title="I'm at the top" placement="top"
trigger="click" delay="100" content="Test content"]
Popover on click
[/popover]

Attributes:

content: The content to show if the mouse hovers the item.
Can be: any string
Default: ”
placement: Where to place the tooltip.
Can be top | right | bottom | left.
Default: ‘top’
trigger: When to show the tooltip.
Can be: click | hover | focus | manual
Default: ‘hover’
delay: The time to wait after the trigger (in ms)
Can be: any natural number
Default: 0
title: The title to show
Can be: any string
Default: ”

event

Full example:

[event name="Event Name" street="Mathilde-Jacob-Platz 1"
zip="10551" locality="Berlin" country="Germany" start_date="15.11.2013 16:44"
end_date="16.11.2013 23:59"
image="nice-pool-hdr-300x199.jpg"]
This is a description of the event
[/event]

Attributes:

name: The event name
Can be: Any string
Default: ‘Even’ (in your translated language)
street: The street and the house number of the location
Can be: Any string
Default: ”
zip: The ZIP-Code of the location
Can be: Any string
Default: ”
locality: The locality of the location
Can be: Any string
Default: ”
country: The country of the location
Can be: Any string
Default: ”
url: The URL where we can find more info
Can be: Any string
Default: Current page permalink
start_date: The Start-Date of the event
Format: DD.MM.YYYY HH:MM:SS
Default: Current time
end_date: The End-Date of the event
Format: DD.MM.YYYY HH:MM:SS
Default: ”
image: An URL to an image of the event.
Can be: Any image url
Default: current post thumbnail if any
latitude: The latitude of the location
Can be: Any floating number
Default: ‘41.850033’
longitude: The longitude of the location
Can be: Any floating number
Default: ‘-87.6500’

map

Full example:

[map longitude="12.95591" latitude="48.82948" title="This is where we are!" image="beachflag.png"]
<h3>Maps inline headline</h3>
Of course you can add some content here
[/map]

Attributes:

zoom: The zoom factor (lower is nearer)
Can be: 0 to 99
Default: 8
language: The language-code to load for map names
Can be: Please see the list of available Google Maps api languages
Default: the blogs language code
latitude: The latitude of the location
Can be: a latitude number
Default: ‘41.850033’
longitude: The longitude of the location
Can be: a longitude number
Default: ‘-87.6500’
title: The title for the marker (appears on mouse over)
Can be: Any string
Default: ”
image: The image to use for the marker
Can be: Any icon URL
Default: ‘https://developers.google.com/maps/documentation/javascript/examples/images/beachflag.png’
width: The width of the map
Can be: a pixel value (like ‘400px’) or a percentage (like ‘100%’)
Default: ‘auto’
height The height of the map
Can be: a pixel value (like ‘400px’) or a percentage (like ‘100%’)
Default: ‘400px’

icon

Full example:

[icon size="large" type="success" icon="ok"]

Attributes:

size: The size of the icon
Can be: mini | small | large | xl | xxl
Default: ”
type: The actual color of the icon
Can be: success | warning | error | info
Default: ”
icon: The icon to show
Can be: Please refer to the available icons included in the themes.
Default: ‘ok’

modal

Full example:

[modal title="Opened with a button" id="modal1" link="#" button_text="OK"]
Lorem ipsum dolor sit amet,
[/modal]
[button href="#modal1" modal="modal1"]Open the modal with this button[/button]

Attributes:

title: The title to use for the h3 element
Can be: Any string
Default: ”
link: The link to use in the modal window button
Can be: Any URL
Default: ‘#’
button_text: The text of the button in the modal window
Can be: Any string
Default: An icon
id: The id of the modal if you want to open it with a button.
Can be: Any string
Default: ”

tabs

Full example:

[tabs]
  [tab title="Item 1"]Lorem ipsum dolor 1[/tab]
  [tab title="Item 2"]Lorem ipsum dolor 2[/tab]
  [tab title="Item 3"]Lorem ipsum dolor 3[/tab]
[/tabs]

Attributes: No attributes so far.

tab

Full example: Please see the tabs-shortcode.

Attributes:

title: The title of the tab
Can be: Any string
Default: ”

label

Full example:

[label type="warning"]Lorem ipsum dolor[/label]

Attributes:

type: The actual color of the label
Can be success | warning |important | info | inverse
Default: ”

badge

Full example:

[badge type="info"]Lorem ipsum dolor[/badge]

Attributes:

type: The actual color of the badge
Can be success | warning |important | info | inverse
Default: ”

lead

Full example:

[lead]Lorem ipsum dolor[/lead]

Attributes: No attributes so far

text

Full example:

[text color="info"]Lorem ipsum dolor[/text]

Attributes:

color: The actual color of the text
Can be success | warning |important | info | inverse | muted
Default: ”

Speakerdeck

Add Speakerdeck Slides to your content without adding any JavaScripts manually.

Full example:

[speakerdeck slide="4" id="a1b35920621f0130e78712313d320292" ratio="1.333333333"]

Attributes:

id: The id of the slide
Can be success | warning |important | info | inverse | muted
Default: ”
slide: The slide to start width
Default: 1
ratio: The ratio of the slide
Default: 1.3333333333

Youtube

Add a YouTube Video to your content.

Full example:

[youtube width="500" height="300" url="http://www.youtube.com/watch?v=8z0Tb1J9JUc?"]

Attributes:

width: The actual width of the video
Can be: any integer
Default: 480
height: The actual height of the video
Can be: any integer
Default: 360
url: The URL to the YouTube-Video
Default: ”

The WP-BuddyWordPress Plugin Developer

button

button_group

button_toolbar

divider

box

alert

muted

learn_more

accordion

accordion_item

slider

slide

slide_caption

column

clear

list

dropcap

tooltip

popover

event

map

icon

modal

tabs

tab

label

badge

lead

text

Speakerdeck

Youtube

Leave a Reply