benjaminolsen.dev

MODULE 2 OF 8 · 60–90 minutes

Plan pages and write useful content

← Course outline

Loading progress…

LESSON 2.1

Pages, posts and a visitor task

Your goal: Choose a page structure that helps someone take action.

Pages suit lasting information such as Services and Contact. Posts suit dated updates, with categories and an archive. Neither type is inherently better for search. Choose the type that fits the content. Before designing, write one sentence about the visitor: “A local cyclist wants to find a repair service and contact the workshop.”

See it in practice

For Northside, plan Home, Services and Contact, plus an optional News page for posts. Home explains who the service helps. Services explains the offer. Contact explains how to reach the workshop. Use fictional details during practice and mark the site as a demo.

Try a small change

Create draft pages for Home, Services and Contact. Give each a one-sentence purpose and a short descriptive URL slug.

What should happen, and why?

The page list becomes a small content plan. Drafts let you prepare content before it is visible to ordinary visitors.

LESSON 2.2

Write and structure the first page

Your goal: Use headings, paragraphs and useful links in the block editor.

A block is a content unit: a paragraph, heading, list or image. Use a heading to identify a section, not just to make a sentence large. The page title commonly supplies the main heading through its template. Inspect the public page before adding another H1. Use H2 for major sections and H3 for subsections.

See it in practice

On Services, add an introduction, an H2 “Repairs we offer”, a list of three services and an H2 “Before you visit”. A useful link says “Contact the workshop”, which tells readers its destination. “Click here” does not.

Try a small change

Use the block inserter (+) or type /heading to add a heading. Open List View and move the service list beneath its heading. Save the draft and preview it.

What should happen, and why?

List View exposes the order readers encounter. Moving blocks changes the reading order; making text bold does not turn it into a heading.

GUIDED BUILD

Put the lesson to work.

  1. Create the three draft pages with unique titles and short slugs.
  2. Write original demonstration content: an introduction, three services and a clear next action.
  3. Preview Services and check the heading order in the rendered page. Save all changes.

Check your work

These are your own practice confirmations. We do not inspect your external WordPress site.

BREAK / FIX

Find the cause. Check the repair.

The Services page contains three bold paragraphs that look like headings but are still Paragraph blocks.

Reproduce this only on a disposable practice copy if it is safe. Otherwise explain the diagnosis and recovery steps in your notes.

Hint 1 — Where to look

Select a bold paragraph and inspect its block type.

Hint 2 — The principle

Visual weight and document structure are different.

Hint 3 — Explained repair

Transform the relevant paragraphs into Heading blocks. Choose H2 for the major sections, preserve the text and preview the result.

CHECK YOUR UNDERSTANDING

Five questions. As many tries as you need.

Get at least four correct. After checking, read the explanations and try again. All six practice checks and a passing quiz complete this module.

1. Which content best suits a Page?
2. Why use headings?
3. What should you check before adding an H1?
4. Which link text is most useful?
5. What does List View help inspect?

Keep these references

Official documentation. Screen labels can differ by theme and WordPress version.