Available Shortcodes

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

[toc]

button

Full example:

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:

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:

Attributes: No attributes till now.

divider

Full example:

Attributes:

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

box

Full example:

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:

Attributes: Please see the box-shortcode

muted

Full example:

Attributes:

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

learn_more

Full example:

Attributes: Please see the accordion_item shortcode.

accordion

Full example:

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:

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):

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:

Attributes: No attributes.

list

Full example:

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:

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:

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:

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:

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:

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:

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:

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:

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:

Attributes:

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

badge

Full example:

Attributes:

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

lead

Full example:

Attributes: No attributes so far

text

Full example:

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:

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:

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: ”

Leave a Reply

Your email address will not be published. Required fields are marked *