WordPress core block styling test

A labelled test of WordPress core blocks. Most examples inherit your theme’s default colours, typography and spacing. Sample media is loaded from external demo URLs. Dynamic blocks use this site’s content.

1. Text and typography

Paragraph and inline formatting

This is a standard paragraph with bold text, italic text, a text link, ~~strikethrough~~, inline code, H₂O and x². The quick brown fox jumps over the lazy dog. 0123456789 — punctuation, symbols & spacing.

This second paragraph shows the distance between paragraphs and how longer lines wrap. Good typography should remain comfortable to read on desktop, tablet and mobile screens.

A drop cap begins this paragraph so you can inspect the first letter, alignment and spacing beside the opening lines. Continue reading to check how the surrounding text wraps around the initial character.

Headings H1–H6

Heading 1 — sample heading

Heading 2 — sample heading

Heading 3 — sample heading

Heading 4 — sample heading

Heading 5 — sample heading

Heading 6 — sample heading

Unordered and nested list

First unordered item
Second item with a nested list
- Nested item one
- Nested item two with a link
Final unordered item

Ordered list

First numbered step
Second numbered step
Third numbered step

Quote

Clear typography gives every idea room to breathe.

A second paragraph tests the spacing inside a quotation.
Sample attribution

Pullquote

A short statement that deserves a little more attention.
Sample attribution

Code

function greet(name) {
  return "Hello, " + name + "!";
}

console.log(greet("WordPress"));

Preformatted

Preformatted text preserves spacing.

Item           Quantity     Price
Notebook       2            £12.00
Pencil         4             £3.00

Poetry / Verse

Light falls across the page,
Words settle into place.

A little room between the lines,
A little breathing space.

Table — default

Block	What to check	Status
Paragraph	Font, line height and links	Review
Buttons	Padding, contrast and focus	Review
Table	Borders, spacing and wrapping	Review
Footer	Three sample rows	Complete

Table caption — default style

Table — stripes

Block	What to check	Status
Paragraph	Font, line height and links	Review
Buttons	Padding, contrast and focus	Review
Table	Borders, spacing and wrapping	Review
Footer	Three sample rows	Complete

Table caption — striped style

Details

Open this details block

This content is revealed when the summary is expanded. Check the marker, focus outline and spacing.

First detail
Second detail

Math

a^2+b^2=c^2

Classic

This paragraph is inside a Classic block.

Sample term: A definition tests the theme’s definition-list styling.

2. Images, audio and video

Image and caption

A single image with a caption.

Image — rounded style

An image using the rounded style.

Image — wide alignment

Wide alignment, where supported by the theme.

Image — full alignment

Full alignment, where supported by the theme.

Gallery

Architecture sample 1 — Gallery image one

Architecture sample 2 — Gallery image one

Cover

Cover block headline

Text over an image using the standard cover overlay.

Media & Text

Text beside an image

Inspect the column balance, vertical alignment and the way the content stacks on smaller screens.

Audio

Short sample audio clip.

Video

Sample video with native playback controls.

File

Sample PDF document Download PDF

Icon

3. Buttons and layouts

Buttons — fill and outline

Default button

Outline button

Columns

Column one

The first column contains a short paragraph.

Column two

The second column contains more text, which helps reveal differences in line wrapping and column height.

Column three

Check how these columns stack on mobile.

Group

Content inside a group

A group wraps related blocks and uses the theme’s normal content width.

Row

First row item

Second row item

Third row item

Stack

First stack item

Second stack item

Third stack item

Grid

Grid item one

First grid cell.

Grid item two

Second grid cell.

Grid item three

Third grid cell.

Accordion

Content for item 1. Check the heading button, expand icon, panel spacing and keyboard focus.

Content for item 2. Check the heading button, expand icon, panel spacing and keyboard focus.

Separator — default

Separator — wide

Separator — dots

Spacer

A 48-pixel spacer follows this paragraph.

This paragraph sits below the spacer.

4. Widgets and embeds

These blocks may look empty until the site has published posts, pages, categories, tags and comments. RSS and embeds also need a working connection to their external source.

Archives — list and dropdown

No archives to show.

Calendar

November 2026
M	T	W	T	F	S	S
	1
2	3	4	5	6	7	8
9	10	11	12	13	14	15
16	17	18	19	20	21	22
23	24	25	26	27	28	29
30

Categories List / Terms List

Latest Comments

A WordPress Commenter on Hello world!11/06/2026
Hi, this is a comment. To get started with moderating, editing, and deleting comments, please visit the Comments screen in…

Latest Posts

Hello world!11/06/2026
Welcome to WordPress. This is your first post. Edit or delete it, then start writing!

Page List

RSS

WordPress Credits Welcomes More Than 50 Institutions
11/09/2026
More than 50 educational institutions have joined WordPress Credits, giving students worldwide a way to earn […]
WordPress 7.2 Beta 4
11/03/2026
WordPress 7.2 Beta 4 is ready for download and testing! This beta release is intended for […]
WordPress 7.1.4
10/28/2026
This security release features fixes for multiple issues. Because this is a security release, it is […]

Search

Social Icons

Custom HTML

Shortcode

This uses WordPress’s built-in caption shortcode.

A caption rendered through a core shortcode.

Embed — YouTube

Video embed — replace with your own URL if needed.

Embed — WordPress

WordPress 6.4 “Shirley”

5. Site and post blocks

These examples use the site identity and current post. Set a site logo, featured image, manual excerpt, categories, tags and author biography to see their populated states.

Site Logo

Site Title

Architecture Workshops

Site Tagline

Navigation, Home Link, Custom Link and Submenu

Breadcrumbs

Title

Block Test

Excerpt

WordPress core block styling test A labelled test of WordPress core blocks. Most examples inherit your theme’s default colours, typography and spacing. Sample media…

Featured Image

Avatar

Author Name

E_Admin

Author Biography

Date

15 January 2026

Post Date

9 November 2026

Modified Date

Time to Read

4–6 minutes

Word Count

1,021 words

Comments Count

Comments Link

Read the full post

Previous and Next Post

Login/out

6. Query Loop and pagination

This shows up to three published posts. Pagination appears when more results exist. The No Results message appears only when the query has no matching posts.

1 result found

Hello world!

Welcome to WordPress. This is your first post. Edit or delete it, then start writing!
Read the article
Continue reading: Hello world!

7. Terms Query

This shows category names, post counts and descriptions. Add descriptions to your categories to test their appearance.

Uncategorized

(1)

8. Comments and comment form

Add an approved comment to this post to populate the comment template. Reply links, edit links and pagination depend on permissions, discussion settings and the number of comments. The form follows your discussion settings.

9. Footnotes

To populate the Footnotes block, select a word in this paragraph in the Visual editor, choose Footnote from the text-formatting menu, and enter a sample note. Footnote text is stored separately from this pasted post content.

10. More block

The More marker below affects archive displays that use full post content. It does not add a visible divider within a single-post view.