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.
<h2>Title</h2><p>This is some content that needs to stand out.</p>
Colour
Choose colours from the Lindsey Private Patients colour palette.
- green (default)
- dark-green
- orange
- grey
Divide
A dividing line should be used to further break up content sections, to provide a defined division.
Example:
Blockquotes
Blockquotes should be used to call attention to a relatively small quote from a person, typically someone part of Lindsey Private Patients.
Example:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur condimentum leo neque, quis iaculis neque.
Jason HobbsDeveloper, Mixd
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur condimentum leo neque, quis iaculis neque.</p>Jason HobbsDeveloper, Mixd
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:
Button
Buttons should be used to call particular attention to internal or external links. Colours from the Lindsey Private Patients colour palette can be chosen, a selection of icons can be chosen and the size can be changed.
Example:
GoogleGoogle
Services
Services
ID / URL
ID
Use for links to web pages within Lindsey Private Patients – 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 Lindsey Private Patients website.
Label
The label for the button. Make the label short / snappy, and avoid phrases like “click here”.
Colour
Choose colours from the Lindsey Private Patients colour palette.
- Green – (default)
- Green (Dark) – dark-green
- Orange – orange
- Grey – grey
Size
Choose the size of the button.
Telephone links
Use the tel shortcode to add correctly formatted telephone links into your content.
00000000000
00000000000
(00000) 00 00 00