Gutenberg Tutorials | Better Designs with FREE TOOLS
ฝัง
- เผยแพร่เมื่อ 5 ก.ค. 2024
- A new series of Gutenberg Tutorials to help you make the new WordPress block editor and page builder truly useful!
Learn how to use a range of tools and plugins to make the Gutenberg editor for WordPress much more powerful and useful. With these tutorials and tools, you can take Gutenberg to the next level and make it a tool that is actually useful for building your WordPress websites.
In this first video, we'll be looking at 2 free plugins.
✅ GenerateBlocks: generateblocks.com
✅ Block Navigation: wordpress.org/plugins/block-n...
Take your WordPress website and skills to the next level!
► THE TOOLS I LOVE ◄
If you like what we do and would like to support us, please consider using these affiliate links when purchasing any of the plugins covered in our tutorials. Thank you for your support.
► MY PREFERRED HOSTING PROVIDERS ◄
✅ CloudWays: jo.my/1feeng8
✅ SiteGround: jo.my/sgwptuts
► WORDPRESS VISUAL PAGE BUILDERS ◄
✅ ELEMENTOR PRO: jo.my/1s0t2s2
✅ Brizy Pro: bit.ly/2Ji97r8
✅ DIVI 3 Page Builder: bit.ly/2HiiDcE
► WORDPRESS THEMES ◄
✅ GeneratePress Premium: bit.ly/2Ydn1SE
✅ OCEANWP: bit.ly/2fRHBr0
✅ DIVI Theme: bit.ly/2G8JMiA
✅ Astra Pro: bit.ly/2zruoKn
► WORDPRESS TOOLS ◄
✅ SMART SLIDER 3: bit.ly/2G0G1vB
✅ CSSHERO: bit.ly/2qbrRl6
► WORDPRESS PLUGINS ◄
✅ SEOPress Pro: jo.my/seopress
► SUBSCRIBE ◄
bit.ly/2rX7rhu
► LETS CONNECT: ◄
👉 Twitter: / wptutz
👉 Facebook Group: wptuts.co.uk/facebook
SUPPORT: Our website offers additional information and perks. Please check it out! wptuts.co.uk - แนวปฏิบัติและการใช้ชีวิต
Yes, please build a full-blown page (that's pretty!) :)
Thanks for making this video! Helped me get my head around Gutenberg :)
Thanks for this clear direct tutorial. I would love a tutorial on building a full-blown page.
Yes, interested in the full page experience. Decided that my new years resolution was to closely follow your Gutenberg endavor from the start.
It will be done. :0)
Thank you for your work. Really nice!
Thanks for this Gutenberg tutorial, I think by the end of 2021 many of us will start building more websites only using Gutenberg. Would be great to have a full-blown page and if possible using the Kadence Blocks. Amazing tutorials Paul ❤️
Yes, would love to see a follow up video on this subject. Thank you for creating this as it has helped me so much.
Thank you for a great tutorial! I am going to check out Generate Blocks and Block Navigation. Big YES to a deeper dive into page building!
You do great explanations - balancing deep dive vs. just enough. Great work. Thank you. Your trainings are super helpfful.
Very helpful video! Many thanks. Yes, more like this on how to maximize the use of Gutenberg blocks!
Would love to see that page :) Thanks again for another helpful vid Paul!
Yes, please build a full-blown page
Great tutorial! This navigation-tool appears to be pretty handy!
I was so in despair today with Gutenberg. I really like it but I missed some features, some control over my content. And then I found this video and it motivated me to try these plugins. I need more such great tutorials dedicated to Gutenberg, and especially how to create full-width pages with it, for example, a beautiful homepage with Gutenberg only. Thanks for your help! 😇
LIKE LIKE 👍 Very useful, changing from elementor to guentberg, I needed THIS. Thank you!!!
HI! Yes, I'd like a more in depth tutorial about this. Thanks, Paul.
Excellent. Thank you !
GREAT VIDEO.. Thanks for sharing this helpful and useful video... you have made Gutenberg user friendly... Definitely look forward to more videos on subject matter.
Yes! Extra tutorial please! 👍👍👍
Yes, please build a full page. That would be wonderful!
Yesss please a full video. I am so confused with Gutenberg so please show me why I should use Gutenberg.
A full page creation would be nice, and thanks for this video. It is very helpful.
V. Good presentation. Thank you
Great! Nice to see you willing to peep over the fence. You should try Gutenberg with Kadence theme and Kadence Blocks.
I'll be looking into a lot more options over the coming weeks and months, so hopefully there will be something for everyone included :0)
@@WPTuts I, definitely, will be looking forward to your amazing tutorials on Gutenberg. It has come along way in a short period of time.
Exactly, since Kadence affers sticky header for free and is highly optimized code wise, it is developed by some of the best in the industry :)
Love this video!!!
As always..quality stuff from you. Thanks Paul!
@WPTuts: Hi Paul, I have a question about your workflow for creating your video tutorials: Do you record the audio track first and then the video screencast?
@WPTuts: Hello Paul: And another question from me. Now that you are a bit more involved with Gutenberg: Will there possibly still be content regarding dynamic content in connection with Gutenberg in the future? I'm currently working on dynamic content with the Toolset plugin - but I'm open to alternatives.
@@SurviveStyle5minus I record the screen capture and narration in one session (usually, unless it's a more in-depth tutorial), then script out the intro and outro (and any other to camera pieces). Then I record those over a couple of takes and finally assemble it all in Premiere Pro and After Effects.
@@SurviveStyle5minus absolutely! I'm working on an idea of showing the basics of using JetEngine with Gutenberg at the moment. Dynamic content is DEFINITELY included in the 2021 Gutenberg plans. :0)
Very useful, I've moved away from Elementor but missed some of its features, this fills the void. Please make the full-blown page video
It seems the two of us set the same end of year goal.
I do appreciate the work you did identifying those plugins. I found similar ones with Ultimate Addons for Gutenberg and Kadence Blocks for Gutenberg. It does appear there will be a lot of progress trying to make the block editor more user friendly. I find it interesting that some of the same developers who created addons for Elementor and Beaver Builder are now building blocks for Gutenberg.
I think those developers have to build tools for Gutenberg to stay relevant and also have a long term business model. At some point, tools like Elementor will be superseded and the likes of Gutenberg become more mainstream as it is an integral part of WordPress and the WP roadmap.
I think this research is well worth looking at, not sure where the future of page builders is going myself.
Hi Paul, I love all your videos ! these tooIs are really powerful. But I think that even greater would be a tutorial about how to create ACF blocks with Gutenberg, or even a kind of dynamic blocks. That would unleash a lot of power to Wordpress.
Thanks for the tutorial. It's very important for beginners. I would like to see the full-blown page, too.
Looks amazing Paul. I still haven't really begun to dabble with Gutenberg beyond standard posts. I've just become to accustomed to being able to see things live on the actual page without any interference from backend stuff. Maybe someday this will come into fruition for Gutenberg!
It does feel like going back a few steps not seeing the design in context. This is an area that will always make Gutenberg look out of date when it comes to designing pages.
Thank you thank you thank you!
Interesting Tut Paul.
Would definitely like to see more like this. It would be great to see what can be achieved with both free and pro plugins with Gutenberg.
As someone who has invested quite heavily into Elementor and related plugins it's always good to see what is possible using other tools. Thanks again..... 🙂
I don't think that Gutenberg is a viable alternative to page builders right now, but there are certainly times where either using G on it's own with a good theme or at least to manage blog post creation could be a real benefit. Especially from a speed and future proof design point of view.
@@WPTuts Agreed Paul, but it would be interesting to see if Gutenberg does at some point offer the widgets and functionality of comparable page builders, how bloated it will also become, as others have questioned here.
I also agree that Gutenberg at this time paired with a decent theme, such as GP, would be a option for a simple no frills website.....
Would love to see Gutenberg recreate one of the more complex Elementor layouts.
YOU KNOW WHAT??? YOU ARE REALLY GOOOOODDD !!!!!!! THAKS YOU.....!!!!! ELEMENTOR IS MY FRIEND.. FAST, TRANSITIONS, EFFECTS, BUT I'M LOOKING FOR LOAD SPEED ON GOOGLE
And SEO. Elementor just fuc* you SEO.
It will be good to see a landing page build all in gutenberg. Or get like a comparison project like A/B elementor vs gutenberg.
Its quite interesting to have a alternative to elementor in case of an issue or something.
Exactly. As I've been saying for a while, there are always better tools for a given job and WordPress and Elementor are not always the right fit. Hence the tutorials and videos like this. :0)
Currently I'm an elementor pro user. I generally use hello theme or generatepress premium. However I've been thinking about trying to use Kadence and Gutenberg for my next project.
Like anything there is a learning curve but I think it's clear that most if not all page builders are living on borrowed time.
My main reason for looking into it is to try and build faster loading websites with less bloat.
I hope these videos will help make that transition a little easier. :0)
Thank you Paul for make me discover these interesting Gutenberg plugins. I love the simplicity of Elementor, but I'm fed up with the poor performance of this page builder, and can't wait the time where we can build our websites entirely with Gutenberg.
I don't thin you're alone in that. ;0)
Yes please - full page / site tutorial would be very welcome
Have a look at this tutorial Ben - th-cam.com/video/gNnPX2AEk6U/w-d-xo.html
Not a complete site with Gutenberg, but a great starting point to see how to use G as a design tool. :)
Thanks man, it was inspirational and very helpful indeed. please kindly build a full page so that we can use your optimization eyesight....
Gutenberg has come a long way. I personally don't use it but I think I should give it a try too.
full page pls:) thank you for this vid btw!!
Thanks Brother
Yes, please build a full-blown page!
Brilliant! Thank you Just wondering if you managed to do a full-blown page using Gutenberg?
Yes, please build a full-blown page.
Muy buen video ¿ Para cuando un sitio completo con ésta o más herramientas como estas?
I would be really interested in seeing how something like this would work for custom post types (dynamic content and templates).
Yes, please build a full step by step Gutenberg tutorial (possibly with Blocksy Theme?)
You may want to have a look at this tutorial Allen. You can skip anything you feel isn't important, but there are complete sections on using Blocksy alongside Gutenberg and some free tools to get you up and running building custom pages with Gutenberg.
th-cam.com/video/gNnPX2AEk6U/w-d-xo.html
Yes, please build a full-blown page (2)
Absolutely, make a full page with Gutenberg
Yes please. BTW, what's the point of having a base theme if everything is built inside Gutenberg or elementor?
How about using Dynamic Content in Generate Blocks? Would be awesome to watch a dedicated video from you to that.
Thank you. Please, make a new content for full blog post and page with Guttenberg.
I would like a video that raises expectations for a good video
I would like people to stop writing pointless comments, but hey ho. 🤦
Interesting the first plug-in is now part of blocks core.
Interesting video. Whilst there will be a speed/SEO benefit I think it will be a while before it will be comparable to say Elementor Free and what can be created with that.
Comparable, yes. The issue I have in general with Gutenberg at the moment (apart from the bloody awful interface) is that you still need to add several plugins to get proper functionality.
@@WPTuts Which ultimately will go a way towards bridging the gap on the performance benefits. Interestingly I took a look at Oxygen yesterday but as I’m just starting out and have bought into Elementor Pro and Crocoblock I’ll stick with it. It looks clean but also a bit of a learning curve.
@@spennysimmo3006 Oxygen is definitely more developer focused over the Elementor approach.
I do still need to dig into it though. :)
Would it slower the page speed of the site if to use block navigation tool
It shouldn't as it's a back end tool used in the Dashboard, so that should reduce any impact on the load time for the site itself.
I have tried to use Gutenberg over the last 3 days along with plugins such as Getwid, Stackackle and Qubely. If you just want to build for the desktop experience then it's a great experience. Quick and easy. BUT , I always build towards mobile-first (that is the way things are going) and this is where the experience turns sour and I go back to a page builder.
Gutenberg does not provide a live-preview and selecting the mobile preview option presents a pretty useless output. So you end up having to fire up a separate window to show your live site after you've made guess-timates in the design browser. This slows me down far too much to be usable when I need to fire up new pages quickly.
Unless I'm missing something, then it's a pass for me for now until they get better at the live-preview for *all devices*
'm sorry off topic, but I'm having a whale of a time resolving a Header issue. I want the text on the left and Hamburger menu on the right to line up with edges of the Slider below it. When I set the correct padding for the Tablet the padding for the phone is no good and visa versa. I cannot find a way to set them separately in the Customizer. Kadence Theme Pro Kadence Blocks Pro... Ive tried Tech support and they haven't come up with a solution
How do you add a border around a group block?
Kadence is cool but I actually think Neve has the edge, more templates and easier to use blocks. Another one that isn't on anyone's radar is the twenty twenty theme with the twentig plug-in, it's pretty awesome. Finally c9 theme and plug-ins have a lot of potential, free for now and ships with an admin dashboard plug-in.
Some solid suggestions that I've bookmarked to follow up on. Thanks for the info :0)
@@WPTuts thanks for all you do! I've played around with genesis blocks but I missed some of the features you covered in this video. I see the benefits of using the block editor, not only from a performance perspective but also bc it's a more intuitive editing experience for clients. Blocks are challenging, especially trying to make things mobile friendly.
@@cricedesigns my pleasure! :0)
I agree, there is certainly a learning curve and this is something that I want to focus some attention on in 2021 for my own benefit and also the benefit of the channel and subscribers.
Like it or not, I think this is a technology we have to embrace moving into the future.
My concerns are over the ability to use dynamic content and to create responsive sites. Since I'm pretty new to Wordpress I'm not sure if moving to Gutenberg will work. I'm using a theme that gives me social media capabilities and that has enough bloat. So removing bloat is a good idea.
I did just purchase the Elementor toolkit that is supposed to help with performance and strip out bloat.
Now, I'm getting concerned about the number of plugins.
CAN YOU TALK ABOUT KADANCE THEME THEY HAVE THEIR OWN BLOCK BUILDER READY
please make a Gutenberg playlist,so that Gutenberg rated videos can be found easily on your Chanel, please please please
I got the plug in and it won't do any of that. Won't let me drag and drop from the toolbar. Won't let me indent paragraphs after making a goup block. Help?
I think the thing is, these blocks and addons are going to become page builders like DIVI etc slowly, maybe better optimized for speed but the freedom that divi and elementor give, these will take time and we will keep referring back to the giant page builders for a while. And to reach those many features, these blocks will also bloat up at 1 point. So divi and elementor can move to more optimized codes and will be back in picture.
I love Gutenberg editor but keep getting the json not valid error when updating and sometimes when creating my pages and posts. Why hasn't WordPress fixed this?
Hello, paul. You should try kadence blocks. It's have more widgets and lots more functionality. wordpress.org/plugins/kadence-blocks/
Don't worry, Kadence is on the cards along with a lot of other really useful themes, tools and plugins. :0)
Can kandence blocks be used with any Theme?
Let’s try and make something more complex, if needed with paid plugins
Don't worry Tim, I will be.
Gutenberg with Toolbox?
By deleting Slowmentor
Gentle reminder...'With that being said' = 'However' which means: CONTRARY to this. It does not mean, 'Now that I've said this I'll say something else'. It's astonishing how often this phrase is wrongly used, even by native speakers. Consider, 'the next point is....' or 'following this'....'or 'next....'
I really don't like Gutenberg at all... :/ Anyway, just passing by! Cheers Paul.
I can't say you're alone in that, but I am trying to be a little more open to it in 2021 and see what I can do to make it more usable. :0)