Below are the example shortcodes which you can use throughout the site and how to use them.
Panels
Panels are reusable wrappers which will encase a group of content, be that HTML or simple text. With each panel, you have two attributes that you can assign which will either change the visual look of the panel or add extra information.
[panel type="$type" label="$label" size="$size"]Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/panel]
You also have the ability to change the panel’s sizing. Do this by adding the ‘size’ attribute and one of the following:
Media
Media includes videos from YouTube or Vimeo.
[video url="$url" autoplay="$true_or_false" image="$true_or_false"]
PDFs
[pdf]<a href="$link">$title</a>[/pdf]
Current page/post title
Outputs the current page/post title
[title]
e.g. ‘Shortcodes‘
Buttons
Available ‘types’ include ‘primary’, ‘red’, ‘yellow’, ‘green’ and ‘blue’.
[button link="$link" type="$type"]$title[/button]
Widgets
Use this shortcode to help embed Google Maps
[flexible link="$embed_link"]
Jumplinks
[jumplinks]
e.g:
Styled lists
Download list
<ul class="list--downloads">
<li> <a href="/content/uploads/2015/06/0502-What-is-MRSA-v1.pdf">What is MRSA v1 </a> </li>
<li> <a href="/content/uploads/2015/06/0502-What-is-MRSA-v1.pdf">What is MRSA v1 (2) </a> </li>
</ul>
Check list
<ul class="list--checked">
<li> <a href="/content/uploads/2015/06/0502-What-is-MRSA-v1.pdf">What is MRSA v1 </a> </li>
<li> <a href="/content/uploads/2015/06/0502-What-is-MRSA-v1.pdf">What is MRSA v1 (2) </a> </li>
</ul>
Cross list
<ul class="list--crossed">
<li> <a href="/content/uploads/2015/06/0502-What-is-MRSA-v1.pdf">What is MRSA v1 </a> </li>
<li> <a href="/content/uploads/2015/06/0502-What-is-MRSA-v1.pdf">What is MRSA v1 (2) </a> </li>
</ul>