Blog

WEBFI-WordPress-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/
====================================

Use Promo Code WPBVIP
►Best WordPress Contact Form Plugin https://wpforms.com/wpbeginner
►Best WordPress Analytics Plugin https://www.monsterinsights.com/
►Best Lead Generation Plugin https://optinmonster.com/
►Best WordPress SEO Plugin https://aioseo.com/
►Best Landing Page Builder for WordPress https://www.seedprod.com/
►Best WordPress Giveaway Plugin https://rafflepress.com/

–Related Videos–

►WordPress Tutorial – How to Make a WordPress Website for Beginners https://www.youtube.com/watch?v=DvbFBxKcORA
►WordPress Gutenberg Tutorial: How to Easily Work With the Block Editor https://www.youtube.com/watch?v=JjfrzGeB5_g
►What is SEO and How Does it Work? https://www.youtube.com/watch?v=JjfrzGeB5_g
►How to Install a WordPress Theme https://www.youtube.com/watch?v=ZIPQRQLAz90

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

38 Comments

  • Waupaca Chain O' Lakes on March 24, 2021

    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

  • Waupaca Chain O' Lakes on March 25, 2021

    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 –

  • Francesca Barone on March 26, 2021

    Really helpful overview – thanks very much

  • Manav Jain on March 31, 2021

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

  • John Coonen on April 3, 2021

    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?

  • shailu on April 20, 2021

    very informative

  • Best MLM DXN on April 21, 2021

    Hello ma'am,

    In Classic editor, we had Visual and Text option.

    But in Gutenberg, I see only normal visual like editor.

    In Guttemberg, how we can get html version of any contents written so that we may be able to modify according to our requirements ?

    In Classic editor, we use to write contents in Visual Tab and if we wanted html option of any contents, we use to Text Tab, copy the html and modify according to our requirements.

    Please help.

    With regards,

    Vivek Kumar

  • arunnc on April 29, 2021

    You are a PRO. I am super confused on what to do with my blog as I was not happy with its layouts. But this video helped me. I was using elementor in blog post and it was driving me crazy. I will stick with Gutenberg feature. thnx

  • Stephanie Palmer on May 2, 2021

    This tutorial was quite helpful! I was excited to learn about adding a featured image and also about the media & text block! Can't wait to use them:)

  • Fabio Cardoso on May 6, 2021

    This is a brilliant tutorial. I was using classic editor until today, because I didn't like the new block editor.. well, because I didn't know it! Now I am really excited! Classic editor is gone for me. Thank you very much.

  • ESC Victor_08 on May 18, 2021

    Now this is what I call a tutorial!! So well explained and presented, great job!

  • Terje Skuggen on May 20, 2021

    "Everybody loves an orange button" 😂 I don't, but since it's WPB I get your point. Thanks for the refresh. I've become a bit rusty.

  • Ashraf Mahmud on May 25, 2021

    Super helpful! pasting the embedded content and dragging things seems to be most useful ones.

  • Old School on June 4, 2021

    Very good. Thanks!

  • Flabby Bum on June 4, 2021

    I'm to put together an online newsletter for a small local charity I volunteer with, and this is just what I needed. Very clear and helpful. Thank you.

  • BananaBoy78 Member on June 7, 2021

    Hi there, tq for the great video. May I ask, how to create overlapping columns ? I want two images to overlap a bit, but I could not find any padding or margin function …

  • Think Write on June 10, 2021

    really thankful for this amazing guide

  • Graham Peckham on June 18, 2021

    Hi, it may seem a stupid question…. but how do I find Gutenberg on my Latest V 5.7.2? I have no indications of it. If I make a new page or post it comes up with the classic editor only.

  • M. LaVora Perry on June 24, 2021

    Thanks so much! I've been dreading converting to Guttenberg. Now I'm not! There are a lot of great ease-of-use features.

  • Rohit Sharma on June 28, 2021

    PLEASE make a playlist named Gutenberg Blocks and keep updating it with new videos as WordPress releases new blocks.

    WordPress is adding features really fast and it's hard to catch up.

  • Richard Albright on July 8, 2021

    I miss the classic editor. My drafts and preview page in the block environment are quite different and fixing them has become a thing worse than a child's under-bed monster.

  • Raihan Jamil on July 13, 2021

    Thank you for this. Two quick questions please. 1. How can I link a pdf file in a paragraph block? 2. How can I organize my images into folders in my media library? Thank you!

  • Cristi Jenkins on July 16, 2021

    Thanks for posting. I had used the classic editor for years and was almost ready to ditch WP when I tried to make a recent post. Thanks for the info.

  • 1gk wc6 on July 19, 2021

    Thank you Christina, I am an avid fan of yours.
    I have search both plugins and wordpress.org for:
    Advanced Gutenberg – Blocks, Permissions, Layouts, Forms and CSS Styles
    but I canot find the one by: Advanced Gutenberg ?

  • Lisa Fuller on July 23, 2021

    Complete beginner here so this might be highly common sense question 🙂 when you want to create web page templates like the kind you can buy on etsy is that straight coding to create those?

  • Zedetach on July 24, 2021

    How do I add footnotes?

  • Rich B. on July 25, 2021

    Hi, great video. What I'm wondering though is how can I reduce or elimate spacing between some blocks if I want to?

  • Douglas Barbosa on July 25, 2021

    Does the title has any config? Like font size, text alignment, color…? I see there's just one single way to write titles… Thanks!

  • Osama on August 11, 2021

    do I like madam ofc I would like

  • Virgil Vergara on August 13, 2021

    Its easy to add a block and reuseable block, etc. But how do you delete a block? So frustrating….

  • Educated Professional on August 17, 2021

    Someone please tell me why my wordpress page doesn't look like that. How do I access the Gutenberg side of things. I have envato newsroom theme

  • LenArnie on August 31, 2021

    So me, as a theme dev, i dont need do something, bcs everything is done 😀 okay

  • Obus on September 2, 2021

    I'm a beginner at this so barring the use of CSS , the editor doesn't seem to give you a lot of control over placement of objects or spacing between them.

  • Solid Web Tools on September 3, 2021

    This is one of the best tutorials on the block editor that I have come across. You always explain things in such an easy to understand and follow method. Thanks, and keep them coming. 🙂

  • Metropolitan Baptist Church on September 8, 2021

    You didn't show how to sign out… it took me agaes to NOT find it!!

  • American Accent Institute on September 30, 2021

    Amazing

  • Carlos Reyes on October 4, 2021

    thanks a bunch!

  • Bim Bims on November 16, 2021

    after watching your video, now i understand why i should stay on classic editor

    Thank you!

WhatsApp us
Live Chat

Office hours operation Mon-Sun 8:00 am ET – 4:00 pm ET

To start your Premium WP or Cpanel service, use our domain search engine, if the domain you want is available, contact us by Whats app to activate your project.

The easiest, fastest, and most secure way to communicate with us.
loading
Please enter your domain.
Please verify that you are not a robot.

Terms Privacy

 

 

error: WEBFINET SECURITY IS ON