Blocks Example

This page contains at least one of every currently available Block type

Text With Floated Image Block

Block Subheading

This block can have one image and one rich text (WYSIWYG) instance. The image can be aligned (floated) left or right, so that the text flows around it. Please note that this block will not display unless an image is added and content is added to its main WYSIWYG field.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Pine tree forest on a slope

Text With Floated Image Block, Right Alignment

With Background Highlight Switched On

This block can have one image and one rich text (WYSIWYG) instance. The image can be aligned (floated) left or right, so that the text flows around it.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Text Column, Wide Image Column Block

A repeatable block with a wide image and simple text, flipped horizontally every other row.

Each row in this block is designed for one or two short paragraphs of text. Each row needs an image.

You can choose whether the Block’s first image starts on the left or the right.

Row Button
Three pink wildflowers and grass around them

This Is The Block’s Second Row

The image and text content are on opposite sides in this row.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Three pink wildflowers and grass around them

Post Cards Block

This Post Cards Block is set to automatically display the three latest News Articles.

It can display:

  1. News Articles – ordered by Published Date, showing the newest three articles automatically
  2. News Articles – any three articles, chosen by the admin user
  3. Events, ordered to show one of the following:
    1. All Events
    2. Upcoming Events
    3. Past Events
    4. Manual, User-selected
  4. Research Themes – ordered by Published Date, showing the newest three articles automatically
  5. Research Themes – any three articles, chosen by the admin user
  6. Toolkits – ordered by Published Date, showing the newest three articles automatically
  7. Toolkits – any three articles, chosen by the admin user
  8. Mixed posts – you can currently choose from a combination of:
    1. Pages
    2. News Articles
    3. Research Themes
    4. Toolkits
    5. People
    6. Projects
    7. Outputs
An external link
I love Nature
Blockquote Author, Blockquote Author Job Title
Each Blockquotes Block can contain multiple quotes
Blockquote Author, Blockquote Author Job Title

This is the Video Embed Modal Block

Play Video

This block is currently displaying a YouTube video

This block plays videos in an overlay modal window. It can display videos from YouTube, Vimeo, or from the WordPress Media Library.

You can control the video’s aspect ratio, if you have a video that isn’t 16×9 widescreen.

This is the Audio Embed Block (single podcast)

This is the Audio Embed Block (all podcasts from your Account, with a playlist)

This is the WYSIWYG Content Block

Block Subheading

This is the standfirst – a sentence of two preceding the Block’s content

The Block’s main content. When editing WYSIWYG fields, you will need to click into the editor to initialise it.

A champion of international equity, Malhi is committed to international ecology and building support for all ecologists to ensure inclusive and equitable solutions to climate change and biodiversity loss.

In his field work, Malhi is said by his supporters to ensure that local researchers and students are also “an integral part of the research team, valued in the same way as any other team member”.

Malhi is also the founding director of the Leverhulme Centre for Nature Recovery, an institution that aims to understand and support the actions needed to deliver nature recovery that is effective, scalable and socially inclusive.

Caption for the WYSIWYG image

This is a second WYSIWYG Content Block

Please note how these Blocks, when placed one after the other, collapse together to appear as one block.*

*provided that you leave subsequent Blocks’ Headings empty and only fill in the subheading and/or standfirst. Filling in the heading will make the Block retain its spacing between it and the preceding one.

You can use this collapsing feature to create fairly complex layouts made of multiple directly adjacent WYSIWYG Blocks. This is how I’ve recreated the layouts for pages like https://naturerecovery.ox.ac.uk/about/, and https://naturerecovery.ox.ac.uk/what-is-nature-recovery/

For example, this is the third WYSIWYG Block on the page

A champion of international equity, Malhi is committed to international ecology and building support for all ecologists to ensure inclusive and equitable solutions to climate change and biodiversity loss.

In his field work, Malhi is said by his supporters to ensure that local researchers and students are also “an integral part of the research team, valued in the same way as any other team member”.

Malhi is also the founding director of the Leverhulme Centre for Nature Recovery, an institution that aims to understand and support the actions needed to deliver nature recovery that is effective, scalable and socially inclusive.

And here are a series of WYSIWYG Blocks with their background highlights turned on

A champion of international equity, Malhi is committed to international ecology and building support for all ecologists to ensure inclusive and equitable solutions to climate change and biodiversity loss.

In his field work, Malhi is said by his supporters to ensure that local researchers and students are also “an integral part of the research team, valued in the same way as any other team member”.

Malhi is also the founding director of the Leverhulme Centre for Nature Recovery, an institution that aims to understand and support the actions needed to deliver nature recovery that is effective, scalable and socially inclusive.

Second in the highlighted series

A champion of international equity, Malhi is committed to international ecology and building support for all ecologists to ensure inclusive and equitable solutions to climate change and biodiversity loss.

In his field work, Malhi is said by his supporters to ensure that local researchers and students are also “an integral part of the research team, valued in the same way as any other team member”.

Malhi is also the founding director of the Leverhulme Centre for Nature Recovery, an institution that aims to understand and support the actions needed to deliver nature recovery that is effective, scalable and socially inclusive.

Third in the highlighted series

This block is followed by the last currently available Block type, the Image Grid Block.

Photo:Georg Eiermann, Unsplash
Photo: Wendee Zhang