Chapter master – clone me, do not edit or publish me

Clone this page for each new chapter. Never edit or publish this master itself. Do these steps in order for every chapter. Don’t skip Parent, Order, or the footnotes step — those are the easy ones to forget.

How to build a chapter

1. Duplicate the master. Pages → All Pages → hover over Chapter master → click Clone. This creates an editable draft copy.
2. Rename it. Open the copy. Change the title to the chapter’s name. Then check the URL slug (Settings → Page → URL) matches, e.g. who-owns-the-debt.
3. Set its section (Parent). In the page edit view, go to the settings panel in the right-hand side tools, and select the Page tab. Parent lets you choose the section it belongs. Use the dropdown menu next to it (e.g. “Understanding the Trap”).
4. Set its order. Same panel → ⋮ menu → Order → type the chapter number (e.g. 4). This controls the order in the sidebar — get it right, or chapters list out of sequence.
5. Confirm template. Same panel → Template → should say Chapter. (It will, since it’s a copy — just check.)
6. Replace the content:
   1. Kicker (top small line): change to “Section X: Y · Chapter Z”.
   2. Title: pulls from the page title automatically — nothing to do.
   3. Reading time: update the figure.
   4. Body text: replace the instruction content and paste this chapter’s text. Use Heading (H2) blocks for subheadings.
   5. Footnotes: use the floating toolbar → arrow menu → Footnotes to add a footnote. It will automatically add the number and link the number to the footnote at the bottom of the page.
   6. Pull quote or image: replace or remove as needed.
7. Set the Previous / Next links at the bottom: point Previous at the chapter before, Next at the chapter after.
8. Publish.
9. Link it in the Contents page: open the Contents page, find this chapter’s title in the list, select it, and link it to the new page.

Quick check after publishing: view the chapter — the sidebar should show its section and the chapter should be bold; Previous/Next should jump to the right chapters.

This is a pullquote

This is a subheading – h2

This is a paragraph for all your body content. Standard stuff.

This paragraph has a footnote¹

This is a lead-in sentence to a bullet list:

• this is a bullet list (unordered list)
• use it to aid scannability
• no sentences inside list items
• start with a lowercase letter after a lead-in sentence
• no full stops at the end of a bullet

Adding images

There are 2 sizes of images to use. Once you’ve added an image block to the page, select the image on the screen and use the Block panel → Settings tab → Advanced → Additional CSS class(es) and enter:

• is-body (for an image that is smaller width)
• is-wider (for an almost full-width image)

Most infographics use ‘is-wider’ because they contain detailed information. They are not responsive images yet, but by saving them as .SVG, they will scale up and down in size without pixelating.

Wider image

Body image

To add the figure number, select the image on screen → floating menu → ‘Add caption’ icon.

Making images accessible

When you use images or infographics, it is essential to add alt text so that screen reader users are informed about the graphic.

Good alt text:

• is brief: aim for 1 to 2 sentences or under 150 characters
• skips redundant words: do not start with “image of” or “picture of” because screen readers already announce the element as an image
• focuses on context: ask why the image is on the page and what it communicates, rather than listing every minor background detail
• notes the medium: mention if the image is a logo, illustration, painting, or chart
• avoids duplication: do not repeat adjacent text or captions that already describe the same thing.

Handling different image types

• Informative images: Convey the main meaning or data clearly in concise text
• Decorative images: Use an empty alt attribute (alt="") so screen readers skip them completely
• Functional/Linked images: Describe the action or destination of the link (e.g. “Search the site”) instead of describing the icon itself
• Complex charts or graphs: Give a short summary in the alt text and provide the full data table or detailed explanation in the surrounding text

Figure X and/or a description of the image

That’s everything you should need!