How to Use the WordPress Block Editor for Beginners (Detailed Tutorial)

The Block Builder in WordPress is a powerful tool which enables you to visually design your website. However, it can be overwhelming to use, especially for beginners. With the help of this video, you will be able to understand the Block editor completely inside WordPress and use it build your websites the way you like,
⌚ Timestamps ⌚
00:00 - Introduction
00:30 - Page Structure and Title Block
01:44 - Paragraph Block
02:36 - Add Other Blocks
04:11 - Heading Block
04:35 - Delete a Block
05:18 - Block Settings
05:49 - How to Open Post and Block Settings
06:06 - Post Settings
09:23 - Block Settings
10:00 - Block Settings for Paragraph Block
15:33 - Image Block
22:13 - Image Block Floating Bar Options
23:24 - Cover Block
27:17 - Adding Links
29:39 - Image Lighbox
30:27 - Document Overview
35:57 - Button Block
39:09 - Column Block
44:16 - Table Block
46:33 - Embed Block
48:16 - Additional Tips on Using the Block Editor
49:33 - Copy Paste Styles
51:03 - Patterns
54:52 - Blocks Added By Plugins
Top Resources
⚡Use Promo Code WPBVIP⚡
►Best WordPress Contact Form Plugin wpforms.com/wpbeginner
►Best WordPress Analytics Plugin www.monsterinsights.com/
►Best Lead Generation Plugin optinmonster.com/
►Best WordPress SEO Plugin
aioseo.com/
►Best Theme Builder for WordPress www.seedprod.com/
Related Videos
►WordPress Tutorial - How to Make a WordPress Website for Beginners • 📘 WordPress Tutorial -...
►WordPress Gutenberg Tutorial: How to Easily Work With the Block Editor • 🧱 How to Use the WordP...
►What is SEO and How Does it Work? • 🧱 How to Use the WordP...
►How to Install a WordPress Theme • How to Install a WordP...
If you liked this video, then please Like and consider subscribing to our channel for more WordPress videos.
ruclips.net/user/subscription_...
Follow us on Twitter:
/ wpbeginner
Check out our website for more WordPress Tutorials
www.wpbeginner.com/
#WPBeginner #WordPress #WordPressTutorial

[@wpbeginner]

Need Help in Building the Perfect Website for your Business. Use WPBeginner's Pro Services services do the work for you.
✅ www.wpbeginner.com/services/

[@osvaldowesly9993]

I am so grateful for this video about how to use the Block Editor. Super helpful. WPBeginner videos are excellent.

[@tomspatula616]

nice tutorial

[@wpbeginner]

Thanks so much.
- Yuvraj

[@FarazHashmi21]

Thank you SiR.

[@BuddyLiptkin]

Absolutely amazing! I have watched at least 10 other videos and yours is the best. What are the chances you have a current video on how to switch to using blocks if you are currently using the Classic Editor Plugin. I am afraid to disable it until I can find a walk thru!

[@wpbeginner]

You can find our guide on that on our page below! :)
wpbeginner.com/plugins/how-to-bulk-convert-classic-blocks-to-gutenberg-in-wordpress/

[@StylishandGrateful]

Question for anyone who knows: I only have a choice to use elementor for writing. But I don't want that. Do I need to disable the entire plugin or is there a setting, so I can just WP block editor instead? Also, where is the option to get the floating box with "Short code, youtube videos, ect" I had some help on my site and now I can' t find my old wordpress post writer 😢

[@wpbeginner]

You would want to check with elementor for their current limitations with the editor but they do offer a block plugin to use with the Gutenberg editor.
wordpress.org/plugins/block-builder/

[@StylishandGrateful]

If I write in google docs and then copy and paste I can't add blocks, short code, or video into the body of the article? Does it have to be written in wordpress? Every time I try to add a block in the middle it puts it at the bottom....

[@wpbeginner]

The simplest method to add a block inbetween content would be to cut the content below where you want to add a block, add in the block then paste the content beneath your new block if your editor is putting all of the text in one block.

[@asaha177]

i cant see my template header show up on my page even though i set it in the page settings?

[@wpbeginner]

Please check both your global theme settings and the page settings for conflicts. - Yuvraj

[@Animo-zx8vf]

How about header and footer?

[@wpbeginner]

The header and footer should be able to be edited under Appearance>Customize in your wp-admin area and not in the block editor for a post or page itself.

[@kizzy_Digitalwrld]

Pls do you guys offer online courses with certificates

[@wpbeginner]

We do not offer certifications at this time and there are no official certifications at the moment.