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 […]

Read More

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: Tagline block: Query loop “Title & Date” variation: Query loop “Title & Excerpt” variation: Query loop “Title, Date & Excerpt” variation: Query loop “Image, Date & Title” variation: Avatar block: Post title block: […]

Read More

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 […]

Read More

WP 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: 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 […]

Read More

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 Quote block citation classic block Preformatted block Pull quote Citation table cell table cell two table cell three table cell four Table caption header label one header label two […]

Read More

Block: Cover

The cover block lets you add text on top of images or videos. This blocktype has several alignment options, and you can also align or center the text inside the block. The background image can be fixed and you can change its opacity and add an overlay color. Make sure that the text wraps correctly […]

Read More

Block: Quote

The quote block has two styles, regular: Gutenberg is more than an editor. The Gutenberg Team and large: Yes, it is a press, certainly, but a press from which shall flow in inexhaustible streams, the most abundant and most marvelous liquor that has ever flowed to relieve the thirst of men! Johannes Gutenberg The quote blocks […]

Read More

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 […]

Read More

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 […]

Read More

Markup: Title With Special Characters ~`!@#$%^&*()-_=+{}[]/\;:'”?,.>

Putting special characters in the title should have no adverse effect on the layout or functionality. Special characters in the post title have been known to cause issues with JavaScript when it is minified, especially in the admin when editing the post itself (ie. issues with metaboxes, media upload, etc.). Latin Character Tests This is […]

Read More

Template: Excerpt (Generated)

This is the post content. It should be displayed in place of the auto-generated excerpt in single-page views. Archive-index pages should display an auto-generated excerpt of this content. Depending on Theme-defined filters, the length of the auto-generated excerpt will vary from Theme-to-Theme. The default length for auto-generated excerpts is 55 words, so to test the […]

Read More

Taumatawhakatangihangakoauauotamateaturipukakapikimaungahoronukupokaiwhenuakitanatahu

Title should not overflow the content area A few things to check for: Non-breaking text in the title, content, and comments should have no adverse effects on layout or functionality. Check the browser window / tab title. If you are a plugin or widget developer, check that this text does not break anything. The following […]

Read More

Edge Case: Nested And Mixed Lists

Nested and mixed lists are an interesting beast. It’s a corner case to make sure that Lists within lists do not break the ordered list numbering order Your list styles go deep enough. Ordered – Unordered – Ordered ordered item ordered item unordered unordered ordered item ordered item ordered item ordered item Ordered – Unordered […]

Read More