Snippets

When you open or create a page, you can type directly on the Content Editor. 

It’s good practice to write in short sentences and short paragraphs.

• be concise

• be friendly – use ‘we’ rather than ‘Barnardo’s’, address the user directly as ‘you’

• use the active voice (passive takes up more space, is harder to read, and makes us seem impersonal)

• use language people are using (not necessarily the language Barnardo’s uses) e.g. most people talk about local councils not local authorities

If your body text is more than a couple of paragraphs long it’s a good idea to break it up using subheadings (headings within the body text).

Use H2 (select Heading 2 from the format dropdown) for your first level of subheading in body text (this helps screenreaders identify sections of text).

You can add headings, bold text, links etc in this section.

This is a way of featuring links to other pages on the site through teasers.

• Image-  Optional (upload or use existing one)
• Text - enter the text or description
• Card title (Required) - enter the title and link

Image: size 1600 x 900px. An alternative (Alt text) is required for users that uses a screen reader

Use the accordion component if there's a need to have a lot of content on one page, so the user can see headings at a glance and go only to the section they need to see.

Add the Accordion snippet first. You can add a Title if you want to

In the Items section, add the Accordion Item one by one

Enter the TItle and Body text.

Allows you to add a button inside the content

You will need to complete:

• Alignment
• Version
• CTA - add the text and link

Allows you to display the contact information.

You are required to complete:

• Team name
• All other fields are optional

Allows you to enter the social name and links to your service account.

You will need to complete the URL and name for the corresponding link to appear.

If you need to have an inline image or video (a picture or video screen with text wrapping round it), put your cursor where you want the image to appear in the text and click inline media from the components at top of body block.

Select left or right alignment in the inline media popup screen. Left is Barnardo’s default position but right works better if there are subheadings and/or bullet lists anywhere near the inline image or video.

You can also select what proportion of the text box your image or video takes up (its size compared with the surrounding text) by selecting from the image/text split dropdown.

Image: size 1600 x 900px. An alternative (Alt text) is required for users that uses a screen reader

Video: Use a YouTube Video ID

You can either add a image or a video.

To add a video screen that’s bigger than an inline video (see below for actual size),

Enter a YouTube Video ID.

None of the fields in the video block are mandatory; you can leave them all blank and the video will appear on the page when you save it

To make a quote stand out on a page rather than using quotation marks on the page

• Image - optional
• Quote - required
• Name
• Job Title

Feature images are quite a bit bigger than inline images, and appear without text wrapping.

Image: size 1600 x 900px. An alternative (Alt text) is required for users that uses a screen reader

You have an option to add a number of blocks in this section.

Add the Calloutblock snipnet

Title - optional

More link - add an optional link to the bottom of the teasers

Count - add the number of blocks

Add the Calloutblock cards. For each card you can enter 

• Image
• Title
• Body
• Button text/link

For users to download one or more documents

Add DownloadableFile snippet

Add Downloadable Resources for each document

The Media and text allows editors to lay out content on larger screens more effectively.

Instead of being restricted to the maximum width of the body block, the Media and text component allows you to use the full width of the content area, with text and media sitting side by side in configurable column widths.

• Image - optional
• Heading
• Subtitle
• Text