Block – Theme Unit Test

Introducing Seedlet August 31, 2020
A typography-led theme, built for the future of block-based theming.
Kjell Reigstad
Open source font pairings for your next theme June 22, 2020
Mel Choyce discusses and highlights GPL-compatible fonts.
Mel Choyce
Adding Block Patterns to Your Theme April 8, 2020
Block patterns are unique, predefined combinations of blocks you can use and tweak to create stunningly designed sections of your website.
Mel Choyce
Exploring Global Styles March 20, 2020
Note: The code samples here are out of date. Please be sure to check out the block editor documentation for the latest on how to implement Global Styles. Global Styles is an aspect of full site editing that will have a major impact on theme development. To further my understanding of this feature, I explored […]
Kjell Reigstad
Creating a Block-based Theme Using Block Templates January 21, 2020
This post outlines the steps I took to create a block-based theme version of Twenty Twenty. Thanks to Kjell Reigstad for helping develop the theme and write this post. There’s been a lot of conversation around how theme development changes as Full Site Editing using Gutenberg becomes a reality. Block templates are an experimental feature […]
Jeff Ong
Customizing Gutenberg blocks with block styles February 15, 2019
Block styles are a simple way to get started with Gutenberg development: With a few lines of CSS, you can build something that feels like a whole new custom block.
Kjell Reigstad
A schema for Gutenberg blocks January 29, 2019
At Jetpack we recently created a new Gutenberg block which displays “Related Posts”. This block is similar in content to the “Latest Posts” block in WordPress.org; it’s just a list of posts. The difference is the way the posts are displayed: There are plans afoot to update the “Latest Posts” block, so that it contains […]
Ben Dwyer
Blocks, templates, and styles: architecture for a Gutenberg world January 17, 2019
Exploring ideas about the evolution of layout and presentation in a post-Gutenberg world
Alexis Lloyd
Designing a Gutenberg-Powered Theme: Music June 4, 2018
Kjell Reigstad walks through his experience designing a block-powered theme.
Kjell Reigstad
Music: A Gutenberg-Powered Theme May 22, 2018
Announcing the Music theme: an exploration of how Gutenberg can transform theme design and development.
Kjell Reigstad

Large image: Hand Coded

Large image: linked in a caption

This image is 960 by 720 pixels. 🙂

Meat!
Hamburger fatback andouille, ball tip bacon t-bone turkey tenderloin. Ball tip shank pig, t-bone turducken prosciutto ground round rump bacon pork chop short loin turkey. Pancetta ball tip salami, hamburger t-bone capicola turkey ham hock pork belly tri-tip. Biltong bresaola tail, shoulder sausage turkey cow pork chop fatback. Turkey pork pig bacon short loin meatloaf, chicken ham hock flank andouille tenderloin shank rump filet mignon. Shoulder frankfurter shankle pancetta. Jowl andouille short ribs swine venison, pork loin pork chop meatball jerky filet mignon shoulder tenderloin chicken pork.
Smile!
😉 🙂 😀
Select Element with long value

Introducing Seedlet August 31, 2020
A typography-led theme, built for the future of block-based theming.
Kjell Reigstad
Open source font pairings for your next theme June 22, 2020
Mel Choyce discusses and highlights GPL-compatible fonts.
Mel Choyce
Adding Block Patterns to Your Theme April 8, 2020
Block patterns are unique, predefined combinations of blocks you can use and tweak to create stunningly designed sections of your website.
Mel Choyce
Exploring Global Styles March 20, 2020
Note: The code samples here are out of date. Please be sure to check out the block editor documentation for the latest on how to implement Global Styles. Global Styles is an aspect of full site editing that will have a major impact on theme development. To further my understanding of this feature, I explored […]
Kjell Reigstad
Creating a Block-based Theme Using Block Templates January 21, 2020
This post outlines the steps I took to create a block-based theme version of Twenty Twenty. Thanks to Kjell Reigstad for helping develop the theme and write this post. There’s been a lot of conversation around how theme development changes as Full Site Editing using Gutenberg becomes a reality. Block templates are an experimental feature […]
Jeff Ong
Customizing Gutenberg blocks with block styles February 15, 2019
Block styles are a simple way to get started with Gutenberg development: With a few lines of CSS, you can build something that feels like a whole new custom block.
Kjell Reigstad
A schema for Gutenberg blocks January 29, 2019
At Jetpack we recently created a new Gutenberg block which displays “Related Posts”. This block is similar in content to the “Latest Posts” block in WordPress.org; it’s just a list of posts. The difference is the way the posts are displayed: There are plans afoot to update the “Latest Posts” block, so that it contains […]
Ben Dwyer
Blocks, templates, and styles: architecture for a Gutenberg world January 17, 2019
Exploring ideas about the evolution of layout and presentation in a post-Gutenberg world
Alexis Lloyd
Designing a Gutenberg-Powered Theme: Music June 4, 2018
Kjell Reigstad walks through his experience designing a block-powered theme.
Kjell Reigstad
Music: A Gutenberg-Powered Theme May 22, 2018
Announcing the Music theme: an exploration of how Gutenberg can transform theme design and development.
Kjell Reigstad

Large image: Hand Coded

Large image: linked in a caption

This image is 960 by 720 pixels. 🙂

Block: Image

Welcome to image alignment! If you recognize this post, it is because these are blocks that have been converted from the classic Markup: Image ...

Block: Button

Button blocks are not semantically buttons, but links inside a styled div. If you do not add a link, a link tag without an anchor ...

Block: Cover

This is a left aligned cover block with a background image. The cover block lets you add text on top of ...

Block: Gallery

Gallery blocks have two settings: the number of columns, and whether or not images should be cropped. The default number of columns is three, ...

Block: Columns

This page tests how the theme displays the columns block. The first block tests a two column block with paragraphs. This is the second ...

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

Block category: Common

The Common category includes the following blocks: Paragraph, image, headings, list, gallery, quote, audio, cover, video. The paragraph block is the default block type. It ...

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/ WordPress TV, full width

Block category: Widgets

This is a shortcode widget. The Archive Widget: The same Archive widget but as a dropdown: The Category widget block has an additional ...

Block category: Layout Elements

The Layout Elements category includes the following blocks: Button, Columns, Media & Text, separator, spacer, read more, and page break. The ...

Shopping cart