If you have recently joined the WordPress bandwagon you likely are already working with the newest editor Gutenberg.
What is a Gutenberg Block?
You likely already know some of them but the standard list of default blocks are below, I’ve bolded my favourites.
Data and Text Options
- Heading – Add heading text like h2, h3, h4
etcto help keep your sections and content organized for your readers and search engines to understand your content.
- List – adds a bulleted or number lists (like this one) 😉
- Paragraph – a Basic building block for text
- PullQuote – Gives special visual emphasis to a quote from your text.
- Quote – gives the quoted text visual emphasis
- Table – inserts a table for sharing charts and data
- Verse – Inserts poetry and special formatting and spacing, or quote song lyrics.
- Columns – add a block that displays content in multiple columns, then add other blocks within it.
- Media & Text – lets you put words and pictures side by side for a richer layout
- Page Break – lets you separate a post into a multip page experience
- Preformatted –
addstext that retains the spacing and tabs, which also allows additional styling
- Separator – creates a visual break between ideas or sections with a horizontal separator
- Spacer – adds white space between blocks and customize it’s height
- Audio – Embeds a simple audio player
- Cover – adds an image or video with a text overlay – great for headers!
- Embed – lets you embed videos, images, tweets, audio and lots of other content from an external source
- Gallery – displays multiple images in a rich gallery
- Image – inserts a photo from your Media Library
- Video – Embeds a video from your media library
- Archives – displays a monthly archive of your posts
- Button – prompts visitors to take action with a custom button
- Categories – Displays a list of all your categories
- Classic – use the classic WordPress Editor.
- Code – display code snippets that respect your spacing and tabs
- Custom HTML – lets you add any custom HTML and preview it as you edit it.
- File – Adds a link to a downloadable file.
LastestComment – Displays all your most recent comments
- Latest Posts – displays a list of your most recent posts.
- More – lets you define how much of an excerpt of your post is shown on your home page.
- Shortcode – insert additional custom elements with a WordPress shortcode
Why you should convert to Gutenberg from Classic Editor
Gutenberg has a number of features that I find to be rather useful, including the fact that the Gutenberg blocks are easy to move around and format on the fly. Add to that the multiple types of content and media that no longer requires an additional plugin or shortcode and with the introduction of reusable blocks, you no longer have to keep that one snippet of code handy when composing or updating your posts. Simply insert the saved reusable block where ever you want it and your done, no more copy and paste and hope you grabbed the right one.
I personally love the reuseable blocks for things like my Newsletter sign up forms, and Affiliate Disclosures I format them once in the first post that I added them into and then save them for use later. If I ever need to update them I do so from the new Reuseable blocks menu and my whole site updates. No more going through each and every post to update the statement on each one individually.
Or change newsletter service providers? Add the new sign up form to the Newsletter Reuseable block and presto, what took us 3 hours last time now took 5 minutes. The time savings is awesome.
One of the other features I like is the new block editor menu to the right of your screen. Some of the setting I never use, but things like Alt text on images is now less effort to update making it simpler to keep your posts SEO friendly.
Add to that, most of the plugins that I’ve used with Classic are all compatible with Gutenberg, some even have some extra blocks available that help keep the functionality simple to add to each post. And in some