Items in the block category have been created with the block editor.

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

Continue Reading

Block category: Layout Elements

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

The columns:

Column two.

Column three.

Column four.

Boardwalk

Media &Text

For displaying media and text next to each other. By default, the media is to the left.

Golden Gate Bridge

This time our block is full width, and the image is to the right.

The background color is a pale blue. 

Test to make sure that the editor and the front match. To test the Stack on mobile setting, reduce the browser window width.

The control these settings, the block uses the css classes “has-media-on-the-right” and “is-stacked-on-mobile”.

The separator has three styles: short line, wide line, and dots.




The spacer block has a default height of 100 pixels:

The read more block should be right below this text:

(more…)

Continue Reading
Close Menu