WordPress Block Editor Essentials: Master the Gutenberg Workflow

Are you frustrated with the block editor? This short video will help you master the interface, workflow, settings and shortcuts of the Gutenberg editor.
You'll learn how to add, group and reorder blocks. Special shortcuts to add common blocks quickly. How to access the block and post settings panel. And even special tricks like nesting multiple blocks inside a Shortcode block.
I'll show you how to save custom-designed groups as reusable blocks and how to reuse and edit them on other posts.
And finally, learn how to extend the Gutenberg editor with other free plugins to add dozens of new blocks and templates, for free.
Recommended block plugins:
- Ultimate Addons Gutenberg: ultimategutenberg.com/
- Kadence Blocks (Free): www.kadenceblocks.com/
- Generate Blocks (layouts and grids): generateblocks.com/
- Genesis Blocks (make custom blocks): www.studiopress.com/genesis-b...
👉 Tools & Plugins I Use
-----------------------------------------------
• Hosting: Cloudways buildthatwebsite.com/cloudways
• Theme: Generatepress - buildthatwebsite.com/generate...
• Page Builder: Elementor Pro - buildthatwebsite.com/elementor
• Site speed & Optimization: WPRocket - buildthatwebsite.com/wprocket

[@darinjohnson3671]

I love your content 🙂 I am moving to Generate Press, so love it. I have attempted other Block editors l ike Kadence and I have the full life time with Kadence, but I will prefer Generate Press.

[@martinkaspar5095]

Your skillful teaching, masterful organization, and exceptional thoroughness are more than appreciated. Can't thank you enough!!! Love how well you structured this video. SOOO high quality. Wowzers😳♥♥♥

[@BuildThatWebsite]

This comment made my day when I saw it. Thank you!

[@jfiosi]

Glad to see the detailed step by step instructions. Thanks!

[@BuildThatWebsite]

Glad you found it useful. Gutenberg is still pretty young, but I think in a couple years it's going to be completely awesome. There are already so many great addons and blocks available for free.

[@scotimages]

Another great video. I so wish I had this video when I switched form the classic editor! Again I will embed this video in my club website . Many thanks!

[@BuildThatWebsite]

Thanks again! Are there any other videos 'you wish you had?' I'm always looking for new tutorial topics.

[@irritablysavvy]

Really nice overview. Lots of bad long block editor videos on TH-cam. This is not one. Nicely done.

[@jeanpoole]

Thanks for suggesting this video over at Reddit, Matt! Block tips appreciated!

[@BuildThatWebsite]

I'm glad you found it helpful. Welcome to the channel! Let me know if you have any requests/suggestions for future videos.

[@GioMdeM]

This is gold!

[@mrb8775]

Awesome video, and channel! Thanks :)

[@BuildThatWebsite]

Thank you!

[@gpuleo75]

I am not sure when i subscribed, but i am surely happy i did. That was a great video.

[@BuildThatWebsite]

Thanks! What else would you like to learn? I'm always looking for more video ideas.

[@gpuleo75]

Something i have never seen is an over the shoulder research for article content and transform it to your own. People say it takes them 2 hours to write the draft. It takes me 2 days just to learn about the keyword topic and 2 more to write about it.

[@BuildThatWebsite]

This is a great idea, and something I struggled with when I was first starting out 10 years ago. Once I started writing content for specific keywords my traffic grew much faster.
So to clarify, you'd be interested in the process of going through:
1. Keyword research
2. Content Outline
3. Actual content creation and keyword usage
4. Additional on-page optimization like headings and meta titles?
What sort of site are you writing for? Blog, affiliate site, business/product or something else?

[@BuildThatWebsite]

In the meantime, I want to recommend Backlinko's new SEO hub. It's a massive library of well-organized guides on SEO, content creation and keyword research. It's incredibly valuable and completely free
backlinko.com/hub/seo

[@gpuleo75]

@@BuildThatWebsite Yes! That would be great

[@thomasoconnor2903]

Hey Matt, good video. I used to hate Gutenberg and now I love it. Your new channel will grow, stick with it. You wouldn't happen to be a Project 24 Member, are you?

[@BuildThatWebsite]

Thanks Thomas, glad you found it useful. Nope, I'm not part of Project 24 or any IS projects.

[@bananaboy78member40]

Hi... tq for the great video. May I ask, how do we overlap the blocks? Is there a video for it?

[@BuildThatWebsite]

I don't have a video on it, but this Elementor developer has a good one: th-cam.com/video/9hKnT_ahRxg/w-d-xo.html

[@brightonmusic]

Great explanations! If I group some paragraphs, how can I put a border around the group?

[@BuildThatWebsite]

You can either add a class name to the group, like 'gray-border' and then make a CSS rule:
.gray-border {
border: 1px solid #ddd;
}
or you can use a plugin like GenerateBlocks (free) which makes it incredibly easy to add border and spacing around any block (or multiple blocks) by using a 'container' block.

[@brightonmusic]

@@BuildThatWebsite Thank you! Since I'm still trying to understand how and where to apply CSS, I'll go with the plugin you specified.

[@MichaelRobertsreloaded]

How do I format text in the block when I paste a text?

[@affiliatemarketingwithbrye]

Great teacher... Very smooth style.

[@BuildThatWebsite]

Thank you! 😃

[@kensleylewis]

how did your heading block in edit mode, know which type of font-family to load for your header?

[@BuildThatWebsite]

My theme loads its fonts in editor mode.

[@iSohaibKhan]

How we can create an ecommerce store with gutenberg?

[@BuildThatWebsite]

woocommerce.com/products/woocommerce-gutenberg-products-block/

[@kensleylewis]

how do we add a block inside a list item?

[@BuildThatWebsite]

This plugin is the only method I know without custom coding it:
wordpress.org/plugins/superlist-block/