• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

virusword.com-Wordpress

Learn Wordpress

  • Home
  • WordPress Shop
    • Fotopress
    • SEO Tool Kit
    • Social Contact
    • Tag Machine 2
    • Video Profits
  • Latest News
  • WordPress
    • Plugins
    • Themes
    • Tutorials
    • Videos
    • Woocommerce
  • About Us
  • Contact Us
    • Terms of Service
    • Privacy Policy
  • Show Search
Hide Search
Home/Videos/WordPress Gutenberg Tutorial: How to Easily Work With the Block Editor

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.
https://www.youtube.com/watch?v=etFpn5HohUg&list=PLOmYFHk0WYaseFFmK6tLbKSiPgNwS6t6t

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

— Related Content —

-WordPress Tutorial [UPDATED] – How to Make a WordPress Website for Beginners https://www.youtube.com/watch?v=DvbFBxKcORA

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

Follow us on Twitter
http://twitter.com/wpbeginner

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

source

Written by:
Abdul Wahid
Published on:
April 10, 2021

Categories: VideosTags: gutenberg, gutenberg demo, gutenberg wordpress editor, wordpress block editor, wordpress gutenberg blocks, wordpress gutenberg tutorial, wordpress tutorial, wp editor

Reader Interactions

Comments

  1. John Coonen

    April 10, 2021 at 1:11 pm

    How do I add content to columns, and flow content from one column to the next, rather than having to post separate content in each column?

  2. Manav Jain

    April 10, 2021 at 1:11 pm

    the plus button on the top left corner and in block setting ,it is asking to select block,what should I do?

  3. Francesca Barone

    April 10, 2021 at 1:11 pm

    Really helpful overview – thanks very much

  4. Waupaca Chain O' Lakes

    April 10, 2021 at 1:11 pm

    So much good stuff here – learning blocks for the first time so very helpful – converting for the classic – just wish there was an index so when i want to see XYZ again i can just go there –

  5. Waupaca Chain O' Lakes

    April 10, 2021 at 1:11 pm

    Excellent job explaining all this – i come from years of using the classic editor but easy to see this new block way is going to be really helpful – biggest thing is picture gallery thanks and good job

  6. Tim Richardson

    April 10, 2021 at 1:11 pm

    I have blocks rendered on my page that I can't access in the WPB editor – is that a reusable block?

  7. Nitin Chipkar

    April 10, 2021 at 1:11 pm

    I am from India 🇮🇳
    Nice video

  8. chris dilworth

    April 10, 2021 at 1:11 pm

    Just what I needed. Great video.

  9. naveen reddy

    April 10, 2021 at 1:11 pm

    Thanks for this helpful video.

  10. Cypress Butane

    April 10, 2021 at 1:11 pm

    Great tutorial! Definitely will help me make better blog posts, so thank you!

  11. Cynthia McInvale

    April 10, 2021 at 1:11 pm

    Thank you so much for this tutorial! I am new to the Block Editor, and I found this very helpful! I will be needing a Recipe Block. Is there such a thing, or is there a plugin that you recommend that works well with the Block Editor?

  12. Just 1 Minute

    April 10, 2021 at 1:11 pm

    You present very well. Thank you.

  13. Museum Trade

    April 10, 2021 at 1:11 pm

    PS, It's my understanding that they are squishy on the sunsetting of Classic Editor. If enough of us say NO, then they will continue to support it (is my guess/hope).

  14. Par1s4

    April 10, 2021 at 1:11 pm

    Great tutorial! Thanks!

  15. Tamas Amon

    April 10, 2021 at 1:11 pm

    Which theme do you use in this tutorial?

  16. Gardenia Limo

    April 10, 2021 at 1:11 pm

    V. good tutorial. thank you

  17. Scott B

    April 10, 2021 at 1:11 pm

    Enjoyed the tutorial. Gutenberg's been out for a couple of years at this point and I'm just getting around to understanding it better.

  18. Sharon Eisenberg

    April 10, 2021 at 1:11 pm

    Excellent tutorial. Thank you!

  19. Ivars Boss

    April 10, 2021 at 1:11 pm

    Nice video. Is the page title an H1 tag? And if so, what happens if I use a template with an H1 tag?

  20. Aisha Wilson

    April 10, 2021 at 1:11 pm

    I am currently at WordPress 5.6.1. however, I am still seeing the classic editor. Do I have to install a plugin to see this new editor?

  21. Jay Steve

    April 10, 2021 at 1:11 pm

    How to set fullwidth banner? for homepage

  22. soulstice99

    April 10, 2021 at 1:11 pm

    i find it hard to use the block editor when editing a purchased theme. It can get messy. Anyway, thanks for the tutorial. Gotta learn this.

  23. NeverNeverNet Media

    April 10, 2021 at 1:11 pm

    Yeah really good vid. Been dodging Gutenberg for a while but needed to get up to date with it quickly and your vid got me there. Cheers!

  24. cocochicone

    April 10, 2021 at 1:11 pm

    Thank you for this video. It was very clear and helpful 😊👍🏾

  25. Angela Green

    April 10, 2021 at 1:11 pm

    So helpful. Thank you so much!

  26. Razorsharpedge

    April 10, 2021 at 1:11 pm

    How do I write a poem with blocks? I tried the “Verse” block but that gives me some old typewriter font with a greyed out background. And could you tell me how I can change line spacing so I don’t see empty lines between my sentences? And when I hit “return” on my keyboard it creates a new block rather than a new sentence. Why? Was this mainly created for the use of images or commercial websites?

  27. Caleb O'Loan

    April 10, 2021 at 1:11 pm

    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.

  28. Rohit Vishwakarma

    April 10, 2021 at 1:11 pm

    I want to make a block take up the entire width of the screen. Please tell me how to do that

  29. j javid

    April 10, 2021 at 1:11 pm

    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

  30. Sharon Johnson

    April 10, 2021 at 1:11 pm

    This was super helpful. Thank you. You have a wonderful teaching style…easy to follow 😊

  31. Ez-Bizwebs

    April 10, 2021 at 1:11 pm

    Just ran across your Gutenberg tutorial, wow super helpful and easy to follow. Thanks so much!

  32. Regis Coustillac

    April 10, 2021 at 1:11 pm

    Excellent video…thank you!

  33. Andy H. Tu

    April 10, 2021 at 1:11 pm

    How do you wrap text around images? I can't seem to figure that out with the block editor.

  34. Yellow Ruler Marketing

    April 10, 2021 at 1:11 pm

    Great video, thank you

  35. John Nichols

    April 10, 2021 at 1:11 pm

    A very helpful tutorial. Thank you for taking time to create this and for sharing your knowledge.

  36. That Indonesian Dude

    April 10, 2021 at 1:11 pm

    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.

  37. Maged KAMEL

    April 10, 2021 at 1:11 pm

    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.

  38. Shaista Farooqi

    April 10, 2021 at 1:11 pm

    The best tutorial ,very straight forward without any confusion. Thanks a lot.

Primary Sidebar

Wordpress

  • Latest News (284)
  • Plugins (323)
  • Themes (331)
  • Tutorials (414)
  • Videos (844)
  • Woocommerce (421)

Recent Articles

How To Create Custom Post Types & Custom Fields On WordPress-Tutorial-Elementor Pro -Hindi

In this tutorial, I'll show you how easy it is to …

Continue Reading about How To Create Custom Post Types & Custom Fields On WordPress-Tutorial-Elementor Pro -Hindi

ecommerce website bangla tutorial | woocommerce store bangla tutorial | Martfury theme | part-01

Theme : …

Continue Reading about ecommerce website bangla tutorial | woocommerce store bangla tutorial | Martfury theme | part-01

Search our site

Explore more

Get our Wordpress Guide Get Plugins Get Connected

Footer

VirusWord by Promaps, Inc.

Barnes Place
Colombo 7, Western 00700

Copyright © 2023 · Promaps, Inc.

Keep In Touch

  • Email
  • Facebook
  • Instagram
  • Pinterest
  • Twitter