Beginners Guide to Blocks and Gutenberg in WordPress

Поделиться
HTML-код
  • Опубликовано: 7 фев 2025
  • 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 RUclips 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

Комментарии • 99

  • @teelabrown4291
    @teelabrown4291 11 месяцев назад +14

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

    • @Permaslug
      @Permaslug  11 месяцев назад

      Wow, awesome! Glad to hear that

  • @AlaMohamed-h7y
    @AlaMohamed-h7y 11 месяцев назад +4

    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!

  • @jeffreyprice2982
    @jeffreyprice2982 Год назад +21

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

  • @TetmanCallis
    @TetmanCallis 11 месяцев назад +1

    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
      @Permaslug  11 месяцев назад

      Excellent! Glad to hear that

  • @AdamSLowe
    @AdamSLowe Год назад +10

    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
      @Permaslug  Год назад +4

      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
      @kylevandeusen Год назад +1

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

  • @obsoletevalues6209
    @obsoletevalues6209 2 месяца назад

    Thank you for the time it took you to create this video, and for posting it! I learned a lot.

  • @panagiotisenglezos
    @panagiotisenglezos Год назад +3

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

  • @aurematic
    @aurematic Год назад +2

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

  • @j.singer8461
    @j.singer8461 4 месяца назад

    Excellent video! Appreciate that explanations were clear and to the point. No waffling on about pointless stuff. Very easy to follow. Thanks!!!

  • @janisself4577
    @janisself4577 2 месяца назад +1

    yes, i want a beginners guides to generate press and generate blocks. Thanks

  • @lisarkippen2182
    @lisarkippen2182 9 месяцев назад +1

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

  • @ProudlySolo
    @ProudlySolo 9 месяцев назад +2

    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.

  • @SidneyDeCarlo
    @SidneyDeCarlo 6 месяцев назад +1

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

  • @santanajohn2720
    @santanajohn2720 Год назад

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

  • @WinDor-xs3sz
    @WinDor-xs3sz 3 месяца назад

    very informative, tank you - free advise, get an eye patch and use it frequently to cover your right eye, it'll fix your left eye, reduce blinking and eye strain - good luck with you channel dude👍

  • @MDA_01
    @MDA_01 11 месяцев назад

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

    • @Permaslug
      @Permaslug  11 месяцев назад

      Awesome, glad it was helpful!

  • @KismetBP
    @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 ❤

  • @JyotiJhankaarBeats
    @JyotiJhankaarBeats 8 месяцев назад +2

    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

  • @captnoplan3926
    @captnoplan3926 Год назад

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

  • @omerta3393
    @omerta3393 Год назад +1

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

  • @KalvaniVijay
    @KalvaniVijay 7 месяцев назад

    Awesome content Jonathan ❤

  • @SidneyDeCarlo
    @SidneyDeCarlo 6 месяцев назад

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

  • @andycakebread7663
    @andycakebread7663 10 месяцев назад

    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 😂

  • @simonstoiljkovikj
    @simonstoiljkovikj 10 месяцев назад

    Great content, thank, very informative

  • @gmtechsystems
    @gmtechsystems 7 месяцев назад

    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
      @Permaslug  7 месяцев назад

      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

  • @lubu2960
    @lubu2960 11 месяцев назад

    Thanks bro, very clean content

  • @aztecs8879
    @aztecs8879 7 месяцев назад

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

  • @RMShoaib
    @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 .

  • @charissarwest
    @charissarwest 11 месяцев назад

    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
      @Permaslug  11 месяцев назад

      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!

  • @mlsandreas
    @mlsandreas 10 месяцев назад

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

  • @tekman9103
    @tekman9103 18 дней назад

    Nice. Job!

  • @TotooLangPilipinas
    @TotooLangPilipinas 8 месяцев назад

    Thanks. Great explanation.

    • @Permaslug
      @Permaslug  8 месяцев назад

      You're welcome!

  • @codywoodworth
    @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!!

  • @FV_Om
    @FV_Om 4 месяца назад

    It was great thank you

  • @benedictcoltman1983
    @benedictcoltman1983 6 месяцев назад

    Good stuff 👍

  • @axeo123
    @axeo123 9 месяцев назад

    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?

  • @yhajee5030
    @yhajee5030 8 месяцев назад

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

  • @leenvdzande
    @leenvdzande Год назад

    This helped a lot. Thanks!

  • @ruth5788
    @ruth5788 5 месяцев назад

    I want the guide to Generate and AND Themes Thank you

  • @yourfriend547
    @yourfriend547 Год назад

    Thank you, that was well explained

  • @patrickknight6542
    @patrickknight6542 8 месяцев назад

    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
      @AlexWent 7 месяцев назад

      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.

  • @scguy681
    @scguy681 14 дней назад

    Ok - so I get you can add a block editor however, I thought that adding a theme would cover that - not true? if the theme isnt setting setting up its own take on the website including the blocks - what then is covered in a theme?

  • @iflotaichi
    @iflotaichi 10 месяцев назад

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

  • @slingsandarrows
    @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?

  • @SuttonsNest
    @SuttonsNest 8 месяцев назад

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

  • @kevinlification
    @kevinlification 8 месяцев назад

    awesome guide

    • @Permaslug
      @Permaslug  8 месяцев назад

      Glad it helped!

  • @deracketclub1695
    @deracketclub1695 4 месяца назад

    I am busy some days to get some tabs with buttons, images and other info in the tab. I used Astra Pro and also Spectra and none (Gutenberg, Spectra, Kadence) of this i managed to fulfill. I am getting tired of this. When i use the "Tabs" block of Gutenberg, add a container of Spectra in it and put some buttons inside. I can't even change the color of the buttons. Maybe there is a better way but it is such a hard job to do. I hate this new editor.

  • @kathrynhoward9422
    @kathrynhoward9422 9 месяцев назад

    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.

  • @viessemondo4241
    @viessemondo4241 Год назад

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

    • @Permaslug
      @Permaslug  Год назад

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

    • @viessemondo4241
      @viessemondo4241 Год назад

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

  • @patrickknight6542
    @patrickknight6542 8 месяцев назад

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

  • @DM_2025
    @DM_2025 8 месяцев назад

    good job

  • @martinkaspar5095
    @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 ... ;)

  • @NicolesReviews
    @NicolesReviews 10 месяцев назад

    New subscriber ❤❤❤❤

  • @PhilippeGadeyne
    @PhilippeGadeyne 11 месяцев назад

    How do you indent a paragraph?

  • @affiliateme7414
    @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,

  • @scguy681
    @scguy681 16 дней назад

    Generate press and theme stles beginners guide please

  • @JoeMendez
    @JoeMendez Год назад

    Great! Thanks

  • @timtech9361
    @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.

  • @Tech-Dev
    @Tech-Dev 11 месяцев назад

    Cheers

  • @SparaCash
    @SparaCash Год назад

    gr8 m8

  • @thecrossedtheroadfund4289
    @thecrossedtheroadfund4289 7 месяцев назад

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

  • @phat80
    @phat80 4 месяца назад

    5 minutes and still no any useful information…

  • @iamYasin22
    @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 RUclips 😢

    • @Permaslug
      @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
      @kylevandeusen Год назад

      Jonathan is quality over quantity 💪

    • @iamYasin22
      @iamYasin22 Год назад

      Thank you Sir @@Permaslug 🙌

    • @iamYasin22
      @iamYasin22 Год назад

      1000% True @@kylevandeusen 🔶

  • @MrsB_734
    @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
      @Permaslug  Год назад

      Noted! Thank you

    • @accuratecalcs
      @accuratecalcs 5 месяцев назад

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

  • @watamatafoyu
    @watamatafoyu 6 месяцев назад

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