Beginners Guide to Blocks and Gutenberg in WordPress

Welcome to a detailed overview of what Blocks are in WordPress and how to start using them.
Whether you’ve never built anything in WordPress or you’re a long time user, but never used Gutenberg and the block editor, this guide is for you.
We’re going to start with important terminology and work our way through the fundamentals of working with blocks so that you feel comfortable creating posts and pages with Blocks.
If you want to be notified when I release new content, be sure to click subscribe here on KZbin and click the link in the description to sign up for my email list. To my email list, I share my latest tutorials as well as exclusive offers and deals.
Now, let’s get started!
Learn Dynamic Data in Blocks: jonathanjernig...
Learn more about my Blocks course here: jonathanjernig...
-- More --
Join this channel to get access to sweet perks for comments and during live streams and premiers: / @permaslug
Website: permaslug.com

[@jeffreyprice2982]

Yes, I want beginners guides to generate press and generate blocks. Thank you.

[@Permaslug]

You got it!

[@NicolesReviews]

I want this too

[@teelabrown4291]

This is the first Wordpress beginners tutorial that I could actually follow. Nice job. Thank you.

[@Permaslug]

Wow, awesome! Glad to hear that

[@AlaMohamed-h7y]

I don't comment often, but can I just say that your video has been a saviour! I've been lost in WordPress for hours and so overwhelmed that it was only this video that put things into perspective for me. so, thank you!

[@Permaslug]

That's so fantastic to hear!

[@andycakebread7663]

Totally agree 🙏

[@AdamSLowe]

Great overview! Thank you for pointing out the difference between the Block Editor and Gutenberg. WordPress shot themselves in the foot with branding, especially since their "Gutenberg" Plugin gets such terrible reviews in the repository. I don't think people understand that the Gutenberg plugin is meant for beta testing upcoming releases, and the thing they've been referring to as Gutenberg is actually the Block Editor. It's the same branding issue they now have with FSE/Site Editor/Block Templates/etc.

[@Permaslug]

Totally agree with you. I'm gonna be making an effort to start using the correct terminology regarding Blocks/Block Editor/Gutenberg moving forward

[@kylevandeusen]

Yeah, 99% when someone says Guntenberg, they aren't talking about Gutenberg 😂

[@yhajee5030]

Yes, I want beginners guides to generate press and generate blocks. Thank you.

[@lisarkippen2182]

Me too! Yes, I want beginners guides to generate press and generate blocks. Thank you.

[@aurematic]

Finally! A tutorial that goes straight to the point. Very similar to Elementor. Thanks.

[@SidneyDeCarlo]

Yes, I want beginners guides to generate press and generate blocks

[@panagiotisenglezos]

Great video Jonathan! Thanks for your detailed explanation and efforts into making this!

[@Permaslug]

Glad it was helpful!

[@TetmanCallis]

Thank you. I set up my WordPress blog 12 years ago, but haven't successfully modified it since Gutenberg came along. Your video looks like it will provide me with a good starting point from which to proceed.

[@Permaslug]

Excellent! Glad to hear that

[@ProudlySolo]

This is a great video! I've been driving myself mad trying to figure out how to use blocks. And all the other "tutorials" I found were not as easy to follow as this.

[@JyotiJhankaarBeats]

Great way of explaining. Can you make a video on explaining grid, column, container, rows, group. As these are confusing in Gutenberg. Say for example what's the difference between group, row, stack. Thanks

[@KalusuganAyKayamanan]

Thanks. Great explanation.

[@Permaslug]

You're welcome!

[@omerta3393]

Impressive Video as always. Please keep recording more videos like this.

[@Permaslug]

Thanks, will do!

[@KismetBP]

What a fantastic over view! I’ve learned more in the first 10 minutes of this video than watching a ton of others. This is hands down the best starter one I’ve seen, concise and to the point. Thank you so much for this! +1 Sub ❤

[@Permaslug]

Glad it was helpful!

[@santanajohn2720]

As the others have said here, thanks for getting right to the point making so many things that have dumbfounded me, clear.

[@Permaslug]

Glad to hear it!

[@MDA_01]

Great video for a beginner - and very much appreciated. Thank you. Subscribed!

[@Permaslug]

Awesome, glad it was helpful!

[@mlsandreas]

Thank you for this video!! waiting for more content!!

[@captnoplan3926]

Great video. Succinct overview. And yes agree for longevity better to stick to the core blocks editor.

[@andycakebread7663]

Thanks Jonathan - I've been bobbing around in the wilderness with WP over the years and, via a host of page builders, themes, mixing plug-ins, naive beliefs too and all kinds of other dead ends, I realise that the environment/community is as important as the tools. Learning is part of this so I've landed on GB/GP and am determined to crack this. You (and a couple of others will be at my side), so thanks again. One question re elemental stuff: what units for what purpose? VH/%/Em/Rem/px - i just go ermm 😂

[@KalvaniVijay]

Awesome content Jonathan ❤

[@yourfriend547]

Thank you, that was well explained

[@SidneyDeCarlo]

Yes I want the users guide to generate press and theme styles.

[@benedictcoltman1983]

Good stuff 👍

[@simonstoiljkovikj]

Great content, thank, very informative

[@lubu2960]

Thanks bro, very clean content

[@leenvdzande]

This helped a lot. Thanks!

[@Permaslug]

Glad to hear it!

[@SuttonsNest]

I too would like to see a beginners guide to generate blocks and press

[@RMShoaib]

Great Video, sir. I like your teaching style. It is to the point and easily understandable. Please make more videos on WordPress. I have a question, sir .. what do you think about different builders and their third-party Plugins... I just want to know your thoughts on WordPress builders Pro & Cons... caparison is builder & They're a lot of plugins that make the Web code bloated and slower .

[@patrickknight6542]

I would like a beginners guide to GeneratePress ThemeStyles. Thx.

[@danielmorales1981]

good job

[@kevinlification]

awesome guide

[@Permaslug]

Glad it helped!

[@NicolesReviews]

New subscriber ❤❤❤❤

[@Permaslug]

Welcome!!

[@aztecs8879]

Hi I am wondering if this is now better than using plugins such as elementor?

[@ruth5788]

I want the guide to Generate and AND Themes Thank you

[@martinkaspar5095]

Hi there dear Jonathan: Youre so cool: - Thanks a lot for the Gutenberg-Intro! I am excited! I'm curious about this release the long awaitet version 6.4 Holy moly this is mindblowing 🤯 as the new version ist amazingly packed with lots of great features 😍 sensational ♥♥♥ - ❤ 😊👍 👏👏💥 🎆💥🎆🌟🌟🌟🎆💥👏👏👏👏👏🎆 plz inform us - we cant wait ... ;)

[@charissarwest]

Super helpful video, thank you! I've built/managed WP site for 15 years, but have been avoiding adopting blocks so far. I have a question: I've just been asked to update one page on an existing site that I did not build. The site uses blocks. Can I get away with doing this without the two plugins you mentioned, or will I be really limited? The site has a custom theme and was built by a developer. Blocks is the only CMS on the back end. Thank you!

[@Permaslug]

Glad it was helpful! You can definitely do quite a bit with the Core blocks, but you might be limited in some of the styling controls. If you're looking to add basic content and sections, Core should be more than good enough. You can also install GenerateBlocks free and it'll help quite a bit, but then you kinda have two separate systems going - the custom theme and GenerateBlocks. Depends on what you need to do, though!

[@axeo123]

Nice video but you still added dependencies with Generate. How far do you think the average DIY'er could get with the core block editor and the 2024 theme?

[@codywoodworth]

Great vid! But I noticed GeneratePress is considered a Classic theme, not a BLOCK theme. So I guess it's not fully making use of the full site editing of core WordPress? Would you be able to explain more what the differences are? or if it would be smarter to start with a "block" theme instead? Thanks!!

[@kathrynhoward9422]

Beginner's guide yes to generate press and generate blocks ... whatever you have. Great way of teaching, but it's fast, so need to print out the how to's... if that is possible.

[@JoeMendez]

Great! Thanks

[@gmtechsystems]

I want to know how if you are doing everything with these basic editors or still use some plugins . I am using generate press as described and trying to build a page specific anchor list or table of contents for long blog articles using the basic building tools.

[@Permaslug]

I do use a few extra plugins from time to time for things like ToCs, but it’s also possible to DIY it with a little bit of JavaScript and not use a plugin

[@patrickknight6542]

All right, Johnathan... you got me into this mess ;-/, so... hope you can let me know what I can do about this. I followed your tutorial as best I could and my domain name opens up into a "This is your first post"... instead of opening up into a Home page I've created. What am I doing wrong. Thanks for introducing me to Blocks and once I get past this issue, I think I'm on my way. Appreciate your help or anyone else's help from this comment thread.

[@AlexWent]

Go to Settings > Reading (or Appearance > Customize > Homepage Settings) and toggle between 'Your latest posts' and 'A static page'. This is basic WP functionality, not Gutenberg.

[@iflotaichi]

I'm considering using Gutenburg just for the google fonts integration...

[@Tech-Dev]

Cheers

[@slingsandarrows]

I am using the Twenty Twenty-Three theme and one of the issues I'm currently having is that I need to add custom functions but there is now functions.php file. What is a work around for this? Would I create a child theme and then a functions.php file or is it better to use a plugin like Code Snippets or WPCodeBox?

[@PhilippeGadeyne]

How do you indent a paragraph?

[@viessemondo4241]

Hello, is it possible to change just one word inside the paragraph ? Thank

[@Permaslug]

I’m sorry, don’t quite understand what you mean. You should be able to edit any text in Gutenberg without issue

[@viessemondo4241]

@@Permaslug j say if it is possible to change the font of a single word inside a paragraph

[@affiliateme7414]

I always get the duds, no + signs and no blocks with three dots, when I try to drag an item onto the page it doesn't show, but it is in list view... I think I'll fix my computer with a sledgehammer,

[@timtech9361]

Now How does a person edit dynamic content on each unique page so it doesnt duplicate. I am not understanding how I can build a template called Pages, where there are three blocks that have an image and content. I want the ability to have A NONE ENGINEER OR DEVELOPER to go in, change whatever content he wants per page, per block. Because as of right now, its all duplicating.

[@SparaCash]

gr8 m8

[@Permaslug]

oi oi

[@thecrossedtheroadfund4289]

WordPress was easy back in 2010. But ever since the company has "evolved" wordpress editor is no longer user friendly

[@iamYasin22]

We want to learn more about generateblock. But you are posting less content about generateblock. Kyle sir is doing amazing job. He is posting amazing content about generateblock every week. And you post 1 video and disappear from KZbin 😢

[@Permaslug]

Truth bomb!! Someone call the bomb squad for me. Trying to get back to a 1 video per week minimum. You can expect more soon :-)

[@kylevandeusen]

Jonathan is quality over quantity 💪

[@iamYasin22]

Thank you Sir @@Permaslug 🙌

[@iamYasin22]

1000% True @@kylevandeusen 🔶

[@watamatafoyu]

Would have been nice to show more of what you're talking about than your face.

[@MrsB_734]

Good info, but it was hard to keep up. I feel you talked way too fast for my comfort. Otherwise, good info.

[@Permaslug]

Noted! Thank you

[@accuratecalcs]

Look under "setting" (the gear) on any KZbin video. You can speed up or slow the playback speed for any video as you need. (I watched this one at 0.75 speed).