Block: Button
Button blocks are not semantically buttons, but links inside a styled div. If you do…
Block: Cover
This is a left aligned cover block with a background image. The cover block lets…
Block: Gallery
Gallery blocks have two settings: the number of columns, and whether or not images should…
Block: Columns
This page tests how the theme displays the columns block. The first block tests a…
Block: Quote
The quote block has two styles, regular: Gutenberg is more than an editor.The Gutenberg Team and…
Block category: Common
The Common category includes the following blocks: Paragraph, image, headings, list, gallery, quote, audio, cover,…
Block category: Embeds
This post tests various embed blocks: https://twitter.com/WordPress/status/1057136472321613824 Twitter, wide width https://youtu.be/ex8fMxXJDJw YouTube https://www.facebook.com/6427302910/posts/10156380423617911/ https://www.instagram.com/p/BpmueLLgEn_/?utm_source=ig_share_sheet&igshid=1hcxphic7p9e2 https://wordpress.tv/2018/10/14/kjell-reigstad-allan-cole-how-we-made-our-first-gutenberg-powered-theme/…
Block category: Widgets
The shortcode widget: The Archive Widget: The same Archive widget but as a dropdown: The…
Block category: Layout Elements
<!-- wp:group {"customBackgroundColor":"#d8f6ec"} -->
<div class="wp-block-group has-background" style="background-color:#d8f6ec"><div class="wp-block-group__inner-container"><!-- wp:paragraph -->
<p>The Layout Elements category includes the following blocks: <em>Group, Button, Columns, Media & Text, separator, spacer, read more, and page break.</em></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>This group block has a light green background color.</p>
<!-- /wp:paragraph -->
<!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link">A button</a></div>
<!-- /wp:button -->
<!-- wp:paragraph -->
<p>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.</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:group -->