Beginners Guide to Blocks and Gutenberg in WordPress

แชร์
ฝัง
  • เผยแพร่เมื่อ 20 ก.ย. 2024
  • 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 TH-cam 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

ความคิดเห็น • 90

  • @j.singer8461
    @j.singer8461 2 วันที่ผ่านมา

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

  • @jeffreyprice2982
    @jeffreyprice2982 ปีที่แล้ว +17

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

  • @teelabrown4291
    @teelabrown4291 6 หลายเดือนก่อน +6

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

    • @Permaslug
      @Permaslug  6 หลายเดือนก่อน

      Wow, awesome! Glad to hear that

  • @AlaMohamed-h7y
    @AlaMohamed-h7y 6 หลายเดือนก่อน +3

    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
      @Permaslug  6 หลายเดือนก่อน

      That's so fantastic to hear!

    • @andycakebread7663
      @andycakebread7663 5 หลายเดือนก่อน

      Totally agree 🙏

  • @yhajee5030
    @yhajee5030 3 หลายเดือนก่อน

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

  • @JyotiJhankaarBeats
    @JyotiJhankaarBeats 3 หลายเดือนก่อน +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

  • @aurematic
    @aurematic 11 หลายเดือนก่อน +2

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

  • @panagiotisenglezos
    @panagiotisenglezos 8 หลายเดือนก่อน +3

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

    • @Permaslug
      @Permaslug  8 หลายเดือนก่อน

      Glad it was helpful!

  • @AdamSLowe
    @AdamSLowe ปีที่แล้ว +9

    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 😂

  • @SidneyDeCarlo
    @SidneyDeCarlo หลายเดือนก่อน +1

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

  • @lisarkippen2182
    @lisarkippen2182 4 หลายเดือนก่อน +1

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

  • @ProudlySolo
    @ProudlySolo 4 หลายเดือนก่อน +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.

  • @TetmanCallis
    @TetmanCallis 7 หลายเดือนก่อน +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  7 หลายเดือนก่อน

      Excellent! Glad to hear that

  • @KismetBP
    @KismetBP 8 หลายเดือนก่อน

    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
      @Permaslug  8 หลายเดือนก่อน +1

      Glad it was helpful!

  • @omerta3393
    @omerta3393 ปีที่แล้ว +1

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

    • @Permaslug
      @Permaslug  ปีที่แล้ว +1

      Thanks, will do!

  • @MDA_01
    @MDA_01 7 หลายเดือนก่อน

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

    • @Permaslug
      @Permaslug  7 หลายเดือนก่อน

      Awesome, glad it was helpful!

  • @KalusuganAyKayamanan
    @KalusuganAyKayamanan 4 หลายเดือนก่อน

    Thanks. Great explanation.

    • @Permaslug
      @Permaslug  4 หลายเดือนก่อน

      You're welcome!

  • @mlsandreas
    @mlsandreas 5 หลายเดือนก่อน

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

  • @KalvaniVijay
    @KalvaniVijay 2 หลายเดือนก่อน

    Awesome content Jonathan ❤

  • @andycakebread7663
    @andycakebread7663 5 หลายเดือนก่อน

    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 😂

  • @benedictcoltman1983
    @benedictcoltman1983 หลายเดือนก่อน

    Good stuff 👍

  • @patrickknight6542
    @patrickknight6542 3 หลายเดือนก่อน

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

  • @lubu2960
    @lubu2960 6 หลายเดือนก่อน

    Thanks bro, very clean content

  • @santanajohn2720
    @santanajohn2720 8 หลายเดือนก่อน

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

    • @Permaslug
      @Permaslug  8 หลายเดือนก่อน

      Glad to hear it!

  • @simonstoiljkovikj
    @simonstoiljkovikj 6 หลายเดือนก่อน

    Great content, thank, very informative

  • @captnoplan3926
    @captnoplan3926 8 หลายเดือนก่อน

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

  • @SuttonsNest
    @SuttonsNest 3 หลายเดือนก่อน

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

  • @yourfriend547
    @yourfriend547 7 หลายเดือนก่อน

    Thank you, that was well explained

  • @axeo123
    @axeo123 5 หลายเดือนก่อน

    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?

  • @SidneyDeCarlo
    @SidneyDeCarlo หลายเดือนก่อน

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

  • @leenvdzande
    @leenvdzande 8 หลายเดือนก่อน

    This helped a lot. Thanks!

    • @Permaslug
      @Permaslug  8 หลายเดือนก่อน

      Glad to hear it!

  • @kathrynhoward9422
    @kathrynhoward9422 4 หลายเดือนก่อน

    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.

  • @RMShoaib
    @RMShoaib 9 หลายเดือนก่อน

    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 .

  • @ruth5788
    @ruth5788 หลายเดือนก่อน

    I want the guide to Generate and AND Themes Thank you

  • @charissarwest
    @charissarwest 7 หลายเดือนก่อน

    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  7 หลายเดือนก่อน

      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!

  • @patrickknight6542
    @patrickknight6542 3 หลายเดือนก่อน

    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 3 หลายเดือนก่อน

      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.

  • @codywoodworth
    @codywoodworth 7 หลายเดือนก่อน

    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!!

  • @iflotaichi
    @iflotaichi 5 หลายเดือนก่อน

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

  • @aztecs8879
    @aztecs8879 2 หลายเดือนก่อน

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

  • @NicolesReviews
    @NicolesReviews 5 หลายเดือนก่อน

    New subscriber ❤❤❤❤

    • @Permaslug
      @Permaslug  5 หลายเดือนก่อน +1

      Welcome!!

  • @danielmorales1981
    @danielmorales1981 3 หลายเดือนก่อน

    good job

  • @gmtechsystems
    @gmtechsystems 2 หลายเดือนก่อน

    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  2 หลายเดือนก่อน

      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

  • @kevinlification
    @kevinlification 4 หลายเดือนก่อน

    awesome guide

    • @Permaslug
      @Permaslug  4 หลายเดือนก่อน

      Glad it helped!

  • @JoeMendez
    @JoeMendez 10 หลายเดือนก่อน

    Great! Thanks

  • @martinkaspar5095
    @martinkaspar5095 10 หลายเดือนก่อน

    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 ... ;)

  • @PhilippeGadeyne
    @PhilippeGadeyne 7 หลายเดือนก่อน

    How do you indent a paragraph?

  • @affiliateme7414
    @affiliateme7414 10 หลายเดือนก่อน

    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,

  • @slingsandarrows
    @slingsandarrows 10 หลายเดือนก่อน

    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?

  • @viessemondo4241
    @viessemondo4241 7 หลายเดือนก่อน

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

    • @Permaslug
      @Permaslug  7 หลายเดือนก่อน

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

    • @viessemondo4241
      @viessemondo4241 7 หลายเดือนก่อน

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

  • @Tech-Dev
    @Tech-Dev 6 หลายเดือนก่อน

    Cheers

  • @timtech9361
    @timtech9361 8 หลายเดือนก่อน

    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
    @SparaCash ปีที่แล้ว

    gr8 m8

  • @thecrossedtheroadfund4289
    @thecrossedtheroadfund4289 2 หลายเดือนก่อน

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

  • @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 TH-cam 😢

    • @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 🔶

  • @watamatafoyu
    @watamatafoyu หลายเดือนก่อน

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

  • @MrsB_734
    @MrsB_734 8 หลายเดือนก่อน

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

    • @Permaslug
      @Permaslug  8 หลายเดือนก่อน

      Noted! Thank you

    • @accuratecalcs
      @accuratecalcs 11 วันที่ผ่านมา

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