Shortcodes

Special lists

As well as normal bulleted and numbered lists, there are also tick and cross varients.
You apply these by switching to 'Text' tab (on the upper right of the text editor) and applying a class to the list. See below.

Checklist

  • Lorem ipsum dolor sit amet, consectetur adipisicing elit.
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit.
<ul class="tick-list">
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</li>
</ul>

Crosslist

  • Lorem ipsum dolor sit amet, consectetur adipisicing elit.
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit.
<ul class="cross-list">
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</li>
</ul>

Panel

A panel should be to used to make a specific, small amount of content, stand out. Titles, paragraphs and bulletpoints will all work inside a panel, but the colour of the text will change accordingly.

Example:

Title

This is some content that needs to stand out.

[panel colour="green"]<h2>Title</h2><p>This is some content that needs to stand out.</p>[/panel]

Colour

Choose colours from the BAPS colour palette.

  • blue (default)
  • light-blue
  • green
  • light-green

Divide

A dividing line should be used to further break up content sections, to provide a defined division.

Example:

[divide]

Blockquotes

Blockquotes should be used to call attention to a relatively small quote from a person, typically someone part of BAPS.

Example:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur condimentum leo neque, quis iaculis neque.

Jason HobbsDeveloper, Mixd
[blockquote line1="Jason Hobbs" line2="Developer, Mixd"]<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur condimentum leo neque, quis iaculis neque.</p>[/blockquote]

Video

Video cannot be uploaded directly into WordPress. Instead, the video should be uploaded to YouTube or Vimeo and then inserted via. the below shortcode.
The shortcode will automatically enlarge the width to the size of the content container, and retain the correct height proportion.

Example:

[video url="https://youtu.be/L0MK7qz13bU"]

Button

Buttons should be used to call particular attention to internal or external links. Colours from the BAPS colour palette can be chosen, a selection of icons can be chosen and the size can be changed.

Example:

Google [button url="http://google.co.uk/" colour="blue" label="Google"] Schedule [button id="39" colour="green" label="Schedule" size="large"]

ID / URL

ID

Use for links to web pages within BAPS…using the ID means that if the URL changes, the button will automatically update

URL

Use for links to other websites or documents on the BAPS website.

Label

The label for the button. Make the label short / snappy, and avoid phrases like "click here".

Colour

Choose colours from the BAPS colour palette.

Size

Choose the size of the button.