Paragraph with media block
Purpose
Use this module to provide a visual break between similar content.
Functionality
Displays textual content with image or video and a call-to-action (CTA).
Specifics
Option to move image/video left or right
Title: Maximum of 5 words
Body: Maximum of 300 characters
Use Guidelines
Ensure to use descriptive CTA instead of the generic “Read More” text when using this module
Recommended image dimensions:
min: 350 x 175 px
max: 538 x 303 px
How to Add Modules
To add modules to the Gutenberg editor, follow these steps:
- Go to your WordPress Admin interface and open a post or page editor
- Click the plus button in the top left corner or in the body of the post/page
- You can either:
- Click on Patterns, scroll through them until you find the module you want to use or
- Search for the module you would like to add using either the module name or number
- Click the module to add it
The module will be added to the body of your post or page.
Visuals
Paragraph with Image Left
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris non erat dolor. Aliquam erat volutpat. Suspendisse potenti. Vivamus fringilla at mi sit amet maximus. Curabitur fermentum et velit eget accumsan. Aenean viverra sem sit amet purus gravida viverra. Maecenas ultrices lorem non metus posuere, eget vulputate magna suscipit.
Paragraph with Image Right
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris non erat dolor. Aliquam erat volutpat. Suspendisse potenti. Vivamus fringilla at mi sit amet maximus. Curabitur fermentum et velit eget accumsan. Aenean viverra sem sit amet purus gravida viverra. Maecenas ultrices lorem non metus posuere, eget vulputate magna suscipit.
Paragraph with Video
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris non erat dolor. Aliquam erat volutpat. Suspendisse potenti. Vivamus fringilla at mi sit amet maximus. Curabitur fermentum et velit eget accumsan. Aenean viverra sem sit amet purus gravida viverra. Maecenas ultrices lorem non metus posuere, eget vulputate magna suscipit.
Blue Variation
Paragraph with Image
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris non erat dolor. Aliquam erat volutpat. Suspendisse potenti. Vivamus fringilla at mi sit amet maximus. Curabitur fermentum et velit eget accumsan. Aenean viverra sem sit amet purus gravida viverra. Maecenas ultrices lorem non metus posuere, eget vulputate magna suscipit.
Paragraph with Image
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris non erat dolor. Aliquam erat volutpat. Suspendisse potenti. Vivamus fringilla at mi sit amet maximus. Curabitur fermentum et velit eget accumsan. Aenean viverra sem sit amet purus gravida viverra. Maecenas ultrices lorem non metus posuere, eget vulputate magna suscipit.
Paragraph with Image
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris non erat dolor. Aliquam erat volutpat. Suspendisse potenti. Vivamus fringilla at mi sit amet maximus. Curabitur fermentum et velit eget accumsan. Aenean viverra sem sit amet purus gravida viverra. Maecenas ultrices lorem non metus posuere, eget vulputate magna suscipit.