Standfirst – The first paragraph of every page (not blog posts) will be a little larger and bolder than the others. This is called a standfirst or lead paragraph. Its purpose is to be both eye-catching and to a degree summarise the content that will appear below. It should not be longer than 1-4 lines. This Style Guide explains the pre-configured styles set up for your site in the CMS

Below is a Horizontal line, it is not currently used in the website but can be used to separate content

Headings

There are six styles of heading pre-configured these are:

Level One Heading – H1

Level Two Heading- H2

Level Three Heading – H3

Level Four Heading – H4

Level Five Heading – H5

Level Six Heading – H6 (same size as Standfirst)

Additional Styles

A standard paragraph which has a strong (bold) tag, an em (italic) tag. Additionally a link to another page on the website (which opens in the same window) and one to a page outside the website (that opens in a new window, this is best practice).

A Blockquote. note: the ‘Quotes’ appear automatically

Below is an unordered list. Note: appears on a pale blue background automatically

Unordered list item one.
Unordered list item two.
Unordered list item three.
Unordered list item four.

And an ordered / numbered list. Note: appears on a pale blue background automatically

Ordered list item one.
Ordered list item two.
Ordered list item three.
Ordered list item four.
By the way, WordPress does not let you create nested lists through the visual editor.

Level One Heading before a paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc dui velit, tristique vel eleifend in, semper sed felis. Sed quis ipsum vel ex tincidunt pretium. Fusce sit amet augue neque. Nulla vehicula nisl vitae nisl blandit, id venenatis nulla scelerisque. Cras ullamcorper interdum nisl vel malesuada.

Level Two Heading before a paragraph

Level Three Heading before a paragraph

Level Four Heading before a paragraph

Level Five Heading before a paragraph

Level 6 heading (standfirst sized) before a paragraph

Tables

Note: you cannot currently enter tables in the CMS but this is a guide for styles

Table Head Column One	Table Head Column Two	Table Head Column Three
Table Footer Column One	Table Footer Column Two	Table Footer Column Three
Table Row Column One	Short Text	Testing a table cell with a longer amount of text to see what happens, you’re not using tables for site layouts are you?
Table Row Column One	Table Row Column Two	Table Row Column Three
Table Row Column One	Table Row Column Two	Table Row Column Three
Table Row Column One	Table Row Column Two	Table Row Column Three
Table Row Column One	Table Row Column Two	Table Row Column Three

inline Images

Whilst we have set up your website to use images in pre-defined places you can also add inline images via the add media button, though this should be used sparingly and with care

Image no alignment

The next issue we face is image alignment, users get the option of None, Left, Right & Center. On top of this, they also get the options of Thumbnail, Medium, Large & Fullsize. You’ll probably want to add floats to style the image position so important to remember to clear these to stop images popping below the bottom of your articles.

Your Alt Title

Additionally, to add further confusion, images can be wrapped inside paragraph content, lets test some examples here. Your Alt Title
Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Maecenas sed diam eget risus varius blandit sit amet non magna. Aenean lacinia bibendum nulla sed consectetur.Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Maecenas sed diam eget risus varius blandit sit amet non magna. Aenean lacinia bibendum nulla sed consectetur.

Buttons

The buttons added via the Formatted content blocks option will cycle through the 3 marque colours always in the same order. The first (red) should be most important.

Button 1 Button 2 Button 3

Independent Schools Cultural Alliance - ISCA – Summer Programs in the UK

Style Guide