Shortcodes
This theme uses tags to get the content just the way you want it. Use it to spice up your website! Below are a couple of examples with instructions on how to use it.
Lines
[line sample=”true”]
[linetop sample=”true”]
[linetop]
Columns
[column size=”2×1″ title=”Column 2 x 1″] [column size=”2×1″ title=”Column 2 x 1″ sample=”true”] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec justo sem. Morbi suscipit augue id risus egestas a imperdiet augue mattis. Suspendisse potenti. Donec varius, turpis sit amet interdum tristique, turpis tortor varius sem, ac porta ipsum est non tortor. Cras tristique, sapien in accumsan tempor.[/column]
[column size=”2×1″ last=”true” title=”Column 2 x 1″] [column size=”2×1″ last=”true” title=”Column 2 x 1″ sample=”true”] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec justo sem. Morbi suscipit augue id risus egestas a imperdiet augue mattis. Suspendisse potenti. Donec varius, turpis sit amet interdum tristique, turpis tortor varius sem, ac porta ipsum est non tortor. Cras tristique, sapien in accumsan tempor.[/column]
[line]
[column size=”3×1″ title=”Column 3 x 1″] [column size=”3×1″ title=”Column 3 x 1″ sample=”true”] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec justo sem. Morbi suscipit augue id risus egestas a imperdiet augue mattis. Suspendisse potenti. Donec varius, turpis sit amet interdum tristique, turpis tortor varius sem, ac porta ipsum est non tortor. Cras tristique, sapien in accumsan tempor.
[/column]
[column size=”3×1″ title=”Column 3 x 1″] [column size=”3×1″ title=”Column 3 x 1″ sample=”true”] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec justo sem. Morbi suscipit augue id risus egestas a imperdiet augue mattis. Suspendisse potenti. Donec varius, turpis sit amet interdum tristique, turpis tortor varius sem, ac porta ipsum est non tortor. Cras tristique, sapien in accumsan tempor.[/column]
[column size=”3×1″ last=”true” title=”Column 3 x 1″] [column size=”3×1″ last=”true” title=”Column 3 x 1″ sample=”true”] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec justo sem. Morbi suscipit augue id risus egestas a imperdiet augue mattis. Suspendisse potenti. Donec varius, turpis sit amet interdum tristique, turpis tortor varius sem, ac porta ipsum est non tortor. Cras tristique, sapien in accumsan tempor.[/column]
[line]
[column size=”3×2″ title=”Column 3 x 2″] [column size=”3×2″ title=”Column 3 x 2″ sample=”true”] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec justo sem. Morbi suscipit augue id risus egestas a imperdiet augue mattis. Suspendisse potenti. Donec varius, turpis sit amet interdum tristique, turpis tortor varius sem, ac porta ipsum est non tortor. Cras tristique, sapien in accumsan tempor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec justo sem. Morbi suscipit augue id risus egestas a imperdiet augue mattis. Suspendisse potenti. Donec varius, turpis sit amet interdum tristique, turpis tortor varius sem, ac porta ipsum est non tortor. Cras tristique, sapien in accumsan tempor.[/column]
[column size=”3×1″ last=”true” title=”Column 3 x 1″] [column size=”3×1″ last=”true” title=”Column 3 x 1″ sample=”true”] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec justo sem. Morbi suscipit augue id risus egestas a imperdiet augue mattis. Suspendisse potenti. Donec varius, turpis sit amet interdum tristique, turpis tortor varius sem, ac porta ipsum est non tortor. Cras tristique, sapien in accumsan tempor.[/column]
[line]
[column size=”4×1″ title=”Column 4 x 1″] [column size=”4×1″ title=”Column 4 x 1″ sample=”true”] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec justo sem. Morbi suscipit augue id risus egestas a imperdiet augue mattis. Suspendisse potenti. Donec varius, turpis sit amet interdum tristique.[/column]
[column size=”4×1″ title=”Column 4 x 1″] [column size=”4×1″ title=”Column 4 x 1″ sample=”true”] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec justo sem. Morbi suscipit augue id risus egestas a imperdiet augue mattis. Suspendisse potenti. Donec varius, turpis sit amet interdum tristique.[/column]
[column size=”4×1″ title=”Column 4 x 1″] [column size=”4×1″ title=”Column 4 x 1″ sample=”true”] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec justo sem. Morbi suscipit augue id risus egestas a imperdiet augue mattis. Suspendisse potenti. Donec varius, turpis sit amet interdum tristique.[/column]
[column size=”4×1″ last=”true” title=”Column 4 x 1″] [column size=”4×1″ last=”true” title=”Column 4 x 1″ sample=”true”] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec justo sem. Morbi suscipit augue id risus egestas a imperdiet augue mattis. Suspendisse potenti. Donec varius, turpis sit amet interdum tristique.[/column]
[line]
[column size=”4×3″ title=”Column 4 x 3″] [column size=”4×3″ title=”Column 4 x 3″ sample=”true”] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec justo sem. Morbi suscipit augue id risus egestas a imperdiet augue mattis. Suspendisse potenti. Donec varius, turpis sit amet interdum tristique.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec justo sem. Morbi suscipit augue id risus egestas a imperdiet augue mattis. Suspendisse potenti. Donec varius, turpis sit amet interdum tristique.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec justo sem. Morbi suscipit augue id risus egestas a imperdiet augue mattis. Suspendisse potenti. Donec varius, turpis sit amet interdum tristique.[/column]
[column size=”4×1″ last=”true” title=”Column 4 x 1″] [column size=”4×1″ last=”true” title=”Column 4 x 1″ sample=”true”] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec justo sem. Morbi suscipit augue id risus egestas a imperdiet augue mattis. Suspendisse potenti. Donec varius, turpis sit amet interdum tristique.[/column]
Parameters
- size: 2×1 (half width), 3×1 (one third width), 4×1 (one quarter width)
- last: true, false (default) – Use this if it’s the last box on a row (to the far right)
- title: the title of the box (optional)
[linetop]
Text selections
Proin velit nibh, facilisis vel sollicitudin nec, accumsan at elit. [selection]Maecenas vulputate mollis erat[/selection], quis pulvinar elit suscipit sit amet. Etiam semper mi vitae lectus interdum ultricies. Nulla non faucibus enim. Aliquam erat dolor, lobortis nec vestibulum vitae, feugiat id justo. Ut lacus dolor, commodo et suscipit eu, aliquam vel nisi. Phasellus posuere scelerisque dolor, at dapibus nulla lacinia id. Proin sapien diam, sagittis quis eleifend et, posuere nec dui. Nam tempor tincidunt nibh non mollis. Duis quis rutrum urna. Nullam sit amet sem a nibh sagittis convallis tincidunt nec velit. [selection]Pellentesque tristique suscipit lacinia. Praesent a nibh non sem tincidunt ultrices. Nunc tempor purus sit amet lorem accumsan imperdiet[/selection]. Pellentesque diam urna, dapibus quis dictum at, varius eu felis. Morbi id neque sit amet nulla sodales semper ac sed tellus. Aliquam placerat lectus ut purus tincidunt sit amet consequat mi iaculis. Sed ut velit ac ipsum pharetra elementum.
[selection sample=true]
[linetop]
Buttons
Create a button of any color you want. Simply choose one of the presets, or specify your own.
[button url=”#” title=”Magenta” color=”magenta” bottom=”20″ right=”10″]
[button url=”#” title=”Cyan” color=”cyan” bottom=”20″ right=”10″]
[button url=”#” title=”Yellow” color=”yellow” bottom=”20″ right=”10″]
[button url=”#” title=”Black” color=”black” bottom=”20″ right=”10″]
[button url=”#” title=”Red” color=”red” bottom=”20″ right=”10″]
[button url=”#” title=”Blue” color=”blue” bottom=”20″ right=”10″]
[button url=”#” title=”Green” color=”green” bottom=”20″ right=”10″]
[button url=”#” title=”Purple” color=”purple” bottom=”20″ right=”10″]
[button url=”#” title=”Orange” color=”orange” bottom=”20″ right=”10″]
[button url=”#” title=”Magenta” color=”magenta” sample=”true”]
Parameters
- url: the link of the button
- title: the button box title
- color: the button color. Use hex codes (example: ff0000) or one of the presets: magenta, cyan, yellow, black, red, blue, green, purple, orange
- float: none (default), left, right. Force the button to the left or right, or leave it where it is.
- top: amount of space at the top of the button in pixels. Default is ‘0’ (zero).
- right: amount of space on the right of the button in pixels. Default is ‘0’ (zero).
- bottom: amount of space at the bottom of the button in pixels. Default is ‘0’ (zero).
- left: amount of space on the left of the button in pixels. Default is ‘0’ (zero).
[linetop]
Toggle content
[toggle title=”Click to show/hide this content”]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec justo sem. Morbi suscipit augue id risus egestas a imperdiet augue mattis. Suspendisse potenti. Donec varius, turpis sit amet interdum tristique.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec justo sem. Morbi suscipit augue id risus egestas a imperdiet augue mattis. Suspendisse potenti. Donec varius, turpis sit amet interdum tristique.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec justo sem. Morbi suscipit augue id risus egestas a imperdiet augue mattis. Suspendisse potenti. Donec varius, turpis sit amet interdum tristique.
[/toggle]
[toggle title=”Click to show/hide this content” fold=”false”]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec justo sem. Morbi suscipit augue id risus egestas a imperdiet augue mattis. Suspendisse potenti. Donec varius, turpis sit amet interdum tristique.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec justo sem. Morbi suscipit augue id risus egestas a imperdiet augue mattis. Suspendisse potenti. Donec varius, turpis sit amet interdum tristique.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec justo sem. Morbi suscipit augue id risus egestas a imperdiet augue mattis. Suspendisse potenti. Donec varius, turpis sit amet interdum tristique.
[/toggle]
[toggle title=”Click to show/hide this content” fold=”false” sample=”true”]
Parameters
- title: the title of the toggled content
- fold: true (default), false – Hide or show the toggled content
[linetop]
Message box
Communicate different important messages to the reader with the styled boxes below.
Info
[message type=”info” title=”Info message:”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec justo sem.[/message]
[message sample=”true” type=”info” title=”Info message:”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec justo sem.[/message]
Notice
[message type=”notice” title=”Notice message:”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec justo sem.[/message]
[message sample=”true” type=”notice” title=”Notice message:”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec justo sem.[/message]
Succes
[message type=”succes” title=”Succes message:”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec justo sem.[/message]
[message sample=”true” type=”succes” title=”Succes message:”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec justo sem.[/message]
Error
[message type=”error” title=”Error message:”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec justo sem.[/message]
[message sample=”true” type=”error” title=”Error message:”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec justo sem.[/message]
Parameters
- type: info (default), notice, succes or error
- title: the message box title (optional)
[linetop]
Google maps
Place a google map on your page. There is also a google maps widget available, but for whenever you need it, this shortcode is there for you 🙂
[maps location=”saturnusstraat 60 netherlands” zoom=”12″ popup=”no”]
[maps sample=”true” location=”saturnusstraat 60 netherlands” zoom=”12″ popup=”no”]
Parameters
- location: the place you want on the map
- zoom: the zoom level of the map (1-22)
- popup: yes, no (default) – display the adres in a popup
- width: use either pixels or percentages. Default: 100%
- height: use either pixels or percentages. Default: 400px
[linetop]