---
title: Brentwood blocks at a glance
excerpt: Every block built specially for this site, what each one does, and which guide explains it.
tags: [blocks, index, reference, page building]
target: client:brentwood
---

<!-- wp:paragraph -->
<p>Alongside WordPress's standard blocks, this site has its own set built specially for Brentwood. This page is the index: what each one is for, and which guide explains it in full. Use it when you know what you want to build but not what the block is called — or when you've inherited a page and want to know what's on it.</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2 class="wp-block-heading">How do I tell our blocks apart from the standard ones?</h2>
<!-- /wp:heading -->

<!-- BWG-SHOT id="brentwood-blocks-list" path="/wp-admin/post-new.php?post_type=page" region="the block inserter (+) panel with 'Brentwood' typed in the search box, showing the Brentwood blocks with their red icons" caption="Type 'Brentwood' in the inserter to see the whole set. Ours have red icons." -->

<!-- wp:paragraph -->
<p>Two giveaways: every one is named <strong>Brentwood …</strong>, and their icons are <strong>red</strong> rather than the standard black. To see them all in one place, edit any page, click the <strong>+</strong> button, and type <strong>Brentwood</strong> in the search box.</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2 class="wp-block-heading">Blocks that show people</h2>
<!-- /wp:heading -->

<!-- wp:table -->
<figure class="wp-block-table"><table><thead><tr><th>Block</th><th>What it does</th><th>Explained in</th></tr></thead><tbody><tr><td>Brentwood Team Modal</td><td>A grid of staff photos; clicking one opens that person's full profile in a pop-up. The usual choice for a faculty or department directory.</td><td>Managing staff profiles</td></tr><tr><td>Brentwood Instructors</td><td>A compact list of staff — handy for showing the teachers attached to one section or programme.</td><td>Managing staff profiles</td></tr></tbody></table></figure>
<!-- /wp:table -->

<!-- wp:heading -->
<h2 class="wp-block-heading">Blocks that pull in your content automatically</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>These build themselves from what you've already entered elsewhere in the dashboard — add a new course or job posting and it appears on the page on its own.</p>
<!-- /wp:paragraph -->

<!-- wp:table -->
<figure class="wp-block-table"><table><thead><tr><th>Block</th><th>What it does</th><th>Explained in</th></tr></thead><tbody><tr><td>Brentwood Blog</td><td>A grid of blog posts, which you can filter to a single category.</td><td>Writing &amp; publishing blog posts</td></tr><tr><td>Brentwood Course Table</td><td>The course catalogue as a table, filterable by subject, grade and category.</td><td>Managing courses</td></tr><tr><td>Brentwood Youtube List</td><td>Upcoming and past livestreams, taken from your Livestreams entries.</td><td>Managing livestreams</td></tr><tr><td>Brentwood Careers</td><td>Every open job posting, each with its own Apply button.</td><td>Posting jobs (Careers)</td></tr><tr><td>Brentwood 100 Grid</td><td>The centenary mosaic of numbered tiles.</td><td>Managing the Brentwood 100</td></tr><tr><td>Brentwood Timetable</td><td>The interactive weekly timetable, with its category panels.</td><td>Editing the timetable</td></tr></tbody></table></figure>
<!-- /wp:table -->

<!-- wp:heading -->
<h2 class="wp-block-heading">Blocks for images and video</h2>
<!-- /wp:heading -->

<!-- wp:table -->
<figure class="wp-block-table"><table><thead><tr><th>Block</th><th>What it does</th><th>Explained in</th></tr></thead><tbody><tr><td>Brentwood Images</td><td>A single picture card — with an optional number badge, big label or caption bar. Can open a pop-up or link somewhere. Drop several into a row to build a grid.</td><td>Adding images &amp; video</td></tr><tr><td>Brentwood Image Gallery</td><td>Several photos in one of four pre-designed arrangements; clicking a photo opens it full-screen.</td><td>Adding images &amp; video</td></tr><tr><td>Brentwood Video Text</td><td>A video beside a panel of text, with an optional button.</td><td>Adding images &amp; video</td></tr><tr><td>Brentwood Hero Card</td><td>The white text card that sits over a page's hero banner.</td><td>Adding images &amp; video</td></tr><tr><td>Brentwood Hero (Manual)</td><td>A hand-built video or slideshow banner. Rarely needed — heroes normally come from the Page Settings panel instead.</td><td>Page settings; Adding images &amp; video</td></tr><tr><td>Brentwood Media Grid</td><td>Used by pages brought across from the old site. There's nothing to set up in it, so you won't normally add one yourself.</td><td>—</td></tr></tbody></table></figure>
<!-- /wp:table -->

<!-- wp:heading -->
<h2 class="wp-block-heading">Blocks for text and layout</h2>
<!-- /wp:heading -->

<!-- wp:table -->
<figure class="wp-block-table"><table><thead><tr><th>Block</th><th>What it does</th><th>Explained in</th></tr></thead><tbody><tr><td>Brentwood FAQ Accordion</td><td>A list of questions that expand to reveal their answers.</td><td>Adding content blocks</td></tr><tr><td>Brentwood Accordion</td><td>Expanding rows — a compact way to hold a lot of detail on one page.</td><td>Adding content blocks</td></tr><tr><td>Brentwood Testimonial</td><td>A highlighted quote from a student, parent or alum.</td><td>Adding content blocks</td></tr><tr><td>Brentwood Tagline Text</td><td>A large statement line with certain words highlighted.</td><td>Adding content blocks</td></tr><tr><td>Brentwood Table Link</td><td>A table or grid of links.</td><td>Adding content blocks</td></tr><tr><td>Brentwood Sub Page Link</td><td>Navigation cards pointing to the pages beneath this one.</td><td>Adding content blocks</td></tr><tr><td>Brentwood Interlinking</td><td>A photo tile that links across to another page.</td><td>Adding content blocks</td></tr><tr><td>Brentwood Curve Divider</td><td>A decorative curved edge beside an image.</td><td>Adding content blocks</td></tr></tbody></table></figure>
<!-- /wp:table -->

<!-- wp:heading -->
<h2 class="wp-block-heading">Search and utility blocks</h2>
<!-- /wp:heading -->

<!-- wp:table -->
<figure class="wp-block-table"><table><thead><tr><th>Block</th><th>What it does</th><th>Explained in</th></tr></thead><tbody><tr><td>Brentwood Search</td><td>A search box for the website.</td><td>Adding content blocks</td></tr><tr><td>Brentwood Calendar</td><td>The school events calendar.</td><td>Adding content blocks</td></tr><tr><td>Brentwood Library Search</td><td>A search box that sends visitors through to the library catalogue.</td><td>Adding content blocks</td></tr></tbody></table></figure>
<!-- /wp:table -->

<!-- wp:heading -->
<h2 class="wp-block-heading">Where do heroes come from?</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>The big banner at the top of a page isn't a block at all — it's set in the <strong>Page Settings</strong> panel on the page's own edit screen, along with the title override and the footer image. If you're looking for a block to make a banner, that's why you can't find one. The <em>Page settings</em> guide covers it.</p>
<!-- /wp:paragraph -->

<!-- wp:group {"className":"bw-callout"} -->
<div class="wp-block-group bw-callout"><!-- wp:paragraph {"className":"bw-callout-label"} -->
<p class="bw-callout-label">Note</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>You'll also see plenty of blocks that aren't Brentwood ones — paragraphs, headings, images, columns and so on. Those are standard WordPress blocks and work the same here as on any site.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->