GeneratePress Theme Customization | GeneratePress & GenerateBlocks
ฝัง
- เผยแพร่เมื่อ 10 ก.ค. 2024
- Learn how to get started building websites with GeneratePress & Generate Blocks & easily score 90+ in Google Pagespeed Insights & GTMetrix with this beginners guide tutorial.
GeneratePress is a flexible WordPress theme that offers a lot of powerful functionality and works beautifully with the GenerateBlocks plugin for Gutenberg.
In this getting started tutorial, I'll take you through the core skills needed to become proficient with GeneratePress & GenerateBlocks.
We'll look at the following core tools:
- Global colours
- Global typography
- Theme layout basics
- Getting started with GeneratePress Elements
- Building a global footer with GeneratePress's Elements
- Creating a transparent header
- Using Element conditions
- Getting started with hooks & templates.
We'll then move on to building our designs using GenerateBlocks and cover the following topics:
- Containers
- Grids
- Overriding global settings
- Using the design library to rapidly build layouts.
By the time you've worked through this guide, you'll have a solid understanding of the core tools and skills needed to get the most out of GeneratePress & GenerateBlocks.
--------------------------
GeneratePress: jo.my/atme3l
GenerateBlocks: jo.my/xotgcy
Local Google Fonts: • GeneratePress - Adding...
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.
► EXCLUSIVE WPTUTS DISCOUNTS ◄
✅ WPVivid Backup Pro: jo.my/vividpro (use WPTUTS20 for 20% off)
✅ Project Huddle: jo.my/etafyp (WPTUTS for 20% off - Exclusive)
► 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 - แนวปฏิบัติและการใช้ชีวิต
Kadence, Generate, Blocksy, Bricks, Genesis, Spectra, Stackable, Cicwly, Oxygen, Breakdance, Elementor ... It's just all too much!!! I miss my Macromedia Dreamweaver days of 90s. Paul, I love you dearly but I am going to forward you my mental therapy bills LOL
LMAO! Sorry buddy :)
Ahh, the golden days of Dreamweaver, database connections, Windows Servers, ASP and all that lovely stuff!
You are missing the BEST --> Greenshift Gutenberg plugin
@@WPTuts And in the spirit of Independence Day here in the US (sorry to bring that up to a Brit)... Let's not forget to give some love to FIREWORKS. Hands down the most user-friendly yet powerful graphics editor. I still remember creating buttons and slicing up images to this day.
@@jwalkonline lol, oh yeah. Fireworks image slicing was, erm, interesting! lol
@@galeriapanama4433 and what makes it the 'best' plugin for Gutenberg?
We are so lucky to have yourself and others creating this excellent content to help us become better at using these tools. Thank you! I’ve already learnt a few things I didn’t know about GP and GB.
Thank you so much for your tutorials; I purchased the GeneratePress plugin yesterday and just installed GenerateBlocks. Cheers to your research and providing an excellent solution to not have bogged down WP sites!!!
This video is amazing. No fluff just simple actionable steps for a design-pigmy!! Thanks man👍
A most excellent overview on GP and blocks. More complex designs in GP would be great. Thanks for the video!
re. "I'm not going to bore you with..." THANK YOU!! Just and excellent overall great pace here. I've seen too many videos where even something as simple as picking a color has the presenter droning on, and on, and on... JUST PICK A DAMN COLOR! Here thankfully none of that kind of bloat. An excellent video covering many of the essential basics. I learned quite a few new things and look forward to getting deeper into the subject matter. Thanks much. 👍
Paul, thanks so much for this video. I've heard you and Kyle talk about GP/GB but wasn't really sure I wanted to make such a dramatic change in building tools. I'm still holding out for Bricks builder 1.5 but can see GP/GB as another great alternative + no reliance on page builders!!!! Thank you very much for this video. I am eagerly waiting on an update with more complex designs and most importantly with dynamic content. Cheers!
Ive never been interested in anything Gutenberg, but after watching this video and what generate press and blocks can do, I see lots of real potential... i might whip up a few basic clients sites with this combo just for the fun of it :)
I much appreciate your presentations since they are straight forward. 🎯
Well done Paul… and indeed yes the real test becomes more complex designs, using shape dividers, posts layouts, animations, overlap images, etc.
You can get an awful lot done using GP/GB Pro and from time to time you may well need to get your hands dirty and add in some additional CSS or HTML to achieve a more niche result. But that's okay. That's kind of what these tool are about.
Possibly not the best option for everyone or every situation, but the ease in which you can get a super fast loading site with no CDN or heavy optimisation tools is impressive to say the least.
@@WPTuts agreed Paul
2023 will be an interesting year .. many changes coming as you are aware of …
So glad you posted this, Paul. Cheers-a-plenty! Will have to watch later, though.
Wow, another excellent video Paul. Great explanation of GeneratePress & GenerateBlocks. Thank you! More on the same subject would be fantastic.
There are more coming Larry, fear not. :)
Excellent "how-to" general functionality tutorial. Thank you!
I have watched hours of your WordPress content and it’s all terrific. But it’s time we talk about your Star Wars art and TIE Fighter in the background. I’m digging it.
OMG - I was ready to rip my hair out until I saw your video. I have a long way to go, but this was a huge sanity saver and definitely has me on my way. Thank you!
I would add to the list of requests for more detailed tutorials on generatepress and generateblocks - love the tools.
Fabulous overview Paul - very helpful and much appreciated. I truly with GP/GB had linked your videos in their docs - would have saved a tremendous amount of learning curve.
Glad it was helpful!
Another great video!!! Congratulations, Paul!!!
I will be back again and again very informative but It will take me a while I am not techy but I am learning thanks to people like you Thanks.
Great video. Thank Paul. I’d love to see more complex tutorials particularly with tools like ACF and CP TUI, MetaBox or JetEngine.
They're coming. I'm already planning a dynamic tutorial with GP/GB. :)
one of the best tutorials ever!
Excellent. As I am new to this, a tutorial on a more complex site would be wonderfully helpful
Oh yeah!.. more of this, please.
Very informative tutorial. Thank you, dear Paul.
A dedicated video on Elements would be fantastic 🙌 For example, setting up a layout element so you don't have to keep changing those containers to full width ;-)
Gimme a chance, I've only just started using them.. lol
@@WPTuts ohhh man. You haven't felt the power yet! Global styles too!
@@kylevandeusen when you're back off vacation you can tell me of their power. ;)
@@WPTuts Back and ready for your ANYTIME! :)
@@WPTuts how to remove or reduce gaps between blocks?
Great overview, Thank You!
I just want to say thank you for such a helpful video. I watched it after a night of fails with GP and GB. One little detail that it easy to miss and therefore causes at ton of issues is if you do not add an inner container to the main container. If you add a block container instead, everything will not format correctly and it will be a mess to get things spaced and such. The latest GP does not have the full width and Inner container options in the page options anymore, so I had to figure out the discrepancy with your video. And it was a huge help to see the Pattern section which I totally missed untill I saw you video.
I would love to see more design walkthroughs usin GP Premium and GB. For now, I am wondering what and why you would recommend for adding spacing in the responsive desgining? Padding or margins. For example, if a block or form goes right up to the edge of the screen and you want a 20px space on the left and right -- padding or margin? Does it matter?
Thank you again!!!!
I would like to see more on Generate Press including contrasting the design interface and elements with their Gutenberg counterparts.
After your announcement a few weeks ago that you would be looking into GeneratePress, I waited anxiously. I already thought that you would wait until GenerateBlocks had received its update.
I hope that this will become a small series (Query Loops, CPTs and so on).
It will. I'm already planning some more tutorials delving into some intermediate topics after covering the basics in this video. :)
Indeed, it is!
Great video Paul.. I'd love a more detailed version on complex designs with GP and GBlocks.
They're coming, don't worry. :)
Hi! Thank you so much for this video, It's helping me a TON. I have a question about adding the container block (have the video paused at 14:50 for reference). When I tried to add a container block, that's not coming up as an option for me when I try to add a block. Is It because I don't have the premium version? Thanks!
Awesome demo mate... Although some of the settings have been moved and changed with more recent updates, this tutorial goes a long way to make it easy to understand how to use Generate Press and Generate Blocks #JediWisdom
Thanks buddy for the help
well explained bahut badhiya😎
I wish you explored this a few days earlier before i renewed my elementor pro licence :p
Oops! Sorry about that... 😬
Great video! If you could get into more complex GeneratePress designs that would be great!
Wow. Loved it
Brilliant succinct tutorial 👌
I was glad to find this, until I started trying to use it. A lot has changed in a year (since this was made). Every day I use them I am less and less a fan of content blocks. They certainly do well at blocking me from creating content. What a LOT of time spent dealing with what used to be much simpler, almost unnoticed, when writing a post.
Thank you very much for showing your love for GB and GP. After trying many others, I have finally halted at Tom's these 02 amazing product.
I would like to request you for having a dedicated video for GP Premium + GB Pro + ACF Pro for a listing site.
I haven't found any detailed video of GP + GB + ACF (alongwith CPT UI).
Thanks in advance.
Great video Paul... quick and maybe silly question but how did you get dark mode on the main canvas? :)
Wonderful. Please make a complete tutorial for designing with GeneratePress
The pattern library @ 26:47 is only in the GenerateBlocks paid versions.
Hola, muy instructivo el vídeo, si me gustaría saber cómo implementar cosas un poco más complicadas con el query loop, por ejemplo un carrusel de entradas, gracias
Hello Mr Paul and thank you for all of your videos. I learn a lot and inform a lot about new features in WP from you.
Do you have any idea when we need GeneratePress if we have Blocksy? Also Why Choose GeneratePress rather than Kadence or Blocksy?
it work on my pc thx bro vеry much
Thanks a lot for the great video! Did you use the pro version of Generate Blocks as well?
Yes I did. I mentioned it right at the beginning. But, as mentioned, you can do a lot of what’s covered with the free version.
I'm planning to walk away from Elementor! I really like Blocksy, it doesn't generate an outrageous amount of unnecessary code and has dynamic content! 😉
I’m a massive fan of Blocksy and use it on the WPTuts site. The range of dynamic support is also impressive and well integrated into the theme. 👍
@13:45 my right sidevar doesn't have an "inner container width." Did something change recently? I don't see a way to change it for that specific pages, it's only under global layouts.
What do you mean by use the font offline? I couldn't find the video you were referencing to.
nice video thanks a lot
Interesting and hopefully just the start of a series on GP/GB. But have to say I am not finding gpgb very easy at all. Lots of awkward ways of working with lots of scrolling and clicking around. Not always easy to know or find where settings are. I’m especially confused with the dynamic features where you can use a toolbar or the block sidebar but each have different but overlapping settings. I seem to be able to do half a job using each but no way to achieve the whole job.
Can you tell me how to make it all adapted to the mobile version? I created the main page with generateblocks and it looks terrible in the mobile version.
Please, please, please... create a detailed video for GeneratePress & GenerateBlocks combined with ACF and Custom Post Types or Crocoblock, if possible. 😄
To make website attractive,
do i have to use the generate block pro plugin? can i make an attractive website using generateblock free?
You can do an awful lot with the free version of GenerateBlocks including working with dynamic data and the WordPress loop.
Sometimes it's just easier for me to create my theme from scratch. Page builders are well and good but it's yet another learning curve and time constraint.
hi, that was awesome, please create a page from Scratch without using the templates, using all the available blocks and elements so we can explore all the options it provides also create a simple customizable contact form, also a blog page that fetches dynamic content, custom posts, and custom design of the posts.
Hi Paul, again great tut! Bit off-topic: I need Name or Painter or Vendor of the left painting on the wall behind you (the orange red one). Could you please give me a hint? Thanks!
They were bought from Etsy, but it looks like they are no longer available there I'm afraid.
Video for putting your own softs on or is that possible. I can softbox so would like to up load my own softs.
In the dashboard of Wordpress “using generatepress theme”, under seo it shows as - keyword not set. Just wondering what is this & how to fix it. Thanks in advance 🙏
Thanks for the video! Do you have any videos on adding animations on scroll for Generate Press Premium? Thanks!
In terms of productivity, it takes alot of time to configure basic blocks in this editor which can be done in seconds in elementor.
I disagree. After using this for a few hours it all feels quick and easy to work with. Plus, with 90+ scores in GPSI with NO optimisation, I'll spend the extra few minutes using these tools over having to install additional plugins and server caching to compensate for the added code in Elementor. ;)
@@WPTuts I'd rather have server cache and not kill my site when it gets alot of traffic.
@@roadrunner197069 no one said NOT to use a server cache, but by not relying on this and tools like WPRocket to compensate for the increased load times you generally see on sites using Elementor it makes like a lot easier.
@@WPTuts agree that elementor is slow compare to these builder but the time i spent on optimization is much lesser then working here and find dozens of alternative for tiny functionalities.
@@WPTuts so we set border width on top right and then for border color you have to scroll all the way down? these are tiny features which makes the development process slow. BTW i constantly use block editor/elementor back and forth to make sure one day i can switch from elementor but seems a long journey.
Hi! at 25:18, how did you get the HOME heading to disappear? Great video, thank you.
There’s an option from GP that lets you disable various page elements. Look for those in Gutenberg under the page or post tab.
Wonderfull thanks! Would love some tuts about creating a custom academy maybe? Just some CPTs Acf and Gutenberg with Generatepress. Is it possible??
at 25:14 there is "Home" title at the top in editor but during preview it disappears. What setting did you do hide that?
I used a negative top margin to move things up and you have an option in the right panel in Gutenberg to hide various parts of the page when using GeneratePress. You can disable it there. :)
@@WPTuts thanks.. will check it out
Hello Paul,
Can i use plugin spectra in theme generatepress?
Yes, but you may not benefit from the integration of the global colours and typography from GP. :)
Thanks paul
@@zenozstudio5523 my pleasure.
does generatepress theme have a search box?
I can't drag the grid into the container. What am I doing wrong?
They have updated Generatepress and many of the settings are gone or moved. I find it extremly difficult to control at the moment. Do you have an updatet tutorial?
Hi, following your tutorial, but I dont have the pattern library option to click on
I believe this is only available in the Pro version and not the free version and needs to be enabled in the settings.
how come that you have so many layout options for your container and i dont? i only have content layout and content alignment
Hi you, I don't see "pattern Library" in Generateblocks. Can you help me, how find and use that? Thank so much
i use GP 2.1.1
It needs to be enabled in the settings and I believe it’s Pro only.
@@WPTuts Yes. It's not pro. so bored
How can I Customization header color ( I have my color ) ?
The new WordPress with blocks drives me crazy! I hoped your video would help. But, once you start working on the home page my screen is different, I can't find the options you have for containers. I can't move containers by dragging them. Maybe its because your video is a year old and I'm not using the Pro for GenerateBlocks. Now there are Patterns thrown in too. A big frustrating mess.
What about responsive part?
Now that you've done this, how about the same for Kadence?
If someone wants to give me a license for Kadence Pro & Kadence Blocks I'll be happy to take it for a spin and see what I think of it. :)
@@WPTuts Check your email please
Can you not just change all buttons at once? Its kind of strange that new buttons don't automatically inherent a global button style
Its very confusing and annoying that its not clear when you are presenting features only covered in the premium version. This way it more looks like a promo for GeneratePress Premium.
Would’ve liked to see what you could without premium before adding in that option.
The option to add Container is no longer there
100 Score - not a problem with Blocksy Theme 🤷
Very true, but this isn't about the Blocksy theme. That's been covered several times on the channel and my top general purpose WordPress theme.
Moore Please!!
I never saw you make a website from scratch or a theme for wordpress / woocommerce , you only use paid plugins and some free but for the free ones you always use paid stuff.
It will be nice if you can make a Wordpress Theme from scratch, from scratch and not only use plugins.
Thank you for the comment, but just to clarify there are loads of tutorials on the channel using only free tools covering full site builds, WooCommerce builds as well as everything in-between.
As mentioned in the opening of this particular video, you can get most of what is covered here done with the free theme/plugin, but if you want some of the nicer features, then that comes with a price tag.
As for building a theme from scratch, that's not really what this channel is about. I don't really see the need to build a full theme when there is an abundance of amazing, well-coded themes that form a fantastic starting point for your designs.
If you don't want that, then I've covered how to use a tool like Elementor (free & pro) to build your entire site from scratch using a base bones theme like Hello.
I don't have an option to expand the grid. GP is harder to work with than Organic chemistry and or circuit flow calculations. And there are NO quality tutorials on it and GP videos are just bad, not to mention documentation. Just bad. And Tom will tell you, "hire a developer habibi" :(
For the price of the Premium version is absolutely not worth it
That’s your opinion and I’m sure the tens of thousands of premium users, myself included, would completely disagree with you.
@@WPTuts tens of thousands flies agree that shit tastes good, that my friend is what we call an Argumentum Ad Populum fallacy
The stock market has been incredibly volatile recently. The global economy has become increasingly unstable.
Trash tutorial
1. The prebuilt block is only available to GB pro (pricy 50$ a year for 1 site, gets lower if u want more sites tho)
2. The hero section doesn't actually appear to be full width but it's still contained
3. Some cuts are made trouout the tutorial that makes understanding harder, for example when you drag the grid under the container you fail and then you cut right trough, you didn't tell the user that they need to drag it in the left-right part to put it inside.
Tried to rewatch again and again but seems like I just wasted 2 hours of my time and now I'm very frustrated.
(I finally figured it out, to have it full size u need to open the main container and there's an icon for the spacing and you need to set that to full width)
Feel free to take the time out of your day to create something instead of trash talking others hard work.
all good, but for mobile it doesn't work, everything is disconfigured.