Confused as to what Gutenberg is all about? Check out Tutorial 1- What is Gutenberg and Why Should I Care?
Writing a Post or Page in Gutenberg
When using Gutenberg to write a post or page you need to understand what blocks are and how they are used to format your content. Blocks represent the different types of data you can insert into your content. The blocks are broken down into categories as listed below.
Most Used Blocks Include:
Paragraph | Image | List |
Cover Image | Heading | Gallery |
Quote | Audio | File |
Common Blocks Include:
Cover Image | Subheading | Video |
Formatting Blocks Include:
Code | Classic | Custom HTML |
Preformatted | Pullquote | Table |
Verse |
Layout Blocks Include:
Button | Columns (Beta) | More |
Page Break | Separator | Spacer |
Widget Blocks Include:
Shortcode | Archives | Categories |
Latest Comments | Latest Posts |
Embed Blocks Include:
Embed | YouTube | |
WordPress | ||
SoundCloud | Spotify | Flickr |
Vimeo | Animoto | Cloudup |
CollegeHumor | Dailymotion | Funny or Die |
Hulu | Imgur | Issuu |
Kickstarter | Meetup.com | Mixcloud |
Photobucket | Polldaddy | |
ReverbNation | Screencast | Scribd |
Slideshare | SmugMug | Speaker |
TED | Tumblr | VideoPress |
WordPress.tv |
To add a block to your post or page click on the circle + icon on the top toolbar and then choose which block to add. To remove a block, select the block in your content you wish to remove and click on the three vertical dots that appear to the right and choose remove. You can also move the blocks around easily by clicking and dragging them or clicking on the up and down arrows to the left of the block.
One of the great things to come from Gutenberg is reusable blocks. If you find yourself using the same data on multiple pages you can save the block and reuse it on other pages. No need to recreate it every single time. This works for posts too. If you create the reusable block when writing a post, you can then use that reusable block when writing a page as well.
Now that you’ve learned that blocks are the foundation of Gutenberg, you’re ready to for Gutenberg 101-Tutorial 3: Post, Page, and Block Settings in Gutenberg.