Two Column With Image Block

This block allows content editors to present two distinct sections of content, each with an image, title, excerpt, and call-to-action button. The sections are displayed side-by-side in a two-column layout.


Content Editor Fields

1. Column One:

  • Image: An image for the first section.
  • Title: A heading for the first section.
  • Excerpt: A brief description or summary for the first section.
  • Call to Action: A button linking to a relevant page.

2. Column Two:

  • Image: An image for the second section.
  • Title: A heading for the second section.
  • Excerpt: A brief description or summary for the second section.
  • Call to Action: A button linking to a relevant page.

Example Usage:

Steps:

  1. Add the block: Insert the Two Column With Image Block into your page or post.
  2. Set the content:
  • Column One:

    • Image: Upload an image
    • Title: "Anti-Greenwashing Directives"
    • Excerpt: "Legislation like the UK Green Claims Code and the Empowering Consumers to Green Transition Directive (ECGT) aims to increase the accuracy of terms relating to sustainability and ban unsubstantiated green claims."
  • Column Two:

    • Image: Upload an image
    • Title: "What does this mean for you?"
    • Excerpt: "Greater accuracy and transparency Increased compliance with eco-friendly certifications Avoiding penalties for non-compliance"
    • Call to Action:
      • Link text: "Get in touch"
      • Anchor ID / Landing page: "/contact"
  1. Save the Block: Your Two Column With Image block is now ready for display!

Result:

Preview with image:

Two Column With Image with image

Editor preview:

Two Column With Image acf