Blog masonry

Block category: Embeds

This post tests various embed blocks:

Twitter,  wide width
YouTube
https://www.facebook.com/6427302910/posts/10156380423617911/
https://www.instagram.com/p/BpmueLLgEn_/?utm_source=ig_share_sheet&igshid=1hcxphic7p9e2
WordPress TV, full width

Block category: Widgets

The shortcode widget:

The Archive Widget:

The same Archive widget but as a dropdown:

Elegir el mes abril 2020  (1) noviembre 2018  (11) octubre 2018  (1) diciembre 2014  (5) noviembre 2014  (1) enero 2013  (6) marzo 2012  (5) enero 2012  (6) marzo 2011  (1) octubre 2010  (1) septiembre 2010  (2) agosto 2010  (3) julio 2010  (1) junio 2010  (2) mayo 2010  (1) abril 2010  (1) marzo 2010  (1) febrero 2010  (1) enero 2010  (1) octubre 2009  (1) septiembre 2009  (1) agosto 2009  (1) julio 2009  (1) junio 2009  (1) mayo 2009  (1)
mayo 2026
L M X J V S D
 123
45678910
11121314151617
18192021222324
25262728293031

The Category widget block has an additional option for showing category hierarchies:

Elegir la categoría aciform  (1)    sub  (1) antiquarianism  (1) arrangement  (1) asmodeus  (1) Big buildings  (2) Block  (11) broder  (1) buying  (1) Cat A  (1) Cat B  (1) Cat C  (1) championship  (1) chastening  (1) Classic  (38) clerkship  (1) disinclination  (1) disinfection  (1) dispatch  (1) echappee  (1) Edge Case  (6) enphagy  (1) equipollent  (1) fatuity  (1) Foo A  (1) Foo Parent  (1)    Foo A  (1) gaberlunzie  (1) Home  (3) illtempered  (1) insubordination  (1) lender  (1) Markup  (7) Media  (3) monosyllable  (1) packthread  (1) palter  (1) papilionaceous  (1) Parent  (1)    Child 1  (1)       Child 2  (1) Parent Category  (1)    Child Category 01  (1)    Child Category 02  (1)    Child Category 03  (1)       Grandchild Category  (1)    Child Category 04  (1)    Child Category 05  (1) personable  (1) Post Formats  (15) Project  (1) propylaeum  (1) pustule  (1) quartern  (1) Renovations  (1) scholarship  (1) selfconvicted  (1) showshoe  (1) sloyd  (1) sublunary  (1) tamtam  (1) Template  (10) Uncategorized  (14) Unpublished  (1) weakhearted  (1) ween  (1) wellhead  (1) wellintentioned  (1) whetstone  (1) years  (1) /* 0 ) { location.href = "https://saedavaluos.com/?cat=" + dropdown.options[ dropdown.selectedIndex ].value; } } dropdown.onchange = onCatChange; })(); /* ]]> */

The Latest Comments widget can display or hide the avatars, the date, and the comment excerpt:

No hay comentarios que mostrar.

Here is an example of the Comments widget with all the options disabled. The number of comments has been reduced to two.

No hay comentarios que mostrar.

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:

8BIT alignment buildings captions categories chat Codex Columns comments content περιεχόμενο content περιεχόμενο css edge case embeds excerpt featured image formatting gallery home html image jetpack layout link markup modern post Post Formats quote shortcode simple standard Success Swagger Tags template tiled title trackbacks twitter Unseen video videopress WordPress wordpress.tv

RSS Feed widget:

Block category: Layout Elements

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.

Block category: Formatting

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.


a heading
The custom HTML block lets you put HTML that isn’t configured like blocks in it. (this div has a width of 45%)
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 blockThis 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!

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

FROM IDEA TO REALISATION

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eu commodo nisl. Etiam ut purus justo. In id ante commodo, eleifend felis non, cursus orci. Nullam suscipit pellentesque nisl. Quisque maximus dui dui, id vestibulum orci interdum in. Fusce sit amet quam et nulla sollicitudin varius nec eu turpis. Nulla posuere arcu sed elit lobortis, ac congue leo tristique. Integer egestas, orci vel euismod pretium, dolor lacus mollis mi, ut volutpat justo diam quis ex. Fusce lectus arcu, vehicula non risus ac, fermentum gravida justo. Morbi sit amet malesuada nisl. Donec laoreet sodales sapien. Quisque condimentum quam id felis fermentum commodo. Sed ullamcorper vehicula sapien ac gravida. Nullam tempus scelerisque odio, sed fermentum leo facilisis a. Quisque nisl metus, rutrum id neque et, sollicitudin varius risus.

HOME RENOVATIONS WITH NO FUSS

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eu commodo nisl. Etiam ut purus justo. In id ante commodo, eleifend felis non, cursus orci. Nullam suscipit pellentesque nisl. Quisque maximus dui dui, id vestibulum orci interdum in. Fusce sit amet quam et nulla sollicitudin varius nec eu turpis. Nulla posuere arcu sed elit lobortis, ac congue leo tristique. Integer egestas, orci vel euismod pretium, dolor lacus mollis mi, ut volutpat justo diam quis ex. Fusce lectus arcu, vehicula non risus ac, fermentum gravida justo. Morbi sit amet malesuada nisl. Donec laoreet sodales sapien. Quisque condimentum quam id felis fermentum commodo. Sed ullamcorper vehicula sapien ac gravida. Nullam tempus scelerisque odio, sed fermentum leo facilisis a. Quisque nisl metus, rutrum id neque et, sollicitudin varius risus.

MAKE YOUR HOME YOUR PARADISE

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et magna lacinia, congue enim et, dignissim ante. Nam gravida sit amet odio eu tincidunt. Sed eros tellus, fringilla in eleifend sit amet, tristique sed justo. Quisque semper iaculis velit, vel tristique quam interdum et. In molestie id nulla ac fringilla. Vestibulum pretium lectus augue, sit amet interdum lorem ultrices at. Morbi quis pellentesque nibh, commodo consequat odio. Morbi mollis fringilla felis quis ornare.