WP 6.1 Font size scale

This test post was generated using the block theme Emptytheme in WordPress 6.1.1.

Small H2 Heading

Medium H2 Heading

Large H2 Heading

Extra Large H2 Heading

Small paragraph

Medium paragraph

Large paragraph

Extra Large paragraph

WP 6.1 spacing presets

This test post was generated using the block theme Emptytheme in WordPress 6.1.1.

On this page, some group blocks have border or background color set to increase visibility.

This group has a no background color and no additional spacing set.

This group has a background color but no additional spacing set.

This group has a 1px border and padding preset 1

This group has padding preset 1

This group has a 1px border and padding preset 2

This group has a background color and padding preset 3

This group has a background color and padding preset 4

This group has a background color and padding preset 5

This group has a background color and padding preset 6

This group has a background color and padding preset 7

This group has padding preset 7

This group has a background color and margin preset 1

This group has a background color and margin preset 2

This group has a background color and margin preset 3

This group has a background color and margin preset 4

This group has a background color and margin preset 5

This group has a background color and margin preset 6

This group has a background color and margin preset 7

This group has a 1px border, padding preset 4 and margin preset 4

This group has padding preset 4 and margin preset 4

WP 6.1 Theme block category

This test post was generated using the block theme Emptytheme in WordPress 6.1.1.

Navigation block with page list:

Site logo:

Site title:

martinvasek.cz

Tagline block:

Query loop “Title & Date” variation:

  • Hello world

  • WP 6.1 Font size scale

  • WP 6.1 spacing presets

Query loop “Title & Excerpt” variation:

  • Hello world

    content of english version

  • WP 6.1 Font size scale

    This test post was generated using the block theme Emptytheme in WordPress 6.1.1. Small H2 Heading Medium H2 Heading Large H2 Heading Extra Large H2 Heading Small paragraph Medium paragraph Large paragraph Extra Large paragraph

  • WP 6.1 spacing presets

    This test post was generated using the block theme Emptytheme in WordPress 6.1.1. On this page, some group blocks have border or background color set to increase visibility. This group has a no background color and no additional spacing set. … Continue reading →

Query loop “Title, Date & Excerpt” variation:

  • Hello world

    content of english version

  • WP 6.1 Font size scale

    This test post was generated using the block theme Emptytheme in WordPress 6.1.1. Small H2 Heading Medium H2 Heading Large H2 Heading Extra Large H2 Heading Small paragraph Medium paragraph Large paragraph Extra Large paragraph

  • WP 6.1 spacing presets

    This test post was generated using the block theme Emptytheme in WordPress 6.1.1. On this page, some group blocks have border or background color set to increase visibility. This group has a no background color and no additional spacing set. … Continue reading →

Query loop “Image, Date & Title” variation:

  • Wind Farm

    WP 6.1 Theme block category

  • WP 6.1 Widgets block category

  • WP 6.1 Design category blocks

Avatar block:

Post title block:

WP 6.1 Theme block category

Post excerpt:

This test post was generated using the block theme Emptytheme in WordPress 6.1.1. Navigation block with page list: Site logo: Site title: Tagline block: Query loop “Title & Date” variation: Query loop “Title & Excerpt” variation: Query loop “Title, Date … Continue reading →

Post featured image:

Wind Farm

Post author:

Post date:

Categories:

,

Tags:

Next post & previous post:

Read More:

Read more: WP 6.1 Theme block category

Comments block:

Login/out:

Author biography block:

Term description, archive title, search results title can not be shown on single posts.

WP 6.1 Widgets block category

This test post was generated using the block theme Emptytheme in WordPress 6.1.1.

Archives block:

July 2025
M T W T F S S
 123456
78910111213
14151617181920
21222324252627
28293031  

Categories list:

Custom HTML:

test

Latest comments:

Latest posts:

Page list block:

RSS block:

Shortcode block:

Social links:

Tag cloud:

content περιεχόμενο css edge case html layout Sample Tags test tag title

WP 6.1 Design category blocks

This test post was generated using the block theme Emptytheme in WordPress 6.1.1.

One single column inside a columns block.

Column one. The background color is on the single column.

Column two

Column one. The background color is on the parent columns block.

Column two

Column three

Group with paragraph inside. Below are the group block variations:

Row

Row

Stack

Stack

More block:

Continue reading

WP 6.1 Media category blocks

This test post was generated using the block theme Emptytheme in WordPress 6.1.1.

Image block:

dsc20050727_091048_222

Gallery:

Audio:

Cover:

Wind Farm

Write title…

Fixed background

Repeated background

Fixed and Repeated background

dsc20050727_091048_222

Duotone

Rain Ripples

Top left

Rain Ripples

Top center

Rain Ripples

Top right

Rain Ripples

Center left

Rain Ripples

Center right

Rain Ripples

Bottom left

Rain Ripples

Bottom center

Rain Ripples

Bottom right

Boardwalk

This is the Media & Text block with an image on the left.

Image Alignment 1200x4002

This is the Media & Text block with a cropped image on the left

This is the Media & Text block with a video the right.

WP 6.1 Text category blocks

This test post was generated using the block theme Emptytheme in WordPress 6.1.1.

Paragraph

H1 Heading

H2 Heading

H3 Heading

H4 Heading

H5 Heading
H6 Heading
  • List
  • List
  1. List
  2. List
  1. List
    • List

Quote block

citation

classic block

code block
Preformatted block

Pull quote

Citation
table celltable cell two
table cell threetable cell four
Table caption
header label oneheader label two
table celltable cell two
table cell threetable cell four
footer label onefooter label two
Table caption
Verse block

Keyboard navigation

There are many different ways to use the web besides a mouse and a pair of eyes. Users navigate for example with a keyboard only or with their voice.

All the functionality, including menus, links and forms should work using a keyboard only. This is essential for all assistive technology to work properly. The only way to test this, at the moment, is manually. The best time to test this is during development.

How to keyboard test:

Tab through your pages, links and forms to do the following tests:

  • Confirm that all links can be reached and activated via keyboard, including any in dropdown submenus.
  • Confirm that all links get a visible focus indicator (e.g., a border highlight).
  • Confirm that all visually hidden links (e.g. skip links) become visible when in focus.
  • Confirm that all form input fields and buttons can be accessed and used via keyboard.
  • Confirm that all interactions, buttons, and other controls can be triggered via keyboard — any action you can complete with a mouse must also be performable via keyboard.
  • Confirm that focus doesn’t move in unexpected ways around the page.
  • Confirm that using shift+tab to move backwards works as well.

Resources

Markup: HTML Tags and Formatting

Headings

Header one

Header two

Header three

Header four

Header five
Header six

Blockquotes

Single line blockquote:

Stay hungry. Stay foolish.

Multi line blockquote with a cite reference:

The HTML <blockquote> Element (or HTML Block Quotation Element) indicates that the enclosed text is an extended quotation. Usually, this is rendered visually by indentation (see Notes for how to change it). A URL for the source of the quotation may be given using the cite attribute, while a text representation of the source can be given using the <cite> element.

multiple contributors – MDN HTML element reference – blockquote

Tables

Employee Salary
John Doe $1 Because that’s all Steve Jobs needed for a salary.
Jane Doe $100K For all the blogging she does.
Fred Bloggs $100M Pictures are worth a thousand words, right? So Jane x 1,000.
Jane Bloggs $100B With hair like that?! Enough said…

Definition Lists

Definition List Title
Definition list division.
Startup
A startup company or startup is a company or temporary organization designed to search for a repeatable and scalable business model.
#dowork
Coined by Rob Dyrdek and his personal body guard Christopher “Big Black” Boykins, “Do Work” works as a self motivator, to motivating your friends.
Do It Live
I’ll let Bill O’Reilly will explain this one.

Unordered Lists (Nested)

  • List item one
    • List item one
      • List item one
      • List item two
      • List item three
      • List item four
    • List item two
    • List item three
    • List item four
  • List item two
  • List item three
  • List item four

Ordered List (Nested)

  1. List item one -start at 8
    1. List item one
      1. List item one -reversed attribute
      2. List item two
      3. List item three
      4. List item four
    2. List item two
    3. List item three
    4. List item four
  2. List item two
  3. List item three
  4. List item four

HTML Tags

These supported tags come from the WordPress.com code FAQ.

Address Tag

1 Infinite Loop
Cupertino, CA 95014
United States

Anchor Tag (aka. Link)

This is an example of a link.

Abbreviation Tag

The abbreviation srsly stands for “seriously”.

Acronym Tag (deprecated in HTML5)

The acronym ftw stands for “for the win”.

Big Tag (deprecated in HTML5)

These tests are a big deal, but this tag is no longer supported in HTML5.

Cite Tag

“Code is poetry.” —Automattic

Code Tag

This tag styles blocks of code.
.post-title {
margin: 0 0 5px;
font-weight: bold;
font-size: 38px;
line-height: 1.2;
and here's a line of some really, really, really, really long text, just to see how it is handled and to find out how it overflows;
}

You will learn later on in these tests that word-wrap: break-word; will be your best friend.

Delete Tag

This tag will let you strike out text, but this tag is recommended supported in HTML5 (use the <s> instead).

Emphasize Tag

The emphasize tag should italicize text.

Horizontal Rule Tag


This sentence is following a <hr /> tag.

Insert Tag

This tag should denote inserted text.

Keyboard Tag

This scarcely known tag emulates keyboard text, which is usually styled like the <code> tag.

Preformatted Tag

This tag is for preserving whitespace as typed, such as in poetry or ASCII art.

The Road Not Taken

Robert Frost


	Two roads diverged in a yellow wood,
	And sorry I could not travel both          (\_/)
	And be one traveler, long I stood         (='.'=)
	And looked down one as far as I could     (")_(")
	To where it bent in the undergrowth;

	Then took the other, as just as fair,
	And having perhaps the better claim,          |\_/|
	Because it was grassy and wanted wear;       / @ @ \
	Though as for that the passing there        ( > º < )
	Had worn them really about the same,         `>>x<<´
	 /  O  \
	And both that morning equally lay
	In leaves no step had trodden black.
	Oh, I kept the first for another day!
	Yet knowing how way leads on to way,
	I doubted if I should ever come back.

	I shall be telling this with a sigh
	Somewhere ages and ages hence:
	Two roads diverged in a wood, and I—
	I took the one less traveled by,
	And that has made all the difference.


	and here's a line of some really, really, really, really long text, just to see how it is handled and to find out how it overflows;

Quote Tag for short, inline quotes

Developers, developers, developers… –Steve Ballmer

Strike Tag (deprecated in HTML5) and S Tag

This tag shows strike-through text.

Small Tag

This tag shows smaller text.

Strong Tag

This tag shows bold text.

Subscript Tag

Getting our science styling on with H2O, which should push the “2” down.

Superscript Tag

Still sticking with science and Albert Einstein’s E = MC2, which should lift the 2 up.

Teletype Tag (obsolete in HTML5)

This rarely used tag emulates teletype text, which is usually styled like the <code> tag.

Underline Tag deprecated in HTML 4, re-introduced in HTML5 with other semantics

This tag shows underlined text.

Variable Tag

This allows you to denote variables.