How to use WordPress Block Editor (Basic Gutenberg Tutorial)

Learn how the WordPress Block Editor in this WordPress Gutenberg Tutorial - so you can start writing and editing your pages and posts quickly and easily.

//RESOURCES

--- ⚒ // TOOLS // ⚒ ---

The following are the tools I use and highly recommend. Some of these are affiliate links I earn a commission from, but this is what I use and swear by!

📺 USED FOR MY VIDEOS:

🖥 WEBSITE / WORDPRESS BLOGGING

📩 EMAIL NEWSLETTER:

😍 DESIGN & PHOTO EDITING:

FREE PHOTOS:

// LEARN MORE

🔗BEGINNER COURSE
Build a website, set up your presence online and start earning money:

// CREATOR IMPACT

🤘 Follow Creator Impact on Social Media!

// TIMESTAMPS

0:00 - Introduction to Block Editor
1:44 - Basic Text
6:10 - Adding Images
8:22 - Numbered & Dot Point Lists
9:35 - Styling and setting Colors
9:30 - Post/Page Properties, Save a Draft & Publish

[FilipDigital]

Thank you, really dedicated instructions with careful covering of the basics. Much appreciated, awesome work. Thank you!

[fj-revisited]

Thanks for this video. I've sent it to some clients. And a BIG thanks for pointing out the proper use of headings and explaining hierarchy. In looking for a quick overview of the block editor, I found several that pointed out to use heading markup to create bigger/smaller headings. WRONG! Also thanks for remarking on accessibility. Good, good, good! :)

[MrDeSilva]

greta take, ,very useful...thank you very much for your contribution, , you got a new subscriber here, , , cheers from the City of Knowledge at the Panama Canal

[SanJay-rjjv]

Thanks buddy. Keep up the good work. Love from India

[sefrzan]

Good intro to the block editor, thank you.

[zoemorn]

covered a fair amount, thanks. what about fonts? when i go to typograpahy, theres only 2 fonts available, i figure i must be doing something wrong as i've never seen only 2 fonts being available to an editor. i'll keep lookin but this is my 4th video on block text editing and still havent seen the topic covered. is block editing making it more difficult to access font changes on the fly?

[bipinadhikari]

Hey, thank you for this tutorial. There's one problem that's causing me a lot of frustration and making me want to pull my hair out. Could you please help me with it? The problem is that the block on the left side is in widescreen mode, with no space on either the left or right sides. It used to have space before, but I'm not sure what I updated that caused it to become completely wide. On the right side of the block, there's no issue because I have the option to edit the blocks there.

[gerathys]

I'm not really interested in upgrading. How can I revert to the previous editor. I read that it's possible, but It won't let me install the plugin. For a start, why won't the floating toolbar star on the page instead of scrolling off?

[Jamesgangcreative]

Is there any way to change the space between paragraphs? Or the space between blocks like a heading and a paragraph? I couldn't get anything to work. I was working on a column and the heading was so far away from the paragraph it didn't appear to have any relationship to the paragraph.

[PamelaPrice-le]

I am looking for a testimonial slider with one per slide, can this be done with Block Editor or do I need a plugin?

[franciscolealgonzalez]

Confusing, so, for gutenberg to work do you have to have a theme first?