My New GP/GB Starter Site: Complete Live Breakdown
Вставка
- Опубліковано 10 лют 2025
- Join me LIVE as I share all the behind-the-scenes of my new starter site and GeneratePress child theme - which is PACKED FULL of all kinds of goodies that save time and help me build more consistent websites and get up and running quicker!
In this call, we'll be discussing:
What is a starter site?
What are the benefits of using a starter site?
How do you set up and use a starter site?
What's included in my starter site, including:
- My design system/framework (typography, color system, CSS tweaks, utility classes)
- My templates (single post, blog, archive, search, footer, etc.)
- WordPress tweaks (dozens of PHP functions)
Q&A with Kyle and Jonathan Jernigan
Get Jonathan's course and master GeneratePress & GenerateBlocks: theadminbar.co... (affiliate link) or jonathanjernig... (non-affiliate).
I can't tell how many times I came back to this video for inspiration for my own starter site. Your general content is awesome, but this is pure gold, thanks a lot for this breakdown ! 🙏
I would just like to point out something. I love the idea of adding the category taxonomy support to pages. This is a great way to target templates. But I really don't love the fact that the categories used for the pages are the same as the ones for blog post (even though I actually don't have that many clients with blogs). In my case I created a new taxonomy (with the slug 'page_category') and I'm using these to categorize my pages.
It's a tiny thing, but it keeps things "organized" (as in "I'm a control freak" 😅)
Yeah, I'm totally with you on this. Can you please share how you did it?
This was an excellent video! I had this on my todo list. What a great resource. Thank you!
Thanks a lot for this. Watch it from the start all the way until the end. So many helpful tips and tricks. Amazing to se what you've built:)
Glad it was helpful!
Aww I got a mention. 😊 (my fragile ego always appreciate a little stroking)
This is brilliant walk through! Love how you've recursively gone down the maintainable fluid typography rabbit hole till you reached some kind of singularity perfection in GP/GB.
@TheAdminBar, great insightful video for developping a starter site on GP. I've watched it numerous times aready and started working on my own "starter site" functions.php file and noticed a couple of things / possible optimisation:
1. it's possible to combine the remove_theme_support( 'core-block-patterns' ) & remove_theme_support( 'post-formats' ) into a single function as they use the same action (although it seems to be missing from your video for the latter);
2. you have to add a priority > 10 to that function for the post-formats to disapear;
3. it's also possible to combine the is_attachment and is_date redirects into a single function by changing if( is_attachment() ) into if( is_attachment() || is_date() )
Really appreeciated the design and typology part will move on to that next - keep yp the good work Kyle!
Wow... I will tell you what happened to me, watching this video. I was totally intrigued by the idea of having all that stuff (font sizes and paddings ...) in the css. So I copied part of it for my starter site. But then it occured to me, that it's never good to copy something you don't fully understand. Which is the case with those clamp values. So I REALLY need to get some more knowledge about clamp, before I can incorporate those ideas. But still very helpful, for example I could (as long as clamp is foreign to me) add some global styles for those container sizes and maintain them in GB. THANKS for all the inspiration you bring! I am learning so much!
Brilliant video again Kyle (and Jonathan). So many great tips and tricks to take away. I was waiting with bated breath for the link to buy your starter site, but totally get why that's not a viable option. You asked what parts people would be interested in you sharing and for me some of the stuff like CSS/clamp code or the GB Global Style or page templates would be super useful. But again, we could stop being lazy and just go make our own! Thanks again.
Thanks so much for this Kyle, so much useful to digest and implement. Perfect start to a weekend working on improving my website!
💪 Glad it was helpful!
This was a fun video to watch. My "starter" website is set up similarly, so this validates that I'm doing things right.
Or makes us both idiots ;-)
This is awesome! I would love it if you could do a more detailed video about how you set up and use the Typography. I tried, but couldn't quite get it.
Thanks!
Yeah, it's a bit of a beast. Still trying to figure out how to explain it clearly.
It looks like you also used global styles for your headings. How did you map the global styles to the variables used with the clamp functions. On my global style for Headline XL, I tried adding the variable for headline xl to the font-size and it didn't work. I also tried adding the xl headline class to additional classes and that didn't work either.
Hey Kyle, great video. I grab some ideas to implement in my next blueprint.
Would you mind sharing that beautiful log in styling? It looks 1000% better, so clean. Loved it!
I always think of grid for 'macro' layouts (i.e. your main column grid layouts), and flex for 'micro' layouts (i.e. aligning elements *within* a column inside that grid). Probably too simplistic a definition, but it works fine for me.
That is a great video! Thanks so much for sharing all that
Hope it was helpful! Thanks for watching!
I think I will finally also start using rems instead of px like you showed.
Is there a resource to learn more about that which you would specially recommend?
Kyle, great video, learned a lot. I also tried to follow most of what you are doing there. One question remains open: your defined variables for container widths. But you never use them in the style sheet. At least I really didn't find it. So the question where do you set your container widths? In the global styles? If yes how and where do you use the width variables? Hope you find the time for an answer. Please proceed with your great stuff.
I just pop the variables in the "max-width" box when I need it.
This is great work, definitely thought out and will save a lot of time building the site. Will you release the starter for the community?
yes we want it
It's difficult to do since there's so many "paid for" things in there. If there's something specific you'd like me to share, let me know and I'll see what I can do!
@@TheAdminBar A copy of the Global Syles pages? I didn't quite follow why you needed all those set when you set all the css parameters up in style.css file. And then it appeared that the values on the Global settings pages were static sizes? Lost me there anyway so copies of those pages would help :)
@@TheAdminBar Can you share the code for the custom login screen?
Great video, very useful tips, specially on handling the typography coupled with global styles I saw that you used reusable blocks, do you also use Local patterns in GB? Haven't used reusable blocks for a while now in favor of local patterns but maybe I'll check it out again.
Great video. Thank you!!
Amazing job man!
Thanks! Glad you enjoyed!
@@TheAdminBar I recently started to rebuild my sites with GB - GP From Elementor. A few challenges and sacrifices but speed optimization is just amazing. And more important, the UX quality is just 😳😲
@TheAdminBar - If you were willing to share your coding for the Typography settings (maybe with usage instructions) , I (and I imagine many more of us) would immensely grateful. It's such an inspiring innovation. Of course, we could always hard code it ourselves from the what you show in the video. But everyone appreciates a shortcut. Thanks gain for the great videos and inspiration. You've really informed how I will be approaching the setup of my own starter site.
There are changes coming to GP & GB that will immediately make this obsolete. Unfortunately, when I share specific code solutions, please then bombard me with support requests to make it work in all kinds of different systems. It's just too much to keep up with and people are offended if I don't help them.
It's a can't-win situation.
So, my goal is to show people how to do these things, but encourage them to do it on their own - which, in the long run is better for learning than copying my code anyhow.
@@TheAdminBar That's reasonable and OCR being what it is these days, not the hardest thing to do myself. I respect the not wanting to tech support for people (been there). How imminent are these GP/GB changes and when you say obsolete, do you mean they won't be necessary or that specifics of the code will need to change to adapt. Just curious (if you are inclined to answer - but no shade if not). Thanks again. I'm subscribed and primed to learn more about the design philosophy (and implications) of going the Gutenberg/GP/GB route. The tension for me - as I approach my next bunch of web projects - is am I more interested in gaining an updated skillset to do this right from scratch, adapting the GP/GB constraints or I should I be more focused on getting the sites up fast and functional (plugin bloat be damned) with a more packaged theme? The autodidact in me wants to build from the ground up but maybe that's not the best use of my time.
Hello could you please publish that css and php in a blog, so I can copy some lines. Thanks for sharing such valuable info with us.
52:15 no way will I use flex box for layout. I use it to align certain boxes within a container or maybe section/container depending on rare occasion.
@TheAdminBar - Alternately, I at least would be willing to pay a reasonable price for a whitelabeled version of your starter site setup. I don't have your insight into this area yet, or the time to dig too deeply (maybe something that will develop organically over time). But having an upgraded foundational template to work from would be immensely beneficial to my work and projects. Thanks for yor hard work and consideration.
Looks like you are about to release a course on BP 😊
BP?
You need to treat like aviation: I hear you 5 by 5
Hi Kyle, would the Business Owner's Role be helpful for a Recruitment agency that needs to keep adding new jobs but not get into the rest of the admin dashboard?
Yeah, that's a great use case for a custom user role.
@@TheAdminBar thanks Kyle!
How do we get access to your new starter site? Thanks
🤩
Hope it's helpful!
I can appreciate people migrating from Elementor to Oxygen and Bricks, that’s an upgrade, however I don’t get why people would downgrade from Elementor to GP/GB. Makes no sense.
I worked on Elementor, then a few years on Oxygenbuilder, and then I left for GP+GB. The reason was full control over the website's behavior and the minimization of supporting structures that often generated conflicts. I think it was the best decision.
@@suchomil1 I can’t stand the substandard Gutenberg interface. All block builders like GB/Cwicly/Kadence/Spectra… are based on that. The interface of Elementor/Bricks is superior, not to mention their functionality, GP/GB comes nowhere close to them, hence the comment.
Hi, yes I understand what you are saying, my reason for looking for another way was the frequent collisions that Elementor was causing, I had a large hospital website running and there these outages and finding the problem was unacceptable. The transition from Elementor to blocks was not entirely painless. Thanks to GP, I was forced to get to know Wordpress more in depth. In addition to GP+GB, I sometimes use Bricks, but I usually stick with GP+GB.@@John.Rearden