---
title: Adding content blocks (Brentwood blocks)
excerpt: The custom Brentwood blocks for page-building — FAQs, quotes, taglines, link tables, photo tiles, a calendar and search bars.
tags: [blocks, content, layout, page-building]
target: client:brentwood
---

<!-- wp:paragraph -->
<p>Alongside the standard WordPress blocks, your site has a set of custom <strong>Brentwood blocks</strong> for building pages — FAQs, quotes, link tables, photo tiles, a calendar, search bars and more. You add them the same way as any block: edit the page, click the <strong>+</strong> where you want it, and type the block's name. They all start with <em>Brentwood</em>, so typing <code>Brentwood</code> lists them all. Once a block is on the page, select it and use the settings sidebar on the right to set it up. This guide covers each one.</p>
<!-- /wp:paragraph -->

<!-- BWG-SHOT id="insert-brentwood-block" path="/wp-admin/post-new.php?post_type=page" region="the block inserter (+) open on a page, with 'Brentwood' typed in the search box, showing the list of Brentwood blocks" caption="Type “Brentwood” in the + inserter to see every Brentwood block in one place." -->

<!-- wp:heading -->
<h2 class="wp-block-heading">How do I add a frequently-asked-questions section?</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>The <strong>Brentwood FAQ Accordion</strong> is a two-column FAQ: a card with a list of questions on one side and a large photo on the other. A visitor clicks a question and its answer opens in a panel below the photo — the same layout as the Financial Information FAQ.</p>
<!-- /wp:paragraph -->

<!-- BWG-SHOT id="faq-accordion-build" path="/wp-admin/post-new.php?post_type=page" region="a Brentwood FAQ Accordion selected on a page — its FAQ Text Section and FAQ Items, with the Image, Layout and Colours settings in the right-hand sidebar" caption="An FAQ Accordion is built from an intro FAQ Text Section plus one FAQ Item per question." actions="click:.editor-document-tools__inserter-toggle; waitfor:.block-editor-inserter__search input; type:.block-editor-inserter__search input|Brentwood FAQ Accordion; wait:2000; click:.editor-block-list-item-bw-faq-accordion; wait:4000; waitfor:.interface-complementary-area" -->

<!-- wp:paragraph -->
<p>The block is built from two kinds of inner pieces, which you fill in yourself:</p>
<!-- /wp:paragraph -->

<!-- wp:table -->
<figure class="wp-block-table"><table><thead><tr><th>Inner piece</th><th>What it is</th></tr></thead><tbody><tr><td>FAQ Text Section</td><td>The intro heading and paragraph above the question list. Fill it with normal blocks.</td></tr><tr><td>FAQ Item</td><td>One question and its answer. Add one for each question.</td></tr></tbody></table></figure>
<!-- /wp:table -->

<!-- wp:list {"ordered":true,"className":"bw-steps"} -->
<ol class="wp-block-list bw-steps"><!-- wp:list-item -->
<li>Add the <strong>Brentwood FAQ Accordion</strong> block.</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>In the <strong>Image</strong> panel on the right, choose the large photo, and set <strong>Image position</strong> to the left or right.</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Click into the <strong>FAQ Text Section</strong> at the top and type your intro heading and text.</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Click the <strong>+</strong> inside the block to add an <strong>FAQ Item</strong>. Type the <strong>Question</strong> — this is the line shown in the list.</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Fill in the <strong>Answer</strong> area below it with any blocks — paragraphs, lists, links.</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Repeat for each question. Drag the FAQ Items to reorder them.</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Click <strong>Update</strong>.</li>
<!-- /wp:list-item --></ol>
<!-- /wp:list -->

<!-- wp:paragraph -->
<p>With the whole block selected, the settings sidebar also has <strong>One answer open at a time</strong> (turn it off to let several answers stay open at once) and a <strong>Colours</strong> option for the question link colour (brand red by default).</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>An <strong>FAQ Item</strong> can link somewhere instead of expanding: set its <strong>On click</strong> option to <strong>Go to a link</strong> and give it a <strong>Link URL</strong>. That lets you mix a few "read more" links into the question list.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:heading -->
<h2 class="wp-block-heading">How do I add an expanding link table?</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>The <strong>Brentwood Accordion</strong> block is a table (or grid) of labels that each open a panel of content below when clicked — like the course-selection expanders. Each label is one <strong>Accordion Item</strong>, and you fill its panel with your own blocks.</p>
<!-- /wp:paragraph -->

<!-- wp:list {"ordered":true,"className":"bw-steps"} -->
<ol class="wp-block-list bw-steps"><!-- wp:list-item -->
<li>Add the <strong>Brentwood Accordion</strong> block.</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Click the <strong>+</strong> inside it to add an <strong>Accordion Item</strong>. Type its <strong>Label</strong> — the text shown in the table cell.</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Fill in the <strong>Panel content</strong> — the blocks shown when that cell is clicked.</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Add an Accordion Item for each cell, then click <strong>Update</strong>.</li>
<!-- /wp:list-item --></ol>
<!-- /wp:list -->

<!-- wp:paragraph -->
<p>With the block selected, the settings sidebar controls the look:</p>
<!-- /wp:paragraph -->

<!-- wp:list -->
<ul class="wp-block-list"><!-- wp:list-item -->
<li><strong>Variant</strong> — <strong>Table (bordered cells)</strong> or <strong>Grid (link boxes)</strong>, and the number of <strong>Columns</strong>.</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li><strong>One panel open at a time</strong> — turn off to let several panels stay open.</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li><strong>Content width</strong> and <strong>Content alignment</strong> for the expanded panel, plus <strong>Colours</strong> and the small arrow after each label.</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:paragraph -->
<p>Like the FAQ items, an <strong>Accordion Item</strong> can be set to <strong>Go to a link</strong> instead of expanding, so you can mix expanders and plain links in one table. If you only want links that go straight to other pages (no expanding panels), use <strong>Brentwood Table Link</strong> below instead.</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2 class="wp-block-heading">How do I add a tagline with highlighted words?</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>The <strong>Brentwood Tagline Text</strong> block is a large lead paragraph in the body font — the oversized intro line used at the top of many sections. Add the block and type your text, then:</p>
<!-- /wp:paragraph -->

<!-- wp:list -->
<ul class="wp-block-list"><!-- wp:list-item -->
<li><strong>Highlight words in colour</strong> — select the words and click <strong>Highlight</strong> in the small toolbar above the text. Highlighted words use brand red by default; change it under <strong>Highlight colour</strong>.</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li><strong>Text colour</strong> — <strong>Dark</strong> (the default) or <strong>White</strong> when the tagline sits on a dark background.</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li><strong>Alignment</strong> — left, centre or right.</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:heading -->
<h2 class="wp-block-heading">How do I add a quote or testimonial?</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>The <strong>Brentwood Testimonial</strong> block shows a quote with large faded quotation marks and an attribution beneath it. Type the quote in <strong>Testimonial text</strong>, and who it's from in <strong>From who — name, role…</strong>. The settings sidebar adds:</p>
<!-- /wp:paragraph -->

<!-- wp:list -->
<ul class="wp-block-list"><!-- wp:list-item -->
<li><strong>Attribution alignment</strong> — <strong>Right</strong> (the default; it moves left on phones) or <strong>Left</strong>.</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li><strong>Show quote marks</strong> and <strong>Show dash</strong> — turn off the decorative quotation marks or the little dash before the name.</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li><strong>Use blocks for the quote</strong> — switch this on if the quote needs links or line breaks, and build it from normal blocks instead of the plain text field.</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:heading -->
<h2 class="wp-block-heading">How do I add a table or grid of links?</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>The <strong>Brentwood Table Link</strong> block lays out a set of links as a bordered table or a grid of boxes — handy for a tidy list of related pages, sections or downloads.</p>
<!-- /wp:paragraph -->

<!-- wp:list {"ordered":true,"className":"bw-steps"} -->
<ol class="wp-block-list bw-steps"><!-- wp:list-item -->
<li>Add the <strong>Brentwood Table Link</strong> block.</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>In the settings sidebar, click <strong>Add link</strong> for each link and fill its <strong>Link text</strong> and <strong>Link URL</strong>. Turn on <strong>Open link in new tab</strong> for links to other websites.</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Reorder with <strong>Move up</strong> / <strong>Move down</strong>; <strong>Remove</strong> deletes a link.</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Set the <strong>Variant</strong> (<strong>Table</strong> or <strong>Grid</strong>) and the number of <strong>Columns</strong>, then <strong>Update</strong>.</li>
<!-- /wp:list-item --></ol>
<!-- /wp:list -->

<!-- wp:paragraph -->
<p>Flag a link <strong>Full width (span all columns)</strong> to give it its own row across the whole table — good for a heading-style link like "University Placement". <strong>Text alignment</strong>, the optional arrow after each label, and <strong>Colours</strong> finish the look.</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>This block is for links you type in yourself. For an automatic grid of course entries that fills itself from the Courses list, use the <strong>Brentwood Course Table</strong> block instead — see the courses guide.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:heading -->
<h2 class="wp-block-heading">How do I add sub-page navigation?</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>The <strong>Brentwood Sub Page Link</strong> block is the photo-tile navigation bar that links to the other pages in the same section — a parent link on the left and a row of sibling-page tiles, each with a photo and a label.</p>
<!-- /wp:paragraph -->

<!-- wp:list {"ordered":true,"className":"bw-steps"} -->
<ol class="wp-block-list bw-steps"><!-- wp:list-item -->
<li>Add the <strong>Brentwood Sub Page Link</strong> block.</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Under <strong>Parent page (desktop)</strong>, set the parent section's <strong>Label</strong> and <strong>Link URL</strong>, and optionally its photo. On phones the parent turns into a <strong>Mobile "More" label</strong> bar.</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Under <strong>Sibling tiles</strong>, click <strong>Add tile</strong> for each page: set its <strong>Label</strong> and <strong>Link URL</strong>, upload its image (<strong>Upload Image</strong> / <strong>Change Image</strong>) with <strong>Image alt text</strong>, and pick a <strong>Chevron</strong> direction (right, left or none).</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Reorder tiles with <strong>Move up</strong> / <strong>Move down</strong>, then <strong>Update</strong>.</li>
<!-- /wp:list-item --></ol>
<!-- /wp:list -->

<!-- wp:paragraph -->
<p>The <strong>Colours</strong> panel sets the pill and underline colour and the mobile bar background.</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2 class="wp-block-heading">How do I add a photo tile that links to another page?</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>The <strong>Brentwood Interlinking</strong> block is a single image tile with a label pill and arrow that links somewhere — the photo "cards" that point visitors to related pages. Place several side by side in a <strong>Columns</strong> or <strong>Row</strong> layout to make a set of them.</p>
<!-- /wp:paragraph -->

<!-- wp:list -->
<ul class="wp-block-list"><!-- wp:list-item -->
<li>Choose the <strong>Image</strong>, set its <strong>Focal point</strong> so the important part stays in frame, add <strong>Alt text</strong>, and type the <strong>Label text</strong>.</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Leave <strong>Behavior</strong> on <strong>Go to a link</strong> and set the <strong>Link URL</strong> (with <strong>Open in new tab</strong> if it points to another website).</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Optional: turn on the small <strong>subtext</strong> line, set the <strong>Aspect ratio</strong> (Landscape, Portrait or custom) and <strong>Corner radius</strong>, and adjust the label and arrow <strong>Colours</strong>.</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- 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><strong>Behavior</strong> can also be set to <strong>Open a popup (modal)</strong> or <strong>Expand a panel (accordion)</strong>. Instead of linking away, the tile then opens a pop-up, or expands a panel, that you fill with your own blocks. Use those only when you want the content to appear in place rather than sending the visitor to another page.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:heading -->
<h2 class="wp-block-heading">How do I add a curved divider beside an image?</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>The <strong>Brentwood Curve Divider</strong> is a finishing touch — a soft curve that bulges a coloured section's background into the photo next to it, the way section edges curve on the main site. Add it inside the coloured text column that sits beside an image, and set <strong>which side</strong> it curves toward (left or right). The other options (colour and size) are fine-tuning you can usually leave alone. It's purely decorative and adds no text of its own, so most of the time you'll just place it and pick a side.</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2 class="wp-block-heading">How do I add the events calendar?</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>The <strong>Brentwood Calendar</strong> block shows upcoming events pulled live from Brentwood's public Google calendars — Calendar, Socials, Admissions, Box Office and B-Well. There's nothing to connect or maintain: the events come straight from those Google calendars, so keeping them up to date keeps the website calendar up to date. Add the block (normally on your Calendar page) and it works right away.</p>
<!-- /wp:paragraph -->

<!-- wp:list -->
<ul class="wp-block-list"><!-- wp:list-item -->
<li><strong>Calendars</strong> — choose which of the five calendars to include.</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li><strong>Events per page</strong> — how many events the list shows before paging.</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li><strong>Show …</strong> toggles — hide or show the sidebar, the search box, the note text and the mini-calendar. The sidebar <strong>note</strong> is editable: click it and edit like any block.</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- 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>Visitors can tick calendars on and off, search events, page through the list, and click <strong>Add to my Calendar</strong> to subscribe in their own calendar app — all automatically, with no setup from you.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:heading -->
<h2 class="wp-block-heading">How do I add a site search bar?</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>The <strong>Brentwood Search</strong> block is a prominent search box for searching the Brentwood site. As a visitor types, live results appear below the box; pressing Enter or clicking <strong>Search</strong> opens the full results page. It uses the site's existing search, so its results match the search icon in the header.</p>
<!-- /wp:paragraph -->

<!-- wp:list -->
<ul class="wp-block-list"><!-- wp:list-item -->
<li><strong>Placeholder text</strong> and <strong>Button label</strong> — the wording inside the box and on the button.</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li><strong>Show Search button</strong> and <strong>Show live results as you type</strong> — turn those features on or off.</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li><strong>Autofocus</strong> — puts the cursor in the box as soon as the page loads. Useful on a dedicated search page.</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:heading -->
<h2 class="wp-block-heading">How do I add a library catalogue search box?</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>The <strong>Brentwood Library Search</strong> block is a search box that sends the visitor's search straight to an outside library catalogue (EBSCO Research by default) — it does <em>not</em> search your WordPress site. The visitor types a term, and the block opens the catalogue's results for it.</p>
<!-- /wp:paragraph -->

<!-- wp:list -->
<ul class="wp-block-list"><!-- wp:list-item -->
<li><strong>Destination URL</strong> — the catalogue's search-results web address (already set to EBSCO). <strong>Query parameter name</strong> is the part of that address the search term is added to, usually <strong>q</strong> — leave it unless the catalogue expects a different one.</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li><strong>Placeholder text</strong>, <strong>Button label</strong>, <strong>Open results in a new tab</strong> and <strong>Accent colour</strong> — the wording and look.</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li><strong>Secondary links</strong> — small links shown beneath the box (for example <strong>Advanced Search</strong> and <strong>Browse Databases</strong>), each with its own <strong>Link text</strong> and URL.</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- 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>The block is just the search box. Add your visible heading (for example "Search the Library") as an ordinary <strong>Heading</strong> block above it.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->