This is a cover block
You can add a title, short paragraph and a call to action button on top of a background image with a overlay to help with text legibility.
This is a cover block with offset text
You can change the content position on a cover block so that the text is aligned to the left or the right allowing you to add an image with a focal point in the negative space.
This is a cover block with offset text
You can change the content position on a cover block so that the text is aligned to the left or the right allowing you to add an image with a focal point in the negative space.
66/33 Column Example
This is an example of a 66/33 column layout. Meaning at desktop the first column will adjust to occupy 33% of the area and the second 66%. At mobile both columns will be at 100% and stacked sequentially.
33/66 Column Example
This is an example of a 33/66 column layout. Meaning at desktop the first column will adjust to occupy 33% of the area and the second 66%. At mobile both columns will be at 100% and stacked sequentially.
50/50 Column Example
This is an example of a 50/50 column layout. You can change the background colours of groups to help break them up into easily digestible chunks.
50/50 Column Example
This is an example of a 50/50 column layout. You can change the background colours of groups to help break them up into easily digestible chunks.
25/25 Column Example
This is an example of a 25/25 column layout.
25/25 Column Example
This is an example of a 25/25 column layout.
25/25 Column Example
This is an example of a 25/25 column layout.
25/25 Column Example
This is an example of a 25/25 column layout.
Examples of WordPress content blocks
WordPress offers a variety of types of content block. The simplest is a paragraph like this but here are some other useful ones.
Heading blocks
Headings come in various levels. It is good practice to only have a single H1 on the page to serve as the page title. Sometimes this is already included in the template (like on a news post page).
“This is an example of a quote block.”
You can add an optional citation to a quote.
There are 2 types of list
Bullet list
- List item 1. Aenean laoreet ultricies urna, eu varius lacus mattis vel.
- List item 2. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sit amet eros nunc.
- List item 3. In elementum mauris vel gravida dapibus.
Numbered list
- List item 1. Aenean laoreet ultricies urna, eu varius lacus mattis vel.
- List item 2. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sit amet eros nunc.
- List item 3. In elementum mauris vel gravida dapibus.
“Pullquote blocks are styled differently to quote blocks.”
Optional Citation
Tables
| Example Table | Column Header | Column Header |
|---|---|---|
| Cell Content | Cell Content | Cell Content |
| Cell Content | Cell Content | Cell Content |
| Cell Content | Cell Content | Cell Content |
Buttons
You can add call to action buttons and also links to social media.
Details and Accordion blocks
This is the details block
Content for the details block
This is the details block
Content for the details block
This is the content for the accordion
This is the content for the accordion
Galleries
