WordPress Gutenberg Tutorial: How to Easily Work With the Block Editor



Are you looking for an easy tutorial on how to use WordPress Gutenberg editor? We’ll show you how to use Gutenberg to create your posts in WordPress.

And we’ll cover some of the most popular blocks like the paragraph, image, and link block. We’ll also highlight a few Gutenberg blocks like the Cover page and the Gallery block.

And did you know that many plugins like WPForms use blocks to easily integrate their plugins with your post or pages.

This video is brought to you by WPForms, the easiest to use drag and drop form builder on the market.

Head over to to get the best discount on WPForms

====================================
https://wpforms.com/wpbeginner/
====================================

You can read more about the Gutenberg block editor from our written article here:
https://www.wpbeginner.com/beginners-guide/how-to-use-the-new-wordpress-block-editor/

0:00 Intro
0:28 Difference between Gutenberg block editor and Classic Editor
1:21 How to add a block in Gutenberg
2:13 Working with blocks in the editor
5:50 Saving and reusing blocks in Gutenberg
7:38 Publishing and managing options in Gutenberg block editor
9:06 Plugin options in Gutenberg
10:30 Adding an image in WordPress block editor
10:44 How to add a link in Gutenberg block editor
11:16 How to add an image gallery using Gutenberg
12:18 Exploring new content blocks in WordPress block editor
14:55 Create a table with Gutenberg block editor in WordPress
16:09 Adding columns to the block editor
16:40 Bonus tips on using Gutenberg like a Pro
18:46 Can I still use the classic editor in WordPress?
20:25 What is your favorite block to use with Gutenberg?

And if you’r looking to grow your website, then make sure you watch this video where we show you 11 ways to grow your traffic.

If you liked this video, then please Like and consider subscribing to our channel here for more WordPress videos.
https://www.youtube.com/subscription_center?add_user=wpbeginner

Join our group on Facebook
https://www.facebook.com/groups/wpbeginner

Follow us on Twitter

Check out our website for more WordPress Tutorials
http://www.wpbeginner.com
#WordPress #WordPressTutorial #WPBeginner

source

29 thoughts on “WordPress Gutenberg Tutorial: How to Easily Work With the Block Editor”

  1. Thanks. The Gallery block looks really good. So easy to make it look so nice. The default WordPress gallery hadn't changed that much in 8 years or so. New gallery block looks lovely.

  2. Hi
    i'm gonna make my home page with gutenberg blocks in the grid layout or the list layout.
    i can make this but it shows for example 5 out of 20 the posts in the grid layout and don't show the other posts
    how can i make it like blogroll (latest post) so that show my recent post and show all of the other posts
    for example 5 posts per page. in other words, 5 posts in one page and 5 posts in next page and so on
    thanks in advance

  3. somehow I cannot manage to insert in-paragraph script from AdSense in this new Block Editor. Can anyone help? I tried using the Insert Script option but it won't load out any ads – instead just the script being shown at the published page.

  4. Thanks a lot for this great video, as usual, please I would like to ask about the responsive mode, how to check the view for mobile, or a tablet?it was already there in the classic editor, could you please advise what is the preferred size of the featured image for a post? please accept my gratitude.

  5. I am having issues with uploading multiple images at once in a post. If a post contains 20+ images then I have to create 20 image blocks and make settings like align center. I would like to know if there is any way to batch upload images in a post and then adjust them where they belong????

  6. Do I need to remove elementor if I use this? Bcz when I click edit post the window opens I see blocks on the left and on the middle there’s Edit with elementor….. so if I click any block it does appear , it doesn’t do anything

  7. I had classic installed and now I'm seeing that my Text editor does not work. Only the visual editor. Any idea why? And, is there a way to duplicate an article so that I can play around with it without messing up my original article, if that makes sense. It performs well and I don't want to mess it up but I want to improve it. And then how do I copy it back into the original post? Thank you.

  8. I've checked out some other Gutenberg tutorials and this was the best. I've used classic WP for years but just set up a dev Gutenberg site. I was most impressed by the new tables features. In classic WP I had to build and paste in html and it still never looked great. Gutenberg looks very promising! Thanks for posting.

Leave a Reply

Your email address will not be published. Required fields are marked *