---
title: Editing the timetable
excerpt: Edit each timetable category's heading, text, photos and link, plus the academic block rotation table and its colours.
tags: [timetable, schedule, academics, rotation]
target: client:brentwood
---

<!-- wp:paragraph -->
<p>The timetable — the weekly grid of academic blocks, meals, activities and evening prep — isn't a set of posts you create one at a time. It's a single page called <code>Timetable</code> in the left-hand menu. The grid itself (the days, times and coloured blocks) is fixed in the site's design and can't be changed here. What you do control is everything a visitor sees when they click a category: that panel's heading, text, photos and "Learn more" link, plus the Academic Block Rotation table shown inside the Academics panel.</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2 class="wp-block-heading">What is the Timetable page and where do I edit it?</h2>
<!-- /wp:heading -->

<!-- BWG-SHOT id="tt-overview" path="/wp-admin/admin.php?page=timetable-management" region="the whole Timetable settings page — the page heading 'Edit Timetable Content', the How this works box, and the Content Panels / Academic Block Rotation tabs" caption="The Timetable page. Content Panels and Academic Block Rotation are separate tabs." -->

<!-- wp:paragraph -->
<p>Go to <code>Timetable</code> in the left-hand menu — look for the calendar icon. The page opens with the heading <strong>Edit Timetable Content</strong> at the top; that's the same page, just its full name. Everything on it is split into two tabs:</p>
<!-- /wp:paragraph -->

<!-- wp:list -->
<ul class="wp-block-list"><!-- wp:list-item -->
<li><strong>Content Panels</strong> — the heading, text, photos and link for each category's pop-up panel.</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li><strong>Academic Block Rotation</strong> — the table of block letters shown inside the Academics panel.</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 grid itself — the days, times and coloured blocks across the top — is fixed and isn't edited from this page. Only the panel content and the rotation table are.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:heading -->
<h2 class="wp-block-heading">How do I edit a category panel?</h2>
<!-- /wp:heading -->

<!-- BWG-SHOT id="tt-panel-row" path="/wp-admin/admin.php?page=timetable-management" region="one expanded category row in the Timetable Panels list — Category, Heading, Body Text, Panel Image, Block Background Images, and the 'Learn more' Link fields" caption="An expanded category panel, showing every editable field." -->

<!-- wp:paragraph -->
<p>Under <strong>Content Panels</strong>, there's one row for each of the timetable's 10 categories. The list is fixed — you can't add, remove or reorder them:</p>
<!-- /wp:paragraph -->

<!-- wp:list -->
<ul class="wp-block-list"><!-- wp:list-item -->
<li>Period (Academics)</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Art Blocks</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Athletics</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Food</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Advisor</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Tutorial</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Assembly</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Sleep-In</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Evening Prep</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Evening Activity</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:list {"ordered":true,"className":"bw-steps"} -->
<ol class="wp-block-list bw-steps"><!-- wp:list-item -->
<li>Go to <code>Timetable → Content Panels</code>.</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Click a category's row to open it — e.g. <strong>Athletics</strong>. Its <strong>Category</strong> field is shown for reference only; you can't change it.</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Edit <strong>Heading</strong> — the title shown at the top of that category's panel.</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Edit <strong>Body Text</strong> — the paragraph(s) under the heading. Use the toolbar above it for bold, links and lists.</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Set the <strong>Panel Image</strong> if the category uses one — see the table below.</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Fill in <strong>"Learn more" Link</strong> and <strong>Link Text</strong> to show a button at the bottom of the panel, or leave both blank to hide it.</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Click <strong>Update</strong> in the <strong>Publish</strong> box on the right to save.</li>
<!-- /wp:list-item --></ol>
<!-- /wp:list -->

<!-- wp:table -->
<figure class="wp-block-table"><table><thead><tr><th>Field</th><th>What it does</th></tr></thead><tbody><tr><td>Heading</td><td>The title shown at the top of the panel.</td></tr><tr><td>Body Text</td><td>The paragraph(s) shown under the heading.</td></tr><tr><td>Panel Image</td><td>The photo beside the text. Only shown for <em>Period (Academics)</em>, <em>Food</em> and <em>Evening Prep</em> — the other categories don't display it.</td></tr><tr><td>Block Background Images</td><td>The faint photos behind that category's blocks in the grid — see below.</td></tr><tr><td>"Learn more" Link + Link Text</td><td>The button at the bottom of the panel. Leave both blank to hide it.</td></tr></tbody></table></figure>
<!-- /wp:table -->

<!-- wp:heading -->
<h2 class="wp-block-heading">How do I change the background photos behind a category?</h2>
<!-- /wp:heading -->

<!-- BWG-SHOT id="tt-bg-gallery" path="/wp-admin/admin.php?page=timetable-management" region="the Block Background Images field on the first (expanded) category row — its photo strip and the Add to gallery button" caption="Block Background Images — the faint photos cycled behind a category's blocks in the grid." -->

<!-- wp:paragraph -->
<p><strong>Block Background Images</strong> are the faint photos shown behind that category's blocks in the grid once a visitor clicks it — different from the <strong>Panel Image</strong>, which sits inside the text panel itself. It holds several photos, cycled one per block.</p>
<!-- /wp:paragraph -->

<!-- wp:list {"ordered":true,"className":"bw-steps"} -->
<ol class="wp-block-list bw-steps"><!-- wp:list-item -->
<li>Open the category's row under <code>Timetable → Content Panels</code>.</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Find <strong>Block Background Images</strong> and click it to open the media library.</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Click <strong>Add to gallery</strong>, select one or more photos, then click <strong>Add to gallery</strong> again to confirm.</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Drag the photos to reorder them — the order sets which block each one appears behind first.</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Click <strong>Update</strong>.</li>
<!-- /wp:list-item --></ol>
<!-- /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>With more than one photo, each block cycles to the next one so blocks next to each other don't repeat the same image. With just one photo, that same photo shows behind every block for that category.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:heading -->
<h2 class="wp-block-heading">How do I edit the academic block rotation?</h2>
<!-- /wp:heading -->

<!-- BWG-SHOT id="tt-rotation-tab" path="/wp-admin/admin.php?page=timetable-management" region="the Academic Block Rotation tab — Rotation Heading, Day Columns, Period Rows and Block Colours" caption="The Academic Block Rotation tab, where the table's days, periods and colours are set." -->

<!-- wp:paragraph -->
<p>The <strong>Academic Block Rotation</strong> tab holds the small table shown inside the Academics panel — the grid of letters that tells students which class block runs on which day.</p>
<!-- /wp:paragraph -->

<!-- wp:list {"ordered":true,"className":"bw-steps"} -->
<ol class="wp-block-list bw-steps"><!-- wp:list-item -->
<li>Go to <code>Timetable → Academic Block Rotation</code>.</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Edit <strong>Rotation Heading</strong> — the title shown above the table (e.g. <em>Academic Block Rotation</em>).</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>In <strong>Day Columns</strong>, list one column header per line — e.g. <em>Day 1</em>, <em>Day 2</em>, through as many days as the rotation runs.</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>In <strong>Period Rows</strong>, click <strong>Add Period</strong> for a new row, or edit an existing one. Give it a <strong>Period</strong> name (e.g. <em>Period 1</em>) and list its <strong>Block Letters</strong> in day order, separated by commas — e.g. <em>A, D, C, F, B, E, A, D</em>.</li>
<!-- /wp:list-item -->

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

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

<!-- wp:paragraph -->
<p>Each period row needs exactly as many letters as there are lines in <strong>Day Columns</strong> — one letter per day, in order. Count your day columns first, then match that many letters in every period row, or the table won't line up.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:heading -->
<h2 class="wp-block-heading">How do I change the block colours?</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Every letter used in the rotation table needs a matching entry in <strong>Block Colours</strong>, further down the same tab. A letter with no colour set shows as plain grey.</p>
<!-- /wp:paragraph -->

<!-- wp:list {"ordered":true,"className":"bw-steps"} -->
<ol class="wp-block-list bw-steps"><!-- wp:list-item -->
<li>Still on <code>Academic Block Rotation</code>, scroll to <strong>Block Colours</strong>.</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Click <strong>Add Colour</strong> for a new letter, or find one already listed.</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Type the <strong>Letter</strong> exactly as it appears in the rotation table (e.g. <em>A</em>).</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Click the <strong>Colour</strong> swatch and choose a colour.</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Click <strong>Update</strong>.</li>
<!-- /wp:list-item --></ol>
<!-- /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>Colours are set per letter, not per period — one entry covers that letter everywhere it appears in the table.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:heading -->
<h2 class="wp-block-heading">Where does the timetable appear on the site?</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>The timetable isn't copied onto a page as text — it's the <strong>Brentwood Timetable</strong> block. Whatever you save on the Timetable page shows up automatically everywhere that block is used. Right now, that's:</p>
<!-- /wp:paragraph -->

<!-- wp:list -->
<ul class="wp-block-list"><!-- wp:list-item -->
<li><code>/why-brentwood/unique-timetable</code> — the full week, every category.</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li><code>/academics</code>, <code>/arts</code> and <code>/athletics</code> — each opens straight to that department's own panel.</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:paragraph -->
<p>To add it to another page: edit the page, click the <strong>+</strong> to add a block, and search for <strong>Brentwood Timetable</strong>. With the block selected, its settings panel on the right offers:</p>
<!-- /wp:paragraph -->

<!-- BWG-SHOT id="tt-block-sidebar" path="/wp-admin/post-new.php?post_type=page" region="the Brentwood Timetable block's settings panel in the right-hand sidebar (Initial view, Show Academic Block Rotation)" caption="The Brentwood Timetable block's own settings." actions="click:.editor-document-tools__inserter-toggle; waitfor:.block-editor-inserter__search input; type:.block-editor-inserter__search input|Brentwood Timetable; wait:2000; click:.editor-block-list-item-bw-timetable; wait:4000; waitfor:.interface-complementary-area" -->

<!-- wp:list -->
<ul class="wp-block-list"><!-- wp:list-item -->
<li><strong>Initial view</strong> — which category panel opens automatically when the page loads. Visitors can still click <strong>View timetable</strong> to see the full week.</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li><strong>Show Academic Block Rotation</strong> — hides or shows the rotation table inside the Academics panel.</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 always pulls from the same Timetable page — adding it to a new page doesn't create a separate copy to maintain. Edit the content once and every page updates together.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->