Test page

Useful HTML

Heading 2: <h2>heading</h2>

Heading 3: <h3>heading</h3>

Paragraph: <p>text</p>

Bold font: <strong>text</strong>

Hyperlink: <a href=”url”>hyperlinked text</a>

Email hyperlink: <a href="mailto:email address">email address</a>

Telephone hyperlink: <a href="tel:+44phone number minus the first 0">phone number</a>

Bulleted list (aka unordered list):

<ul>

<li>text 1</li>

<li>text 2</li>

</ul>

Numbered list (aka ordered list):

<ol>

<li>text 1</li>

<li>text 2</li>

</ol>

Headings

Use headings in order.

You can jump back up to a heading (eg H2, H3, H2) but never skip a heading (eg H1, H3)

H1 - this is typically pre-set

H2 - Usually your first manually added title on a page

H3 - Use as a sub-heading to a H2

H4 - Use as a sub-heading to a H3

H5 - Use as a sub-heading to a H4

Only use heading formatting for headings. If you want to emphasise body text, you can use bold.

Adding media (document)

• Untick ‘Use WYSIWYG editor’ (You’ll be taken to the code view with numbers down the left-hand side) 
• Place your cursor where you want the media to be added 
• If adding media to a new line of code, add paragraph parameters <p>place cursor here</p> first 
• Select the image or document icon near the top left corner 
• Use the uploader to add media in the usual way 
• Select ‘Insert’ button
• Your code will be added in the following format: 
  • <p><a class="file_docx" href="/pageassets/get_involved/societies/committeeportal/Trip-Planning-Guidance.docx">Trip-Planning-Guidance</a></p> 
• The text to be hyperlinked will automatically pull through from the document name, so you’ll need to update this to remove any hyphens and dashes and name with something more relevant and/or user friendly. 
  • <p><a class="file_docx" href="/pageassets/get_involved/societies/committeeportal/Trip-Planning-Guidance.docx">Trip planning guidance</a></p> 
• Tick ‘Use WYSIWYG editor’ to return to your original editing view

Guides

Creating and editing accordions

Code for modals

Imagery

Image resizing: Adobe Photoshop

Image file compression: Tinyjpg

Image sizes

Content top tips

• Check spelling, grammar and punctuation
• Always add column headings to tables
• Avoid adding rogue spaces at the end of sentences
• Avoid using additional line breaks after paragraphs
• Always preview pages before and after publishing