Today you will hide a surprise on your site.
A reader will see a reveal. When they open it, something new appears on the same page.
You choose the words on the reveal. You choose what is hiding inside.
Open on the class site built so far: pages, a menu on each page, and a button between pages. No new save or reload step is needed; the site carries forward on its own.
Common mix-up: pupils may think a reveal is the same as a button. A button jumps to another page. A reveal stays on this page and opens hidden content.
Model the first drag on the board before hands go on devices.
So far, a button takes a reader to another page.
A reveal looks a bit like a button, but it stays on this page and opens hidden content.
You put other blocks inside the reveal. That is where the surprise lives.
Keep this short and spoken. The key contrast is button (goes to another page) versus reveal (opens hidden content here).
Name the inside clearly: the reveal block opens out, and blocks go in that open space. Pupils who later drop blocks beside the reveal, not inside it, missed this beat.
Model the contrast on the board while pupils move into the next step. The reveal block is in Links and buttons, with the button and the menu.
A reveal hides something until a reader clicks it.
This is the block you need:
{"blocks": {"languageVersion": 0, "blocks": [{"type": "wp_reveal", "fields": {"TEXT": "Click to see what I scored"}}]}}Check: a small closed reveal sits on the page, with nothing showing inside it yet.
Watch for pupils opening Content or Page by habit. The reveal lives in Links & buttons, beside button, link and menu.
If someone adds a button by mistake, ask: Does this jump to another page, or hide something here?
Look-fors:
The words on the outside are what make somebody want to open it.
Check: the closed reveal makes you want to open it, without giving the answer away.
The field is the label on the reveal. Pupils sometimes leave the default text and move on. Nudge: Would you open that, or walk past it?
Strong labels sound like an invitation (a riddle, a secret, a surprise), not like a page name.
Keep saying reveal, not button, so the contrast from the start of the lesson sticks.
A reveal with nothing inside opens on nothing. Give it a surprise.
Check: clicking the reveal shows your sentence.
If it did not work: nothing appeared, so the text block is under the reveal instead of inside it. Drag it into the gap that opens out.
This is the sticky moment. Most stuck pupils have dropped the text block below the reveal, not inside the gap.
Say verbatim if needed: Inside the reveal block, in the gap where it opens out, so the outline wraps around the text.
On the board, zoom in so the open gap of the reveal is obvious before they try. Show beside versus inside side by side if you can: left = text nested in the gap; right = text sitting below the reveal outside it.
Lists were the only other block that holds things. You can remind them of that if it helps.
You're previewing this lesson. Get full access to this lesson and hundreds more — each one ready to teach, with interactive activities, printable resources and pupil progress tracking built in.