Blocks are the components for adding content in the WordPress block editor. There are many different block types available for you to use. Here is the complete list of the available blocks.

1. Typography

The Paragraph Block is the default block type for text added to the editor. It is probably the block you will use most. Headings can help structure your page and make your content more readable by humans as well as search engines.

Documentation:
https://wordpress.com/support/wordpress-editor/blocks/paragraph-block/ https://wordpress.com/support/wordpress-editor/blocks/heading-block/

Heading H1 ― What’s the secret to writing a great headline

Now, the visitor knows exactly what he or she is getting and what you are going to do with their information. Be friendly and welcoming, but don’t go overboard: too much niceness can come across as being insincere and manipulative!

Heading H2 ― Another really great headline at a slightly smaller size

You might think that the best way to go about reducing friction is by simplifying your form as much as possible, but this isn’t always feasible. If you’re asking your customers to provide a lot of information, they may feel overwhelmed and not want to fill out the form at all.

Heading H3 ― Give the reader a bit of something to read and dig into

Instead, try testing different iterations of your form to see which one works best for your visitors—and then stick with it. Make sure every step in the process is clear and easy-to-follow; include helpful explanations where necessary; and make sure there are no unnecessary distractions (like popups) on either mobile devices or computers.

Heading H4 ― A headline at an h4 size will be even smaller yet

The first thing to remember is that you should use visuals sparingly, and only if they are appropriate. For example, if you’re selling a product or service that requires a visual demonstration of how it works, then an image would be helpful in explaining the benefits of your product or service.

Heading 5 ― Give your visitors something to chew on with another headline

However, if you offer something like a consultation service—where there isn’t an obvious visual element—then including images may not be worth it. In some cases, this might even distract visitors from the main point of their visit: for example: “I’m here to learn about your business.”

Heading 6 ― With a little bit of nice text here at the h6 size, you can create an intro section

Your visual design should be consistent with your brand and values. Your brand is the personality of your company, so it’s important that the look and feel of your website reflect that personality. It should also match how you want to be perceived by customers.

2. Separators and Spacers

If you would like to separate two blocks of content by a line, the Separator block is what you are looking for. 

Documentation: https://wordpress.com/support/wordpress-editor/blocks/separator-block/

If you feel like you’d like to see more space in between two blocks, the Spacer Block is what you are looking for. 

Documentation: https://wordpress.com/support/wordpress-editor/blocks/spacer-block/

3. List Blocks

Use the List block to create a bulleted or numbered list.

Documentation: https://wordpress.com/support/wordpress-editor/blocks/list-block/

• Bushwick scenester small batch pug cliche plaid.
• La croix fixie copper mug cred austin four loko.
• Four dollar toast locavore craft beer
• Blog VHS photo booth fashion axe glossier. Pop-up irony semiotics blog.

1. Bushwick scenester small batch pug cliche plaid.
2. La croix fixie copper mug cred austin four loko.
3. Four dollar toast locavore craft beer
4. Blog VHS photo booth fashion axe glossier. Pop-up irony semiotics blog.

4. Quotes

Adding quotes can help you highlight great reviews from your audience or phrases that inspire you.  

Documentation: https://wordpress.com/support/wordpress-editor/blocks/quote-block/

“Good design is actually a lot harder to notice than poor design, in part because good designs fit our needs so well that the design is invisible,”

 — Don Norman, The Design of Everyday Things

“If you can make a compelling argument, and win enough minds, and if you can transform various parts of our world sufficiently, then the moment belongs to you.”

 — Debbie Millman, Brand Thinking and Other Noble Pursuits

5. Pullquotes

If you want to add emphasis to a piece of text in your post or page, the pullquote block can quickly and easily make short snippets look beautiful.

Documentation: https://wordpress.com/support/wordpress-editor/blocks/pullquote-block/

6. Tables

The Table Block allows you to easily create a table in any post or page.

Documentation: https://wordpress.com/support/wordpress-editor/blocks/table-block/

7. File Download

The File block allows you to place a download button for documents and other files on your website.

Documentation: https://wordpress.com/support/wordpress-editor/blocks/file-block/

8. Buttons

Use the Buttons block to prompt visitors to take action with a button-style link. Your button can link to other pages on your site or an external page. It’s great for calling attention to the most important thing you want your visitors to do.

Documentation: https://wordpress.com/support/wordpress-editor/blocks/buttons-block/

Button Examples