Block category: Embeds
This post tests various embed blocks:
The shortcode widget:
The Archive Widget:
The same Archive widget but as a dropdown:
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 |
The Category widget block has an additional option for showing category hierarchies:
The Latest Comments widget can display or hide the avatars, the date, and the comment excerpt:
Here is an example of the Comments widget with all the options disabled. The number of comments has been reduced to two.
And here is the Latest Posts widget in the list view, with dates:
Grid view, now sorted from A -Z.
You can also change the number of columns used to display the latest posts. The block below only displays posts from the Block category:
Search widget:
Tag Cloud widget:
alignment
Articles
aside
audio
captions
categories
chat
Codex
Columns
comments
content
css
edge case
embeds
excerpt
featured image
formatting
gallery
health
html
image
jetpack
layout
link
Love
markup
Post Formats
quote
readability
shortcode
standard
status
sticky
Success
Swagger
Tags
template
title
trackbacks
twitter
Unseen
video
videopress
WordPress
wordpress.tv
RSS Feed widget:
The Layout Elements category includes the following blocks: Group, Button, Columns, Media & Text, separator, spacer, read more, and page break.
This group block has a light green background color.
The read more block should be right below this text, but only on list pages of themes that show the full content. It won’t show on the single page or on themes showing excerpts.
The formatting category includes the following blocks:
The code block starts with
<!-- wp:code -->
<?php echo 'Hello World'; ?>
The classic block can have almost anything in it.
The preformatted block.
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;
The pull quote can be aligned or wide or neither.
Theme Reviewer
The table block | This is the default style. |
The cell next to this is empty. | |
Cell #5 | Cell #6 |
This is the striped style. | This row should have a background color. |
The cell next to this is empty. | |
This table has fixed width table cells. | |
Make sure that the text wraps correctly. |
The Verse block
A block for haiku?
Why not?
Blocks for all the things!
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.
Tab through your pages, links and forms to do the following tests:
Greek Salad. We’ve turned a classic brunch shakshuka dish into more of a sharing main course by adding seasonal spring vegetables like peas, broad beans and asparagus:
Trim or snap the woody ends of the asparagus and finely slice the spears, leaving the tips and about 2cm at the top intact. Finely slice the broccoli in the same way, leaving the heads and about 2cm of stalk intact. Heat the oil in a frying pan. Add the spring onions, sliced asparagus and sliced broccoli, and fry gently until the veg softens a little, then add the cumin seeds, cayenne, tomatoes (with their juices), parsley and plenty of seasoning, and stir. Cover with a lid and cook for 5 mins to make a base sauce, then add the asparagus spears, broccoli heads, peas and broad beans, cover again and cook for 2 mins.
Second part of meal preparation:
Make 4 dips in the mixture. Break an egg into each dip, arrange half the pea shoots around the eggs, season well, cover with a lid and cook until the egg whites are just set. Serve with the rest of the pea shoots, a spoonful of yogurt and some flatbreads, and sprinkle over another pinch of cayenne, if you like.
Steve Alex – Top Chief of The Year’ Conference, 2018
Employee | Salary | |
---|---|---|
1 bunch | $1 | Ssparagus spears. |
200g | $10.40 | Sprouting broccoli. |
2 tbsp | $4 | Olive oil. |
2 p. | $10 | Spring onions. |
1 | $10 | small pack parsley, chopped. |
4 ripe | $10 | Tomatoes, chopped. |
2 p. | $10 | Spring onions. |
2 tsp | $10 | Cumin seeds. |
These supported tags come from the WordPress.com code FAQ.
Address Tag
1 Infinite LoopAnchor 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
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 strikeout text, but this tag is no longer supported in HTML5 (use the <strike>
instead).
Emphasize Tag
The emphasize tag should italicize text.
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 styles large 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 the PRE tag handles it and to find out how it overflows; }
Quote Tag
Developers, developers, developers…
–Steve Ballmer
Strike Tag (deprecated in HTML5)
This tag shows strike-through 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 Isaac Newton’s E = MC2, which should lift the 2 up.
Teletype Tag (deprecated in HTML5)
This rarely used tag emulates teletype text, which is usually styled like the <code>
tag.
Variable Tag
This allows you to denote variables.
Greek Salad. We’ve turned a classic brunch shakshuka dish into more of a sharing main course by adding seasonal spring vegetables like peas, broad beans and asparagus:
Trim or snap the woody ends of the asparagus and finely slice the spears, leaving the tips and about 2cm at the top intact. Finely slice the broccoli in the same way, leaving the heads and about 2cm of stalk intact. Heat the oil in a frying pan. Add the spring onions, sliced asparagus and sliced broccoli, and fry gently until the veg softens a little, then add the cumin seeds, cayenne, tomatoes (with their juices), parsley and plenty of seasoning, and stir. Cover with a lid and cook for 5 mins to make a base sauce, then add the asparagus spears, broccoli heads, peas and broad beans, cover again and cook for 2 mins.
Second part of meal preparation:
Make 4 dips in the mixture. Break an egg into each dip, arrange half the pea shoots around the eggs, season well, cover with a lid and cook until the egg whites are just set. Serve with the rest of the pea shoots, a spoonful of yogurt and some flatbreads, and sprinkle over another pinch of cayenne, if you like.
Steve Alex – Top Chief of The Year’ Conference, 2018
Employee | Salary | |
---|---|---|
1 bunch | $1 | Ssparagus spears. |
200g | $10.40 | Sprouting broccoli. |
2 tbsp | $4 | Olive oil. |
2 p. | $10 | Spring onions. |
1 | $10 | small pack parsley, chopped. |
4 ripe | $10 | Tomatoes, chopped. |
2 p. | $10 | Spring onions. |
2 tsp | $10 | Cumin seeds. |
These supported tags come from the WordPress.com code FAQ.
Address Tag
1 Infinite LoopAnchor 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
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 strikeout text, but this tag is no longer supported in HTML5 (use the <strike>
instead).
Emphasize Tag
The emphasize tag should italicize text.
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 styles large 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 the PRE tag handles it and to find out how it overflows; }
Quote Tag
Developers, developers, developers…
–Steve Ballmer
Strike Tag (deprecated in HTML5)
This tag shows strike-through 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 Isaac Newton’s E = MC2, which should lift the 2 up.
Teletype Tag (deprecated in HTML5)
This rarely used tag emulates teletype text, which is usually styled like the <code>
tag.
Variable Tag
This allows you to denote variables.
Courgette, pea & pesto soup. We’ve turned a classic brunch shakshuka dish into more of a sharing main course by adding seasonal spring vegetables like peas, broad beans and asparagus:
Trim or snap the woody ends of the asparagus and finely slice the spears, leaving the tips and about 2cm at the top intact. Finely slice the broccoli in the same way, leaving the heads and about 2cm of stalk intact. Heat the oil in a frying pan. Add the spring onions, sliced asparagus and sliced broccoli, and fry gently until the veg softens a little, then add the cumin seeds, cayenne, tomatoes (with their juices), parsley and plenty of seasoning, and stir. Cover with a lid and cook for 5 mins to make a base sauce, then add the asparagus spears, broccoli heads, peas and broad beans, cover again and cook for 2 mins.
Second part of meal preparation:
Make 4 dips in the mixture. Break an egg into each dip, arrange half the pea shoots around the eggs, season well, cover with a lid and cook until the egg whites are just set. Serve with the rest of the pea shoots, a spoonful of yogurt and some flatbreads, and sprinkle over another pinch of cayenne, if you like.
Steve Alex – Top Chief of The Year’ Conference, 2018
Employee | Salary | |
---|---|---|
1 bunch | $1 | Ssparagus spears. |
200g | $10.40 | Sprouting broccoli. |
2 tbsp | $4 | Olive oil. |
2 p. | $10 | Spring onions. |
1 | $10 | small pack parsley, chopped. |
4 ripe | $10 | Tomatoes, chopped. |
2 p. | $10 | Spring onions. |
2 tsp | $10 | Cumin seeds. |
These supported tags come from the WordPress.com code FAQ.
Address Tag
1 Infinite LoopAnchor 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
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 strikeout text, but this tag is no longer supported in HTML5 (use the <strike>
instead).
Emphasize Tag
The emphasize tag should italicize text.
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 styles large 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 the PRE tag handles it and to find out how it overflows; }
Quote Tag
Developers, developers, developers…
–Steve Ballmer
Strike Tag (deprecated in HTML5)
This tag shows strike-through 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 Isaac Newton’s E = MC2, which should lift the 2 up.
Teletype Tag (deprecated in HTML5)
This rarely used tag emulates teletype text, which is usually styled like the <code>
tag.
Variable Tag
This allows you to denote variables.
Courgette, pea & pesto soup. We’ve turned a classic brunch shakshuka dish into more of a sharing main course by adding seasonal spring vegetables like peas, broad beans and asparagus:
Trim or snap the woody ends of the asparagus and finely slice the spears, leaving the tips and about 2cm at the top intact. Finely slice the broccoli in the same way, leaving the heads and about 2cm of stalk intact. Heat the oil in a frying pan. Add the spring onions, sliced asparagus and sliced broccoli, and fry gently until the veg softens a little, then add the cumin seeds, cayenne, tomatoes (with their juices), parsley and plenty of seasoning, and stir. Cover with a lid and cook for 5 mins to make a base sauce, then add the asparagus spears, broccoli heads, peas and broad beans, cover again and cook for 2 mins.
Second part of meal preparation:
Make 4 dips in the mixture. Break an egg into each dip, arrange half the pea shoots around the eggs, season well, cover with a lid and cook until the egg whites are just set. Serve with the rest of the pea shoots, a spoonful of yogurt and some flatbreads, and sprinkle over another pinch of cayenne, if you like.
Steve Alex – Top Chief of The Year’ Conference, 2018
Employee | Salary | |
---|---|---|
1 bunch | $1 | Ssparagus spears. |
200g | $10.40 | Sprouting broccoli. |
2 tbsp | $4 | Olive oil. |
2 p. | $10 | Spring onions. |
1 | $10 | small pack parsley, chopped. |
4 ripe | $10 | Tomatoes, chopped. |
2 p. | $10 | Spring onions. |
2 tsp | $10 | Cumin seeds. |
These supported tags come from the WordPress.com code FAQ.
Address Tag
1 Infinite LoopAnchor 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
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 strikeout text, but this tag is no longer supported in HTML5 (use the <strike>
instead).
Emphasize Tag
The emphasize tag should italicize text.
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 styles large 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 the PRE tag handles it and to find out how it overflows; }
Quote Tag
Developers, developers, developers…
–Steve Ballmer
Strike Tag (deprecated in HTML5)
This tag shows strike-through 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 Isaac Newton’s E = MC2, which should lift the 2 up.
Teletype Tag (deprecated in HTML5)
This rarely used tag emulates teletype text, which is usually styled like the <code>
tag.
Variable Tag
This allows you to denote variables.
We’ve turned a classic brunch shakshuka dish into more of a sharing main course by adding seasonal spring vegetables like peas, broad beans and asparagus:
Trim or snap the woody ends of the asparagus and finely slice the spears, leaving the tips and about 2cm at the top intact. Finely slice the broccoli in the same way, leaving the heads and about 2cm of stalk intact. Heat the oil in a frying pan. Add the spring onions, sliced asparagus and sliced broccoli, and fry gently until the veg softens a little, then add the cumin seeds, cayenne, tomatoes (with their juices), parsley and plenty of seasoning, and stir. Cover with a lid and cook for 5 mins to make a base sauce, then add the asparagus spears, broccoli heads, peas and broad beans, cover again and cook for 2 mins.
Second part of meal preparation:
Make 4 dips in the mixture. Break an egg into each dip, arrange half the pea shoots around the eggs, season well, cover with a lid and cook until the egg whites are just set. Serve with the rest of the pea shoots, a spoonful of yogurt and some flatbreads, and sprinkle over another pinch of cayenne, if you like.
Steve Alex – Top Chief of The Year’ Conference, 2018
Employee | Salary | |
---|---|---|
1 bunch | $1 | Ssparagus spears. |
200g | $10.40 | Sprouting broccoli. |
2 tbsp | $4 | Olive oil. |
2 p. | $10 | Spring onions. |
1 | $10 | small pack parsley, chopped. |
4 ripe | $10 | Tomatoes, chopped. |
2 p. | $10 | Spring onions. |
2 tsp | $10 | Cumin seeds. |
These supported tags come from the WordPress.com code FAQ.
Address Tag
1 Infinite LoopAnchor 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
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 strikeout text, but this tag is no longer supported in HTML5 (use the <strike>
instead).
Emphasize Tag
The emphasize tag should italicize text.
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 styles large 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 the PRE tag handles it and to find out how it overflows; }
Quote Tag
Developers, developers, developers…
–Steve Ballmer
Strike Tag (deprecated in HTML5)
This tag shows strike-through 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 Isaac Newton’s E = MC2, which should lift the 2 up.
Teletype Tag (deprecated in HTML5)
This rarely used tag emulates teletype text, which is usually styled like the <code>
tag.
Variable Tag
This allows you to denote variables.