A kitchen-sink page for stress testing the Quietsite theme. Every core Gutenberg block that a blog would plausibly use is on this page, in its common variations: alignments, widths, colours, nesting and edge cases.

---

1. Headings

Heading level one

Heading level two

Heading level three

Heading level four

Heading level five

Heading level six

A centered heading, which is quite a bit longer so that it wraps onto a second line on narrow screens

A right-aligned heading

---

2. Paragraphs and inline formatting

A default paragraph. It carries every inline format worth checking at once: bold text, italic text, an inline link, struck-through text, inline_code(), Ctrl + S as keyboard input, H₂O with a subscript, x² with a superscript, coloured inline text, and highlighted text. There is also an abbreviation and some mailto link for good measure.

A paragraph with a drop cap enabled. Drop caps are the classic way a theme betrays a broken line-height, so this one runs long enough to wrap several times. Anyone who has ever set type in a browser knows the first letter is where the float, the line box and the font metrics all argue with each other, and the loser is usually the baseline of the second line.

Small font size — often used for fine print, image credits and disclaimers.

Medium font size.

Large font size, useful for a standfirst or lede paragraph under the title.

Extra-large font size.

A centered paragraph.

A right-aligned paragraph.

A paragraph with a custom line height, letter spacing and uppercase transform applied from the editor.

A paragraph with a background colour, a text colour, and a custom link colour on this link. Background-coloured paragraphs need their own padding or they look cramped.

Averyveryverylongunbreakablestringlikethishttps://example.com/some/extremely/long/url/that/should/not/blow/out/the/layout/on/small/screens.html tests word wrapping and overflow.

---

3. Lists

Unordered, with nesting

• First item in an unordered list
• Second item, this one long enough to wrap onto a second line so we can see how the marker sits against the hanging indent of the text block
• Third item with a nested list
  • Nested item one
  • Nested item two
    • Third level item
    • Another third level item
• Fourth item with bold, italic and a link

Ordered

1. Boil the kettle
2. Warm the pot
   1. Swirl
   2. Pour away
3. Steep for four minutes

Ordered, reversed, starting at 10

10. Tenth
11. Ninth
12. Eighth

---

4. Quotes

The best way to predict the future is to invent it. A quote block holds real paragraphs, so it can contain more than one, and each of them can be as long as the writer likes.

This is the second paragraph inside the same quote block.

Alan Kay

A quote in the plain style, without the left border.

Someone else

A default pullquote, which is meant to interrupt the reading flow and pull the eye.

The pullquote block

A left-aligned solid-colour pullquote with text flowing beside it.

Float test

This paragraph sits next to the floated pullquote above. It needs several sentences before the float clears, otherwise the test proves nothing. Floats inside post content are one of the more fragile parts of any theme, especially once the viewport narrows and the float should give up and go full width instead of squeezing the text into a two-word column.

A wide solid-colour pullquote in purple with white text.

Wide alignment

---

5. Code, preformatted and verse

function quietsite_setup() {
	add_theme_support( 'post-thumbnails' );
	add_theme_support( 'align-wide' );
	add_theme_support( 'responsive-embeds' );

	// A deliberately long line that should scroll horizontally rather than wrap, because code blocks must never reflow: register_nav_menus( array( 'primary' => esc_html__( 'Primary menu', 'quietsite' ) ) );
}

Preformatted text keeps    its   spacing
    and its line breaks
        exactly as typed.

The woods are lovely, dark and deep,
But I have promises to keep,
And miles to go before I sleep,
And miles to go before I sleep.

---

6. Tables

Block	Category	Since
Paragraph	Text	5.0
Cover	Media	5.0
Details	Text	6.3
Footnotes	Text	6.3
Four blocks

Setting	Value	Notes
Content width	750px	Set in functions.php
Wide width	Wider than content	Requires align-wide support
Full width	Edge to edge	Should escape the container entirely and reach both edges of the viewport

Column A	Column B	Column C	Column D	Column E	Column F
Lorem ipsum dolor	Sit amet consectetur	Adipiscing elit sed	Do eiusmod tempor	Incididunt ut labore	Et dolore magna
Aliqua ut enim	Ad minim veniam	Quis nostrud exercitation	Ullamco laboris nisi	Ut aliquip ex ea	Commodo consequat duis

---

7. Details

What is a details block?

A native disclosure widget. Click the summary to open and close it. Themes commonly forget to style the marker, the summary cursor, and the spacing of the first child paragraph.

• It can contain any block
• Including lists and images

An open-by-default details block

This one starts expanded.

---

8. Separators and spacers

Default separator:

---

Wide separator:

---

Dots separator:

---

Coloured separator:

---

A 100px spacer follows this paragraph:

…and the spacer ends here.

---

9. Images

Default width, with caption

Wide alignment

Full alignment

Floated left and right

Text wrapping around a left-floated image. A theme needs enough copy here to actually reach past the bottom of the image, otherwise the next heading will collide with the float and nobody will notice until a reader complains. On narrow viewports the float should ideally release and let the image go full width, which is the behaviour most editors expect even though core does not enforce it.

A second paragraph, still flowing beside the floated image, confirming that consecutive paragraphs share the same wrap and that the caption underneath does not push the text out of alignment.

Text wrapping around a right-floated portrait image. Portrait crops are the harsher test, because the float stays in the flow far longer and any missing clearfix on the following block shows up immediately.

More copy to run past the bottom of the portrait float, so that the section that follows starts on a clean line rather than tucked into the remaining gutter beside the image.

Rounded style, centered, and linked

---

10. Galleries

A five-image, three-column gallery — the last row is deliberately short so the orphan tile can be checked.

---

11. Cover

---

12. Media & text

---

13. Columns

---

14. Group, row and stack

---

15. Buttons

---

16. Embeds

---

17. Widget blocks

Search

Search

Search

Search

Go

Latest posts — list and grid

• The case for a slower morning
  by John Mercer
  25/11/2025
  For years my mornings had one job: to get me to the desk as fast as possible. Wake, phone, coffee standing up, sit down, start. I thought of the time before work as overhead — a cost to be minimised. It took me an embarrassingly long time to notice that the days I hated most were the efficient ones. What…
• What I spend in a month in Porto
  by Ellen Whitfield
  09/11/2025
  People ask this often enough that it is easier to write it down. These are real numbers from the last three months, averaged, in euros. I am a single person with no car, no children, and no debt, which makes me an unrepresentative sample of almost everything. The fixed costs Rent — €520. One bedroom, unfurnished when I took it,…
• Thirty-one things in my kitchen
  by John Mercer
  24/09/2025
  I once tried to document every object in my kitchen and justify its existence. The project died in the drawer of miscellaneous lids, which turned out to be philosophically indefensible and also necessary. But I got through the rest, and the count came to thirty-one. The list One heavy pan. One light pan. One pot. One kettle. One rice cooker,…
• On owning one good coat
  by John Mercer
  06/09/2025
  I own one coat. It is dark green, waxed cotton, and cost roughly four times what I had ever previously spent on outerwear. I have had it for six years. It has been reproofed twice, had a pocket restitched once, and been rained on in four countries. The maths people do The usual argument is cost-per-wear: an expensive thing worn…

• 
  The case for a slower morning
• 
  What I spend in a month in Porto
• 
  Thirty-one things in my kitchen
• 
  On owning one good coat
• 
  The two-hour rule for admin
• 
  Why I stopped keeping a to-do list

Latest comments

Categories, archives and tag cloud

abandoning (1) albania (2) annotation (1) archives (2) arrivals (1) borders (2) buying-less (3) freelance (2) habits (3) indexing (1) islands (1) james-scott (1) kitchen (2) libraries (1) lists (1) logistics (2) money (3) nan-shepherd (1) nature-writing (2) overland (4) quiet (1) rereading (3) routine (4) serbia (1) slow-reading (2) slow-travel (3) tbr (1) trains (1) walking (2) work (3)

Page list

• Gallery
• Notes
• Search
• Style Guide
• Home
• Blog
• About
• Contact
• Projects
• Now
• Archives
• Terms
• Privacy

Calendar

Social icons

• WordPress
• GitHub
• Instagram
• Mail
• RSS Feed

• Mastodon
• Bluesky
• YouTube

RSS

• Introducing the WordPress Browser Extension
  13/08/2026
  The official WordPress Browser Extension is now available for Google Chrome and Chromium-based browsers in the Chrome Web Store and for Safari on macOS in the Mac App Store. This new open source extension lets logged-in site users easily hide the admin bar while keeping its most helpful shortcuts in the browser toolbar, provides quick […]
• WordPress 7.0.4 Release
  12/08/2026
  WordPress 7.0.4 is now available WordPress 7.0.4 is now available which features a security fix. Because this is a security release, it is recommended that you update your sites immediately. You can update to WordPress 7.0.4 by downloading it from WordPress.org, or visiting your site’s Dashboard → Updates and clicking Update Now. Sites that support […]
• WordPress 7.0.3 release
  06/08/2026
  WordPress 7.0.3 is now available WordPress 7.0.3 is now available which features several security fixes. Because this is a security release, it is recommended that you update your sites immediately. You can update to WordPress 7.0.3 by downloading it from WordPress.org, or visiting your site’s Dashboard → Updates and clicking Update Now. Sites that support […]

---

18. Query loop

---

19. Miscellaneous

Custom HTML

This paragraph came from a Custom HTML block, complete with an inline border so it is obvious.

Shortcode

Footnotes

Footnotes attach to a marker in the text¹ and collect at the bottom of the post, and a second reference² proves the numbering.

1. The first footnote, which is long enough to wrap and so tests the list indentation of the footnotes block. ↩︎
2. A second footnote with a link inside it. ↩︎