Skip to content
Need help now? Call0800 058 1633

Sample page

This page exists to demonstrate how content blocks on the Pathway website work. It is …

This page exists to demonstrate how content blocks on the Pathway website work. It is intended as a reference. For help understanding how to insert these blocks, there are multiple sources of information:

  1. Try editing this page in the WordPress admin. By inspecting the blocks on this page it should be easy to understand the names of particular blocks which will help you create them yourself
  2. Watch the training video. This outlines the main blocks used and explains how to insert/configure them
  3. Consult general WordPress training materials. The site uses the default WordPress block editor (a.k.a. Gutenberg) and there are many high quality training resources available for this online, including articles and video content. Try searching YouTube to find relevant information

The training video (+ inserting video)

Below is a video walkthrough. To insert videos, just copy and paste the YouTube URL.

A video walkthrough of the Worker Support Centre site

Using headings to structure your page

Using headings makes pages clearer. Use H2 as the largest headings – why not H1? Because a page should only contain one H1 element and this will typically have been inserted for you automatically as the page title.

Some pages, such as the support for worker pages will create an automatic table of contents for you based on the headings you insert. To keep the “on this page” menu tidy and clear, we do not insert links for lower level (e.g. H3, H4…) headings, though you are free to use these within the page to break down your content further.

Formatting text

Important parts of a sentence may be highlighted in bold. Emphasis can be added to certain words with italics. Key terms can link to external information for additional explanation.

Items can be formatted as a list:

  • First
  • Second
  • Third

Or as a numbered list when there’s a strong order:

  1. First
  2. Second
  3. Third

Footnotes can be inserted for references1.

Inserting images

Images be used to illustrate content or add additional information. A number of predefined image crops can be selected. Wide crops work well with the design of the site and avoid images disrupting text content too heavily.

Image captions are optional but encouraged. Alternative (alt) text is required for accessibility reasons.

Setting images to ‘wide’ width gives them more prominence:

Highlighting information

Key quotes can be highlighted using a quote block

This is a significant change

A. Provider

Information that is important can be highlighted in a coloured box. Multiple colour options are available.

Caroline Robinson
(+44) 050 123 4567
caroline@workersupportcentre.org.uk

Two styles of the Callout block are available:

New for 2025

Something to say

More information goes here. More information goes here. More information goes here. More information goes here. More information goes here.

New for 2025

Something to say

More information goes here. More information goes here. More information goes here. More information goes here. More information goes here.

Condensing information

A details/summary block (a.k.a. accordion) is available for long information. This is particularly useful at making multi-stage processes easy to scan, and consideration of its use is encouraged whenever page content starts to feel overly long.

Stage 1. Inception

This is the first stage.

Stage 2. Implementation

This is the second stage.

Stage 3. Evaluation

This is the final stage.

Tables

Tables can easily be inserted:

HeadingHeading
ContentContent
ContentContent
Table captions are strongly encouraged

Linking to files/downloads

Use the File block for downloads:

  1. Footnote goes here ↩︎