Gutenberg WordPress Tutorial - Beginners Guide

Поделиться
HTML-код
  • Опубликовано: 24 авг 2024

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

  • @FirebrandVOCALS
    @FirebrandVOCALS 3 года назад +3

    I started with Gutenberg about 3 weeks ago and love it.

  • @JayJay-ki4mi
    @JayJay-ki4mi 2 года назад +2

    Subscribed because you're a genuine older guy that has a tonne of experience. I'm just a little younger than you, and I've just started using WP's new FSE feature. I've got to develop some plugins that integrate with Gutenburg ... but I know very little about Gutenburg and this video has helped me understand what it's about. Thanks buddy. Subbed.

  • @rmcellig
    @rmcellig 2 года назад +1

    Thanks so much!! I was just about to leave WordPress for something else. Your video brought me back. Well done!

  • @ahmedali-bu8ms
    @ahmedali-bu8ms 2 года назад +1

    thanks Paul, i always enjoy watching your videos, thoughtful, direct to the point, and productive results .. appreciated !

  • @TLCOnlineChannel
    @TLCOnlineChannel 3 года назад +6

    Hi Paul, This video is a great starting point for people moving over to Gutenberg from one of the old page builders. Very nice and easy to follow. Cheers John

  • @greghyatt1601
    @greghyatt1601 3 года назад +2

    Darnn Paul now you've gone and done it! Lol
    Now I'm going to have to attempt to jump in on the Gutenberg band wagon. Truth be known, I've been hesitant as I found it clumsy to work with early on. However, some of the additional block plug-ins make it seem more usable like many of the page builders that so many of us may be coming from.
    Awesome video demonstration as usual! Thanks for the great content you always provide to us!

  • @samnectar
    @samnectar 2 года назад +2

    This video was perfect for me, all killer no filler! Thanks

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

    Your tutorial was kind of incredibly useful. Thanks.😅

  • @rg-web-design
    @rg-web-design 3 года назад +2

    Haven't even watched yet (will do shortly). But still given a thumbs up as I'm about to embark on Gutenberg (purchased Kadence blocks). Intending on creating future client sites in Gutenberg / Kadence and possibly move existing Elementor ones too. (Not 'jumping' from Elementor, good to have both skills).

    • @WPTuts
      @WPTuts  3 года назад +1

      I'm very much of the same mind set. I've been moving certain projects over to G & Stackable for the same reasons.

    • @rg-web-design
      @rg-web-design 3 года назад

      @@WPTuts I'm hoping you keep a pace going with further Gutenberg tuts.
      (Kadence would be a bonus - I suppose!)
      :-)

    • @WPTuts
      @WPTuts  3 года назад +1

      @@rg-web-design I will be doing some more videos on Gutenberg along with some recommended themes, block addons and tools to make Gutenberg a more useful tool. :)

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

    That felt a bit like an ad, but the outro was pretty clever ngl

  • @mischform_ch
    @mischform_ch 3 года назад +2

    As usual, great video - thank you for! I see myself more and more switchting to Gutenberg (with addon blocks) from Elementor...

    • @WPTuts
      @WPTuts  3 года назад +3

      Same here. I'm not using Elementor for the new WPTuts site and this is a big part of why I've been working on more Gunetenberg content lately. :)

    • @mischform_ch
      @mischform_ch 3 года назад +1

      @@WPTuts Looking forward to more Gutenberg (addons) tuts then (for example how to nicely animate elements ;-) Thanks a lot!!

  • @martinargimon730
    @martinargimon730 2 года назад

    You are an excellent teacher.!! Do not get me wrong and your work is much appreciated. The comment was not directed to you at all. it is a generic comment. IS incredible the amount of 'things' ( Plug-ins, themes, page builders, gutenberg, SEO , SSL, etc, etc ) that we need to go thru' and is NOT really worth it. These companies are all competing for a share of the market and we pay the brunt of it. Plug-ins that do not work , etc,etc due to the constant changes and the list goes on and on.
    Thanks very much for work dedicated work to your audience , with your brillinat tutorials. Nothing to do with you is the "industry", i am afraid.
    Kind REgards
    Martin

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

    Excellent tutorial. quick, organized and super informative. Thanks!

  • @clintongallagher
    @clintongallagher 3 года назад

    .
    I have yet to determine how to enter a block that is a element in the source code. Even more lacking is no way to add CSS class or id to the nor inline CSS style attribute or any other attribute to the
    And we must be able to put other HTML elements into the block, edit their attribute collection(s) and nest the HTML elements.

  • @pellekarlsson152
    @pellekarlsson152 2 года назад

    Great video Paul! please do more gutenburg tutorials exampel how to build website/ecommerce with kadence blocks or stackable design libary

  • @josecalcagni8472
    @josecalcagni8472 2 года назад +1

    👉👉👉 Muchas gracias, excelente tutorial. Muy claro y bien explicado. Saludos desde Santiago de Chile. 😃👌👍

  • @user-tk4zc3jk4w
    @user-tk4zc3jk4w Год назад

    thank u great teacher

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

    Keep it up sir love from pakistan

  • @kerawelt2008
    @kerawelt2008 3 года назад +1

    Smashing tutorial as usual. many thanks !

  • @razakalsharafy4708
    @razakalsharafy4708 2 года назад +1

    Awesome video demonstration as usual! Thanks.
    Now, we are waiting a higher-level video on this topic +troubleshooting session :-)

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

    Gutanburg like figma I recommend to all ui designer use this Builder

  • @suman121069
    @suman121069 2 года назад +1

    great tutorial, big help :) thank you so much

  • @kaveengoonawardane9651
    @kaveengoonawardane9651 2 года назад

    Super useful video! Thanks, Paul.

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

    I cannot figure why the blue + (plus) is not working. Basicaly I can use only plain text.

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

    God bless you

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

    Very useful video. Thanks!

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

    wonderful tutorial

  • @lazy-hero.
    @lazy-hero. Год назад

    Nice introduction

  • @spanishpropertyconsultants
    @spanishpropertyconsultants 2 года назад

    Great video and very helpful as I'm getting a bit fed up with standard theme installs etc. I cannot see however if these Gutenberg blocks are mobile friendly or a button where you can see on PC, mobile and tablet. I also cannot see where each page has it's SEO options or adding anchors which is something a use a lot. These things I will try and find. Thanks again for your time.

  • @AYOHDEJI
    @AYOHDEJI 3 года назад

    Hello Tutor. Please this Gutenberg editor is nightmare, the blue plus button is not working in my case. And I don't know why, I have done everything possible to fix it by changing the theme, disable couples of plugins to troubleshoot. Added Classic Editor, it changes the appearance to a kind of HTML editor but no regular formating features. Please I will be very grateful if you can direct on how to fix it. I dontblike to use the Gutenberg editor because its not working in my WordPress. I always enjoy your Tutorial Sir. Thanks for taking my dynamic knowledge to another level.

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

    Excellent!

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

    In my WP install, V6.2.2 I see nothing about Gutenberg at all. How does one get to the screens being shown here for Gutenberg?

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

    Nice intro. Total noob question here, but what is the "Gutenberg for Beginners" text? It doesn't show up in either the page settings or the block settings.

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

    I have global colours set in my theme, also in Elementor and also potentially in stackable. How on earth do I know which one wins??🤔

  • @michaelmclaughlin1563
    @michaelmclaughlin1563 3 года назад +2

    Thanks Paul, a great starter video. You didn't mention the plugin "Ultimate Addons for Gutenburg" from Brainstorm Force (makers of Astra, etc.) Comments on this Plugin?

    • @WPTuts
      @WPTuts  3 года назад +1

      I tried it a while ago and wasn't really blown away by it. Maybe I need to go back and take another look.
      Do you use and recommend it? If so, what do you think are the standout features?

    • @michaelmclaughlin1563
      @michaelmclaughlin1563 3 года назад +1

      @@WPTuts Paul, I haven't put it to work yet. Just getting into Gutenberg and have a license via their Addons for Elementor.. It comes free with my license so will look at using it with Kadence or Blocksy

    • @WPTuts
      @WPTuts  3 года назад

      @@michaelmclaughlin1563 let me know how you get on when you give it a try. :)

  • @ColeenHein
    @ColeenHein 2 года назад +2

    Paul, this was SO useful, thanks so much for posting it! I have a couple of questions: What do you think would be the speed benefit (or loss) using Blocksy and block plugins like the Stackable or Kadence ones over using, say, Kadence theme with Kadence blocks? Minimal? And if I need dynamic sidebar menus for certain pages, would I be better off using something like Kadence over Blocksy, or does it matter? Thanks for putting out such amazing content, I'm learning so much!

    • @WPTuts
      @WPTuts  2 года назад

      I've used Blocksy with a combination of Kadence blocks and Stackable and got great results (both layout and load times/metrics).
      I'm not really a big fan of the Kadence theme, so I'm probably not the best person to offer factual advice on the theme or its features I'm afraid.
      I don't think you'd go far wrong with Blocksy, but why not give the free versions of both a try and see which one resonates with you more. :)

    • @ColeenHein
      @ColeenHein 2 года назад +2

      @@WPTuts I've been playing around with Blocksy and Stackable (free versions) for the last couple of days or so (because of this video). I'm really highly impressed! A year or two ago, I thought I'd do my school site revamp with Elementor - but ... well ... COVID. I work in the school office, so life got busy and convoluted, as most of ours has! The project when faaaar to the wayside...
      I'm finally looking at the whole thing again and I'm now thinking that I'd love to "future-proof" this thing a bit and go with both a bit of a simpler set up and with the direction WordPress seems to be heading (I mean, I'm 55yo, I won't be working here forever! I've got to pass it on at some point! LOL). I have to say that I am finding Blocksy VERY intuitive, coming from Divi and then a bit of Elementor background. I have a whale of a site, but I think that with the Pro versions of each of these, I could re-create it with justice. I mean, even with the free versions I could do it pretty well! But I think I need some deeper customization and some dynamic stuff, so your opinions on these themes and plugins has been really helpful. As has many of your other videos in custom post types and such.
      I have mucked about with Kadence in this process, as well. But I see what you are saying about Blocksy - really quite good! I'm rather liking the WP customizer for once! Who knew that would be possible? :D
      Thanks for the feedback!

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

    Great overview. DO you have any insights or recommendtaions on Digital Asset Management as it relates to the Media Library? Does Stackable Design offer such a function?

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

    Is this the future builder?

  • @benjisify
    @benjisify 3 года назад +2

    Hi Paul, Thanks for the videos been really awesome learning alot from you. I want to switch from elementor for several reasons like cost, bloat and extra plugins. what would you recommend ?

    • @WPTuts
      @WPTuts  3 года назад

      Do you still want to use a Page Builder or happy to move over to Gutenberg and related tools?
      The real question is, what do you intend to build? If it's more complex designs with dynamic data, then that has one set of considerations. If it's simpler sites, blogs or e-commerce, that has a different set of considerations. :)

    • @benjisify
      @benjisify 3 года назад

      @@WPTuts Well i build all kind of sites, from complex ones with dynamic data to simple ones and I have solely relied on page builders (elementor and Divi). i just want speed and less dependencies on plugins. so what say ye Coach 😀

  • @LawrencRJUTube
    @LawrencRJUTube 2 года назад

    The file I downloaded but "local" will not install. Even though I downlaoded the Ubuntu version.

  • @tulasiprasad9712
    @tulasiprasad9712 2 года назад

    Sir can I add so many products using only Gutenberg....without woocommerce

  • @jaideepnag3770
    @jaideepnag3770 2 года назад

    Sir Line Height missing in Typogrophy?? What to do??

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

    how do you even get to where you are starting from here? all i see is a bunch of options that seemingly do nothing. as a coder wordpress is really aggravating me

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

    How can I install Gutenberg?

  • @WissTune
    @WissTune 2 года назад

    Hello, Can we use Pods for dynamic content with Gutenberg wordress? I know that works great with elementor , how about Gutenberg?

  • @howmightwestudio
    @howmightwestudio 2 года назад +2

    Hey Paul, firstly thanks for your continuing contribution to the wp community. Big up. And my question.. What are your thoughts on kadence pro with Hooked elements etc in conjunction with Stackable Blocks? Do you think they would play nicely or best to avoid?

    • @WPTuts
      @WPTuts  2 года назад +1

      I've not used the Kadence hooks feature, but I can't see any reason why they wouldn't work well with Stackable Blocks. I've used the same method with Blocksy Hooks and that works well.

    • @howmightwestudio
      @howmightwestudio 2 года назад

      Maybe its a Kadence Child theme scenario..

    • @howmightwestudio
      @howmightwestudio 2 года назад

      weird my other replies didnt make it through.. ney bother :-) Thank you Paul

    • @WPTuts
      @WPTuts  2 года назад

      @@howmightwestudio there seems to be a thing happening with RUclips supressing comments for no apparent reason. I had the exact same issue myself replying to another creators content yesterday. My initial comment was removed for no reason, I added a really simple comment and that posted. He replied to to me, I replied back and that was removed too..
      It's pretty frustrating as both a commenter and a creator when comments simply disappear.

    • @howmightwestudio
      @howmightwestudio 2 года назад

      But on reflection its waaaay to complex and off subject for this thread :-)

  • @May10th
    @May10th 2 года назад

    Thanks for great video! I am having trouble finding the Stackable Design Library button. I installed Kadence theme and still can't see the button above. Where can I find this?

    • @May10th
      @May10th 2 года назад

      I found it. I thought Addon was different from plugin.

  • @Anwar.Parvez
    @Anwar.Parvez Год назад

    Very useful and excellent video.

  • @spitsparrow
    @spitsparrow Месяц назад

    you said first up but forgot to say where you actually are. In site editor, page editor? that editing view can be seen in both and it isnt clear where you even start. How about doing an actual start from fresh install and where you go first. Templates? appearance - site editor- templates? create a page in dashboard? etc. You went straight to god knows where. Is this meant to be beginner?

  • @multimasterymarketing4768
    @multimasterymarketing4768 2 года назад +1

    Some nice Gutenberg tips here, thanks for sharing! As far as reusable blocks, I tested that feature in the past and experienced problems where the blocks were just disappearing - and as you can imagine, that can be a nightmare - especially if the reusable blocks were a pricing table or something and they all just went missing all at once for no apparent reason. And that's exactly what happened in my case! Not sure what the issue was, but I never really trusted reusable blocks after that. And I'm not the only one who's experienced this issue, others have reported the issue too. Have you ever experienced this?? If so, is there a fix to it?

    • @yoyotaka14
      @yoyotaka14 2 года назад

      It was a common erron noe fixed in WP 6.0...

  • @lojane4education
    @lojane4education 2 года назад

    thanks

  • @spitsparrow
    @spitsparrow Месяц назад

    I guess you are showing how to use the block editor. But this doesnt help on how to build an actual site at all. Do you have any videos of creating a one page site from start to finish. How you would set up a template or apply a template. Why even go into templates at all. Why do I need a front page template. ??

  • @KshitijShah89
    @KshitijShah89 3 года назад

    Random question but how do you make tour cursor have that nice red circle when you click on your mac?

    • @WPTuts
      @WPTuts  3 года назад

      It's all done inside Screenflow. There's an option to adjust the cursor size as well as apply a couple of different effects on click.

  • @easyislander
    @easyislander 2 года назад

    Thank you for the tutorial. But I find Gutenberg terrible. The interface is confusing and everything is lumped together as if they just took a bunch of features and dumped it all on us to figure out.
    The UI is God awful and I find that I can't get work done like I can with all of the other page builders on Wordpress.
    I'm already getting complaints from customers. They find Gutenberg confusing and way harder than Wix or Weebly. In fact, they already are driven away from Wordpress because of their experience with Gutenberg.
    Not only is the UI pretty bad, making simple edits such as spacing and font sizes just doesn't work. The tag doesn't work. Simple hitting enter to create a space doesn't work. It's a total fircken mess.
    If I could decide about Gutenberg, I would honestly just scrap it. It's that bad.

  • @photoshopfantasy5106
    @photoshopfantasy5106 2 года назад

    it so sad that i have to watch a tutorial on how to use Gutenberg as I am old school been using the classic editor since WordPress started. After watching this gutenburg sucks its a hassle the classic editor is superior

  • @strawberriesandcum
    @strawberriesandcum 3 года назад +1

    First :)