Brendan PerkinsUp North Creative

Block Lab

Build with blocks. Edit with confidence.

Illustration — a simplified, non-interactive representation of the block editing model. Real screenshots from the WordPress build appear below.

Field & Code Overview

ACF Fields (JSON)
{
  "name": "hero_centered",
  "fields": ["eyebrow", "title",
  "text", "buttons", "image"]
}
Block Markup (PHP)
<section class="block-hero">
  <h1><?= esc_html($title) ?></h1>
  <?= wp_get_attachment_image(...) ?>
</section>

From the live WordPress build

Custom Morrow Collection Grid block selected in the Gutenberg editor with inspector controls
Real Gutenberg editor: the custom “Morrow Collection Grid” block selected, with its inspector controls.
Editing a Plant custom post type in the WordPress admin
Real WordPress admin: a Plant custom post type backed by structured ACF fields.
The Morrow Collections catalogue rendered on the front end
Rendered front end: the block output as a live, structured catalogue.