Style Guide

This page contains examples of design patterns that can be created in WordPress. These are intended for use on the 'Top Level Page' template which spans the full width of the page. If you would like to use any of these patterns you can view this page in the admin and copy/paste the blocks into the page you would like to use them in.

Two Column Section

This block can have different background colours. The block is made up of a column block that has been ‘grouped’. The next block is an example of one with a background colour.

Two Column Section

This block is the same as the one above but has a background colour. The columns can contain text, buttons, images, videos and more.

Call to action

Three Column Section

This is an example of a section that contains a three column block.

Column One

Donec fringilla aliquam libero et laoreet. Praesent nec sagittis nibh. Phasellus ac sagittis odio.

Column Two

Consectetur adipiscing elit. Donec fringilla aliquam libero et laoreet. Praesent nec sagittis nibh. Phasellus ac sagittis odio.

Column Three

Dolor sit amet, consectetur adipiscing elit. Donec fringilla aliquam libero et laoreet.

Booklist shortcode example

You can add a booklist to sections by using the shortcode with an array of book IDs.

Black Leopard, Red Wolf: Dark Star Trilogy Book 1 bookcover

You and Me on Vacation: Tiktok made me buy it! Escape with 2021's New York Times #1 bestselling laugh-out-loud love story bookcover

The Ottomans: Khans, Caesars and Caliphs bookcover

His Only Wife: A Reese's Book Club Pick - 'Bursting with warmth, humour, and richly drawn characters' bookcover

A Thing of Beauty: Travels in Mythical and Modern Greece bookcover

View full list

More lists

Section with Stats

This block contains a shortcode to insert the stats you see here. Stat blocks can be created in the admin and referenced using their ID.

£81 billion a year in lost earnings and welfare spending due to low levels of literacy.

Four icons of people. One of them is white, while the other three are navy.

1 in 4 children don’t reach the expected level of reading by the age of 11

Latest News

You can add a block to display the latest news. This uses the shortcode ‘latest_posts’. The shortcode has options for limit and also programme. The example below is set to a limit of 3 and programme summer-reading-challenge. This will show the 3 latest posts that have Summer Reading Challenge tagged as the programme.