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.
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:
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:

Post author:
Post date:
Categories:
Tags:
Next post & previous post:
Read More:
Read more: WP 6.1 Theme block categoryComments 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
- January 2023
- October 2018
- January 2013
- March 2012
- January 2012
- October 2010
- September 2010
- August 2010
- July 2010
- June 2010
- May 2010
- April 2010
- March 2010
- February 2010
- January 2010
- September 2009
- August 2009
- July 2009
- June 2009
- May 2009
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 | 31 |
Categories list:
Custom HTML:
testLatest comments:
[…] Another short one. […]
[…] Just a short one. […]
[…] Another trackback test. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec hendrerit gravida nisi. Praesent libero odio, tincidunt…
[…] Trackback test. […]
Latest posts:
- Hello world
- WP 6.1 Font size scale
- WP 6.1 spacing presets
- WP 6.1 Theme block category
- WP 6.1 Widgets block category
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 readingWP 6.1 Media category blocks
This test post was generated using the block theme Emptytheme in WordPress 6.1.1.
Image block:

Gallery:





Audio:
Cover:

Write title…
Fixed background
Repeated background
Fixed and Repeated background

Duotone

Top left

Top center

Top right

Center left

Center right

Bottom left

Bottom center

Bottom right

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

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
- List
- List
- List
- List
Quote block
citation
classic block
code block
Preformatted block
Pull quote
Citation
table cell | table cell two |
table cell three | table cell four |
header label one | header label two |
---|---|
table cell | table cell two |
table cell three | table cell four |
footer label one | footer label two |
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 one
- List item two
- List item three
- List item four
Ordered List (Nested)
- List item one -start at 8
- List item one
- List item one -reversed attribute
- List item two
- List item three
- List item four
- List item two
- List item three
- List item four
- List item one
- List item two
- List item three
- List item four
HTML Tags
These supported tags come from the WordPress.com code FAQ.
Address Tag
1 Infinite LoopCupertino, 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.
Headings Header one Header two Header three Header four Header five Header six Blockquotes Single line blockquote: Stay hungry. Stay…