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. Media &Text For displaying media and text next to each other. By default, the media is to the left. This time our block is full width, and…

By

November 1, 2018

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

The button

The columns:

Column two.

Column three.

Column four.

Media &Text

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

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:

And finally, the page break:

Add to Google News

More for You

Block

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 should not have any alignment of any kind. It should just flow like you would normally expect. Nothing fancy. Just straight up text, free flowing, with love. This paragraph is…

November 1, 2018
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 should not have any alignment of any kind. It should just flow like you would normally expect. Nothing fancy. Just straight up text, free flowing, with love.

This paragraph is left aligned.

This italic paragraph is right aligned.

Neither of these paragraphs care about politics, but this one is bold, medium sized and has a drop cap.

This paragraph is centered.

This paragraph prefers Jazz over Justin Timberlake. It also uses the small font size.

This paragraph has something important to say: It has a large font size, which defaults to 36px.

The huge text size defaults to 46px, but the size can be customized.

This paragraph is colorful, with a red background and white text. Colored blocks should have a high enough contrast, so that the text is readable.

Below this block, you will see a single image.

H1 Heading

H2 Heading

H3 Heading

H4 Heading

H5 Heading

H6 Heading

Ordered list
1. The software should be licensed under the GNU Public License.
2. The software should be freely available to anyone to use for any purpose, and without permission.
3. The software should be open to modifications.
  1. Any modifications should be freely distributable at no cost and without permission from its creators.
4. The software should provide a framework for translation to make it globally accessible to speakers of all languages.
5. The software should provide a framework for extensions so modifications and enhancements can be made without modifying core code
Unordered list
- One
- Two
- Three
  - Four
- Five
- Jericoacoara Ceara Brasil
- Sunrise over the coast in Huatulco, Oaxaca, Mexico
- Windmill shrouded in fog at a farm outside of Walker, Iowa
- Boat BW PB Barco Texture Beautiful Fishing
- Coastline in Huatulco, Oaxaca, Mexico
- Rusty rails with fishplate, Kojonup
- Sea and rocks, Plimmerton, New Zealand
- Beach at Big Sur, CA
Quote
Cite

Cover block with background image

The file block has a setting that lets us show or hide a download button with editable text:

File Block PDF Download

File Block PDF

Video blocks have settings for showing and hiding the playback controls. Use autoplay and playback controls responsibly.

This is a video block caption.

The video block below is muted and has a poster image that displays before the video starts:
Keep Reading →
Block, Media

Block category: Embeds

This post tests various embed blocks:

November 1, 2018

This post tests various embed blocks:

WordPress 5.0 Beta 2 https://t.co/Bn5QRqAwLN
— WordPress (@WordPress) October 30, 2018

Twitter, wide width

YouTube

View this post on Instagram

WordPress TV, full width

Keep Reading →
Block

Block category: Widgets

The Archive Widget: The same Archive widget but as a dropdown: The Category widget block has an additional option for showing category hierarchies: The Latest Comments widget can display or hide the avatars, the date, and the comment excerpt: Here is an example of the Comments widget with all the options disabled. The number of…

November 1, 2018
This is a shortcode widget.

The Archive Widget:
The same Archive widget but as a dropdown:

Archives

The Category widget block has an additional option for showing category hierarchies:
- Acts of Good (1)
- Art (3)
- Block (5)
- Business (3)
- Cat A (1)
- Cat B (1)
- Cat C (1)
- Celebrity (9)
- Climate Change (1)
- Community (37)
- Culture (12)
- Democracy (2)
- Disability (1)
- Edge Case (6)
- Education (25)
- Education & Information (4)
- Equality (1)
- Family (43)
- Fashion (1)
- Fatherhood (2)
- Foo A (1)
- Foo Parent (1)
  - Foo A (1)
- Friendship (2)
- Golden Years (3)
- Health (25)
- Heroes (3)
- History (Education) (2)
- Humor (20)
- Identity (5)
- Innovation (3)
- Internet (24)
- Joy (92)
- Kids (3)
- Learning (8)
- Love Stories (3)
- Markup (6)
- Media (3)
- Mental Health (10)
- Modern Families (14)
- Most Shared (1)
- Motherhood (6)
- Music (6)
- Nature (2)
- 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)
- Parenting (18)
- Pets (14)
- Planet (1)
- Policy (2)
- Politics (2)
- Pop Culture (50)
- Popular (155)
- Post Formats (12)
- Public Health (3)
- Science (14)
- Sponsored (3)
- Sponsored Article – No Video Player (1)
- sub (1)
- Sustainability (4)
- Teachers (7)
- Technology (2)
- Television (9)
- Template (10)
- Top Splash (2)
- Uncategorized (13)
- Unpublished (2)
- Wellness (9)
- Women's Health (2)
- years (1)
The Latest Comments widget can display or hide the avatars, the date, and the comment excerpt:
1. A WordPress Commenter on Hello world!December 12, 2025
  Hi, this is a comment. To get started with moderating, editing, and deleting comments, please visit the Comments screen in…
2. John Doe on Edge Case: No ContentMarch 14, 2013
  Having no content in the post should have no adverse effects on the layout or functionality.
3. Jane Doe on Protected: Template: Password Protected (the password is “enter”)March 14, 2013
  Password protected
4. Jane Doe on Template: CommentsMarch 14, 2013
  Thanks for all the comments, everyone!
5. John Doe on Template: CommentsMarch 14, 2013
  We use these tests all the time! Killer stuff!
Here is an example of the Comments widget with all the options disabled. The number of comments has been reduced to two.
1. A WordPress Commenter on Hello world!
2. John Doe on Edge Case: No Content
And here is the Latest Posts widget in the list view, with dates:
- Hello world!December 12, 2025
- ‘Reading Rainbow’ has finally found its new host—beloved librarian Mychal ThreetsOctober 1, 2025
- British stand-up comic shows what English would sound like if we pronounced silent lettersOctober 1, 2025
- Millennials sound off of the 10 ‘cringe but correct’ hills they’re willing to die onOctober 1, 2025
- 11 helpful services your Costco membership offers that you might be missing out onOctober 1, 2025
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:
Keep Reading →