Introduction to GenerateBlocks by GeneratePress
ฝัง
- เผยแพร่เมื่อ 30 ก.ค. 2024
- GenerateBlocks is a new powerful set of Gutenberg blocks that allow you to create any number of layouts, the possibilities are endless. I do a brief overview of how the blocks work and how to use them with the Gutenberg editor.
If you are thinking about moving from Elementor to Gutenberg - This is the video to watch- Excellent
Thank you Les
That's funny because that's exactly what I was thinking of when I saw this video :)
@@MikeOliverDesign I only watched the video because you said that you hated gutenberg before lol. Thanks for the video!
@@birdbrainsolutions6112 I don't love it yet, but I'm slowly getting there.
@@MikeOliverDesign Same here.. I love the ease of elementor, but I really like the speed of generatepress + generateblocks
The grid widths is the best implementation of rows/columns I've seen in a Gutenberg addon so far. Thanks for the overview.
Glad you like it, Tom at GeneratePress did an amazing job on this.
Dude, this was great! Not only does GenerateBlocks look awesome, but the presentation was just the right pace, too. Well done!
Thanks Jon, means a lot. Planning a GP&GB course, I'll keep the same pace :)
I learned more from this video than both GP and GB sites combined. Thanks, Mike! Tip for the next viewer... watching at 1.25 speed really moves this tutorial along.
Great tutorial! I'm transitioning over to GeneratePress using the GenerateBlocks, and this helped immensely.
Great to hear 😁
Brilliant Mike. Best TH-cam video of the year award goes to you. Thank you
David, sorry I missed a lot of comments (didn't have notifications on) :/
Great overview Mike! Been messing around with it and really excited.
Thanks Brian I appreciate it… I'm seriously loving it.
Awesome. I'm new to GeneratePress, I bought straight away the pro license yesterday. I'm not a professional designer but did quite a good job with my 10 year old WP site. Now it's bloated and dated, time to change. It was quite intimidating at first to see such a black slate and the Gutenberg page builder, but after a few tutorials I see a lot of potential. I love it. Thanks for this, very clear and intuitive.
Sorry for the delay , I missed a bunch of comments. Hope your enjoying GP & GB
I noticed alpha improvements up to the repository version. Congratulations Tom and Mike. Excited to put something into production with this. Thank you here from Brazil.
Thank Tom :) I have nothing to do with it aside from designing things with it
Thanks Mike, really useful overview. Actually got me excited about Gutenberg! Which I'd kind of been avoiding until now ...
Hugues A I never thought I’d be so comfortable using Gutenberg... but here I am 😁
Great introduction to Generate Blocks. Thank you.
Thanks Bob!
Some of this was a revelation. I'd never have considered turning off most of the blocks... I have GP premium but have found some of it a bit unwieldy. GB looks just the job.Thanks.
Thank you so much for this tutorial. So clear and easy to follow!!
Glad it helped :)
This is awesome! Incredibly helpful
Thanks Mike, Great vid. I just experienced a GenerateBlocks learning curve boost!
Glad to hear it Alex, thanks for the feedback
Love your Beaver Builder designs in the GenerarePress Site Library
Thanks Mike. This is a perfect explanation of GeneratBlocks. 30 minutes full of valuable knowledge - WOW - thank you so much. Aand you gave us some pretty nice ideas about how to structure a page. If I got it right all is done without using the Header Container form GPP > Layout > Header. Thanks a lot.
So sorry for the delay, I missed a lot of comments. The Layout>Header spacing controls the space above and below the logo/navigation, which would apply if you page header Elements are not merged. If they are merged those settings still apply and would just add to header padding settings in your header element.
Extremely useful! Thanks for the intro.
Thanks Kevin, I appreciate it
This is great thanks! I’ve just started using Generate Press the past week- working on my site in a staging area- and discovered Generate Blocks. Been learning more the past few days and I’m enjoying it and understanding WP better, I’m stopping to use Elementor, Thanks for the tutorials, learning a lot.
Scott, that's great to hear, I'm glad the videos help
Thank you Mike for this excellent video. You have helped me a lot to make a final decision. I'm going to use Gutenberg + GP Blocks with my existing GP Premium, and leave behind Elementor.
Glad to hear it :)
Awesome video Mike. I was hesitant to use Gblocks for quite awhile and just recently started adding them to sites. But THIS takes blocks to a whole new level! No more Lightweight Grid Columns or page builders for me anymore. GP + GPP + GB are shaping to to be the ultimate trifecta for WordPress site builds. Thanks for putting this video together.
Paul Racko I really appreciate that Paul, I did this video in a rush and I was hoping it would help. I’m gonna start doing short GPP & GB videos building out certain layouts on the fly so people can see some more examples in action. I plan to do one tomorrow.
@@MikeOliverDesign Sounds awesome. Your video inspired me to play around with GB. When I couldn't find a built-in option to vertically center a child container block within a parent container block, I put together a few lines of CSS that works like a charm. I posted it to the GeneratePress community on FB. Feel free to check it out and add it to your blocks!
Paul Racko nice! Thanks Paul
Thanks Mike, its really well. Go ahead.
I wish you all the Best.....❤️❤️❤️❤️❤️❤️
Thank you for sharing this. Very helpful content.
Thank you so much. Awesome beginner tutorial.
Thanks Richard, glad it helped
Awesome tutorial Mr. Mike, Thank you so much for sharing it. very nicely explaining about each and everything details including Reusable Block and how to make it Regular Block this thing I wondering since a long time but after watching your tutorial I learned the same. Please keep sharing more tutorial videos for us. Thank you so much :)
Thank you Tirath :)
I am considering ditching Elementor. Just discovered GP and heard about GenerateBlocks.
You're the first video I watch about it. A real eye-opener. May well get rid of TinyMCE as well.
Thank you for your demo.
Glad to hear it, when GenerateBlocks Pro comes out the possibilities will be endless
Thank you, Mike! I hope that you're planning to add some more videos about GenerateBlocks. I'm a professional illustrator and there's not many tutorials about portfolio websites. Anyway, thanks very much. You are so helpful.
I'm finishing my course and then I'll jump back on more YT videos, thanks for the interest
fantastic training
Thank you!
Thanks Mike, it was very useful! Keep it up, some customization video would be awesome to introduce the GP ang GB possibilities together.
brobee727 that’s my plan, some short videos building layouts on the fly.
Thank you. Very helpful!
Amazing tutorial, thank you so so much!
Thank you Maria
That's been a masterclass to me :)
Glad to hear it 😁
SOOO much better than the content from the publishers! Thanks so much.
Thanks Mike - great intro - well done - hope the cat got fed :)
I guess you could hear him 😂
@@MikeOliverDesign Yep 2 or 3 times :)
Great video! :) Learned a lot about how to do things. I'm totally new to website building, so this was very informative for me. Good explanations :)
Thanks for the comment, I appreciate it
Thank you for making this video it's excellent.
You're very welcome Max
Thank you. This is very helpful!
You're welcome Lisa
Please do videos in 1080p resolution. As everything looks very sharp in that resolution.
Class! Thank you 😃
Thanks, Mike, great overview. It's nice to be able to design the header in GenerateBlocks and all but then you wouldn't be able to reuse it conditionally for other pages. You could add it as a reusable block but then you would have to keep adding it to all pages you create and for big projects that would be cumbersome. I think the header element feels more robust for this kind of stuff. I mentioned Tom the fact that it would be great to have the block editor inside the header Element, as well. We could also have reusable blocks in there.
George I think that’s the plan to integrate elements and GB. I personally use element headers everywhere for the reason you wrote, just used the blocks for this demo.
Good point. How is that now? Can you reuse these blocks now in an easy way?
@@denhaagnl88 Yeah, very easy now by using a block element and set it as a header or a header related hook!
Thanks Mike - Going to dive into this today and experiment!
Gareth Wynn Have fun and let me know if you have any questions
@@MikeOliverDesign Do I need to have the Gutenberg plugin installed before using GP Blocks?
Gareth Wynn Nope just make sure that the classic editor plug-in isn’t installed and you’ll just use the normal block editor which is basically the same thing
Groovy Mike, thanks.
Hi Mike, Thanks for your GeneratePress courses, I finally found some useful materials on this topic. Finally I decided to build my websites with GeneratePress based on several studies from different sources, and as a thank you for your time and production of this material I will a little bit support your channel by purchasing GP Premium through your referral link.
P.S.1. : there is no affiliate link in most of your videos :-)
P.S.2.: I think newbies like me would appreciate a complete course (video, ebook, ...) from A to Z for this excellent web builder. Just an idea.
Big greetings from Eastern Europe, Slovakia :-)
Thanks I really appreciate it. I haven't been doing TH-cam videos much lately and never pushed the affiliate thing too much. I did have a course, but now have a community that is an ongoing monthly membership for training, templates, etc. If you're interested you can get more info at wbcollective.dev/
Thanks Mike. Going to give it a go today.
Have fun 😁 I’m starting a series of short “how to” videos with GPP & GB. I’ll be posting the first one today if you’re interested.
@@MikeOliverDesign Looking forward to it.
Great content Mike...
Thanks, I appreciate it
Did you ever make that video making a website with Gp and Gb you said you were going to down below to another viewer?
@@ThePistonPit I made a GP&GB course that is a step by step tutorial. Here is some more info if you are interested… mikeoliver.me/generatepress-generateblocks-course/
@@MikeOliverDesign
That’s it, the course i meant, thanks Mike, much appreciated, look forward to more of your videos on GP
Thank you Mike
Bruno Borsi you’re welcome Bruno 🙂
Thank you
Awesome. thnx
Awesome tutorial. Are you able to implement parallax effects on BG images on container background image in GenerateBlocks? I *cannot* figure out this one thing...
Hi Erika, in the container background image settings set the Attachment to "Fixed", this will give it a parallax effect.
Thanks! 🙏
thank you
Great addition !!! Is it possible to use generate press + blocks to customize taxonomy pages such as categories or tags with gutenberg ? thanks
Not right now, but Tom did mention possibly in the future.
I've never came about using a diagonal gradient in CSS and I might not need to if I see how you can cleverly implement one using GenerateBlocks!
Hi Mike, thank you so much for the video. GenerateBlocks seems to be the perfect addition for GeneratePress. Is there also a toogle / accordion block available soon? thanks
Sorry missed a lot of comments, not on the roadmap as far as I know. Possibly a future feature of GenerateBlocks Pro.
Hi Mike, I want to ask you : "is GenerateBloks a plugin ? or is it part of GeneratePress theme ? "
Where can I find it ?
Thanks from Italy : )
Alessandro Papa It’s a free plug-in and there will be a premium version down the road. You can download the latest alpha here, it is very stable, I’m using it on about 10 live sites. generateblocks.com/install/
Grazie Grazie Grazie!
"Very nice!"
-Borat
Like you I used to hate Gutenberg at first and installed the classic editor for posts. My pages were created using elementor but generatepress was my theme which I used for headers and footers.
After Google changed the way it displayed reviews in serps I tried a review block that returned my stars in serps and began to prefer Gutenberg.
The only thing that confuses me is why WordPress has Gutenberg installed in core WordPress but also as a plugin and why you prefer it as a plugin. I just use the core version and to be honest like you mentioned I only use a handful of block types on my posts.
Gary Box From what I understand the plug-in is more of the developmental version with the latest features.
Meow - the cat got a little impatient in the end :) I asked on facebook as well but would it be possible to play with some of your template layouts via JSON? Just to get started and feel the vibe.
Søren Jessen Let me clean some of them up and make them more generic and I’ll share some with the group
I am just here to see how Gutenberg and GenerateBlocks has evolved in 3 years.
Mike, what’s that Gutenberg Blocks plug-in you mentioned at 1:50 that’s better than the blocks that come with Gutenberg?
That's no longer needed, it was before the version of WordPress that came with the latest version of Gutenberg
Mike, can I create single post templates with it so I don't have to recreate the same post layout again and again?
Sorry, missed a lot of messages… I use the reusable blocks for this exact thing. I ahve several post templates I draw from.
Can someone point me to how to create an archive page? I need to setup dynamic grids with blog posts populated... I can't find any instructions and the new query loop function still hasn't been officially released.
Vim, I have a video covering this in my course (which is closed currently). I made the video available to the public, you can view it here… tinyurl.com/2p8um5wa
One question - You said you prefer the Gutenberg plug-in vs the native gutenberg editor in Wordpress. Is this still true now that WP 5.4 has been released (since you did the video)?
No, I actually ditched the GB plugin now that 5.4 is out. One less plugin.
Mike - you have a talent with tutorials, thanks for making this! Question: will using GenerateBlocks add any bloat to the output of the GeneratePress theme?
Thanks Jocelyn, GenerateBlocks is lighter than using a pagebuilder, is that what you mean by bloat? So if you had a website using GeneratePress and a pagebuilder, that same website using GenerateBlocks instead of the pagebuilder will be lighter.
@@MikeOliverDesign Yep that is what I meant! Thank you for the response :)
can you please guide me how to made generatepress layout element that turns off the title and set up the page to full width?
Muhammad, make a new Layout Element and go through the tabs, those options are there… disable the content title, make full width, etc.
great video! can you also change the size of the buttons?
Adriene van Dongen yes, you can do anything with the button block. Icons, gradients, rounded corners, size, padding, etc
Thanks, Mike. I have a doubt: do we need to install gutemberg first to use Generateblocks?
You don’t need the Gutenberg plug-in anymore, It’s all part of WordPress now
@@MikeOliverDesign thanks a lot!
Hi Mike. Thanks so much for this video, it has really helped us in getting a better understanding not only of Generate Blocks but Gutenburg itself. The potential seems amazing. In reply to an earlier question, you said you were putting a training course together, possibly for Udemy. Any further news on that? We are definitely interested. Off to look at some more of your videos....
Thanks Phillip. glad the videos help. I still have plans for a course related to building a site from scratch with GP and GB, I've just been busy with work non-stop. I'm probably going to use Podia for the course to save some time and get it out quicker.
@@MikeOliverDesign Okay, we'll be on the lookout for that.
@@MikeOliverDesign Agree with other comments, apart from the Udemy bit. My advice from actual experience...put a short free taster course out there and deliver your full course from some other platform. If you're thinking the Wordpress route Learndash seems to be the best LMS from my research.
@@markt2831 Thanks Mark, I'm actually planning a mix of free and premium classes on Podia.
Is there a way to create an author bio box with GenerateBlocks? Or what is the best way to build and author bio box?
Steve, that is what I do in this Block Element video… th-cam.com/video/5AHvhYg9Zg8/w-d-xo.html
@@MikeOliverDesign Thank you. I will check that video out. I know you published this video a while ago, thank you so much for monitoring the comments and getting back to me :)
Very useful, I think its bye bye to elementor. I notice you use Px for spacing, I tend to use %. Is Px generally better for spacing?
Thanks for the feedback. I use px and % it's really preference. PX gives me more control sometimes as far as design.
@@MikeOliverDesign 👍
What blocks would you say GenerateBlocks replaces? You seem to imply that it replaces most of them?
I see it replacing the heading, cover, buttons, columns, group, spacer, social icons and all the embed blocks. I turn off a lot of the Gutenberg blocks I do not use anyway such as most of the widgets, audio, video, etc.
So far I have noticed I can build out most sites with the 4 GenerateBlocks and maybe 5 or so Gutenberg blocks. Everyone is different, but for me, the average small business website doesn't need most of the Gutenberg blocks turned on.
@@MikeOliverDesign I would agree, most of the Gutenberg blocks are not commonly needed. Can't wait to try GenerateBlocks out!
Hang on... Back up a mo! You install the Gutenberg plugin - even though it already comes with WP5? I had no idea the built-in version and the plugin version were different. Care to explain a little more?
Antar, I made this video before WP5, I stopped using the plugin shortly after
@@MikeOliverDesign Ah. OK. I thought I might be missing out on something! :-)
How does this affect page speed? Negatively or positively?
Chris, compared to using a pagebuilder it's faster
Hi, how do I remove or change the image without deleting the block? Thank You!
When you select the image block click on Replace and then either upload or get a new image from the media library
@@MikeOliverDesign Yes sir, but what if I just want to delete the image but keep the block? Is that possible? Thanks.
sir how to create text and image shadows?
Sorry I missed this comment, GenerateBlocks Pro will have shadow options
Great content. You should put some training on Udemy. I think you could build a good following on that platform and I would pay for the content. Would love to see you put a full tut together from start to finish with a GP theme and Generate Blocks.
Ian, I really appreciate the positive feedback. I’m actually planning out a GP&GB course right now 😁
Mike Oliver Design I’m in. Take my money? 😊
Mike Oliver Design Only just got this YT notification.
I'm also in!
@@MikeOliverDesign how's that course coming along? :)
Is that generate blocks pro?
No this is the free version
Is it similar to Elementer?
It is not a page builder, they are a set of blocks you use with the WordPress block editor.
I'm a little late to the party, just discovering GB and I'm now going to work to convert my Elementor sites. Question: Why do you use the Gutenberg Plugin?
Daren, I don't anymore. I made this video before the last version of WordPress.
do you have any telegram account to help me one on one?
No, I'm sorry I do not
make me confused, i usually used elementor so easy, this is really hard
Once you build a few sites with blocks and get used to it, in my opinion it's actually easier than using a pagebuilder. Plus you get a much leaner and faster website.
Hey...there is a cat over there...
😺