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="featured"]Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/panel]
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Cards
[card title="Title of the card"]
[card-pair title="Lorem ipsum"]
Lorem ipsum
dolor sit amet
[/card-pair]
[card-pair title="Consectetur"]Lorem ipsum dolor sit amet[/card-pair]
[/card]
Title of the card
Lorem ipsum
Lorem ipsum
dolor sit amet
Consectetur
Lorem ipsum dolor sit amet
Media
Media includes videos from YouTube or Vimeo.
[video url="https://vimeo.com/53073654" autoplay="false" image="false"]
Current page/post title
Outputs the current page/post title
[title]
e.g. ‘Shortcodes‘
Buttons
Available ‘types’ include ‘link’, ‘download’, ’email’, and ‘pdf’. Available ‘colours’ include ‘primary’, ‘red’, ‘yellow’, ‘green’, ‘blue’, ‘violet’, ‘orange’, and ‘light-blue’.
[button link="http://google.co.uk" type="link" colour="red"]Click here to visit google.co.uk[/button]
Click here to visit google.co.uk
Click here to visit google.co.uk
Click here to visit google.co.uk
Click here to view our PDFTo open a PDF you may need to download Adobe Reader
Click here to visit google.co.uk
Click here to visit google.co.uk
Widgets
Use this shortcode to help embed Google Maps
[flexible link="https://www.google.com/maps/embed?$id"]
Jumplinks
[jumplinks]
e.g:
Styled lists
Arrow list
<ul class="list--arrows">
<li> <a href="/content/uploads/2016/02/what-is-mrsa.pdf">What is MRSA? </a> </li>
<li> <a href="/content/uploads/2016/02/Audiology-leaflet.pdf">Audiology leaflet </a> </li>
</ul>
Download list
<ul class="list--downloads">
<li> <a href="/content/uploads/2016/02/what-is-mrsa.pdf">What is MRSA? </a> </li>
<li> <a href="/content/uploads/2016/02/Audiology-leaflet.pdf">Audiology leaflet </a> </li>
</ul>
Check list
<ul class="list--checked">
<li> <a href="/content/uploads/2016/02/what-is-mrsa.pdf">What is MRSA? </a> </li>
<li> <a href="/content/uploads/2016/02/Audiology-leaflet.pdf">Audiology leaflet </a> </li>
</ul>
Cross list
<ul class="list--crossed">
<li> <a href="/content/uploads/2016/02/what-is-mrsa.pdf">What is MRSA? </a> </li>
<li> <a href="/content/uploads/2016/02/Audiology-leaflet.pdf">Audiology leaflet </a> </li>
</ul>
Telephone links
You can also quickly and easily add formatted telephone links into your text content by using the tel shortcode.
e.g. 01234567890
01234567890or create an inline click-to-call link by adding ‘link=true’ into the shortcode.
e.g. (01234) 567 890
(01234) 567 890Accordion
You can include a collapsible portion of content within the WordPress content editor by using the accordion short code.
<h2>This is the title of my accordion</h2>
Fugiat quo voluptas nulla pariatur? Quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
Fugiat quo voluptas nulla pariatur? Cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia.
Swap “h2” for “heading” if you don’t wish this accordion to appear in jumplinks.
Fugiat quo voluptas nulla pariatur? Quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Fugiat quo voluptas nulla pariatur? Cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia.