I totally got the Taxonomy idea, wow what a breakthrough. I had to watch it again to work through it, and it is so simple to do! I am using it for Products that are really services, but I have a bunch of public service posts using the services cpt which I am going to expand for SEO. Products are related to services as these are actual services clients pay for.
This was a great stream. Not easy to catch live due to the time difference however I did for this week. I liked your idea on the shift in site architecture. I've been mulling a similar problem on my own site this past week and keep thinking there has to be a better way to connect things without duplicating my effort. Thanks again
Everytime I see your magic with ACSS and Frames I am very happy to be an early adopter to both products (in fact all three products if you count Figma in).... Thank you so much for your good work
My God Kevin, this content is awesome. As a UK-based 50-yr old corporate employee who's taught himself (static) Wordpress web development over the past number of years, I feel SO ignorant, daunted but also inspired watching your content and investing in your tools for use on my future client projects. Thanks for sharing so much of your time, energy and experience to inspire and challenge this community to be and do better.
Glad I watched this video! Thanks Kevin! Just did some testing, and I think I see how centralized taxonomies work. The piece I was missing was -> where in the heck do I create the data that would populate a taxonomy post - like a single service page? I created a dummy taxonomy "services" in ACF and then linked it to my own testimonials. From there I opened up my testimonials cpt to discover the services taxonomy in the dropdown. What you see when you click on "services" in the dropdown was the answer: It's where you can create the data that feeds into whatever archive templates you would create in Bricks -> templates. I clicked "Add new service" which created a new service (similar to creating a new post). But, unlike a CPT, this taxonomy post does not have the big Gutenberg area (that big old white blank canvas where you can enter text). It's very trim. That's where ACF comes into play - Then I created an ACF field group (with dummy fields) and linked it to "taxonomy is equal to service". That gives the taxonomy post more fields and makes it workable. Was also very pleased to find that ACF quick edits works on these taxonomy posts - Now I can show a column that sorts the order of services for example (preferred service first in the loop)
Will definitely have to rewatch. A lot going on in this episode with a lot of new ideas. The taxonomy centred architecture approach has much potential. As I read it, products category is set up to be assembled by pulling in data and content from the other linked CPTs. And… black blending into black. Just like the perfectly pulled pint of Guinness.
Really enjoyed this live stream. Intriguing approach to the site architecture. I'll need to wrap my brain around this approach but think I really like this idea. New Frames website build looks great and discussion about different features was insightful -- provides thoughts for current/new website projects.
Without undervaluing the dev work, Tomi has done an amazing job with the design here. Love the attention to detail with the bg grid. PS: the contact buttons on the policy template of the acss site link to the wrong URL (404).
I can completely relate with you, Kevin, about how amazing and calming is to see a CMS that tidy and clean 🥹 (1:30:00) This has been one of the best WDD so far!!! I have picked up a LOT of CSS and dynamic content manament golden nuggets just from seeing you going through the new Frames site! Ammmazing 👏👏🔥🔥
Great video and love the new design. I really appreciate you sharing the thought process and the behind the scenes - so many gems. The external link indicator is brilliant, but opening links in a new window is generally considered an accessibility error because even with the notice it can be disorienting, and it takes away the user's option. You probably need an aria label on Education to better inform users that they are going to TH-cam.
I had a client who absolutely wanted all external links to Open in a new tab, despite my accesibility concerns. Ended up with a combination of symbol + aria label + tooltip with a notice. But my approach was more than 2 Lines of code. 😮
Kevin, I’ve been working on a directory website. Awhile back, I looked into using a Taxonomy as a CPT. The only downside I found that pushed me back (temporarily) to using a CPT is comments not being available on taxonomies. I’m back to using a Taxonomy as a CPT because of rss feed support and many of the other benefits of using a Taxonomy. Planning on testing a CPT and front end form to get around this.
Hi Kevin, a great video with some outstanding snippets 😄. For me, I would love to see a more in-depth tutorial on the building of the pages and in particular, how you got the individual frames component into an iFrame (I think you said that) on the template. IS this something you think you might consider please?
I've been working on a site using the same sort of centralized taxonomy structure that you describe in this video Kevin. So far, I am loving the flexibility and ease of use that it provides. The only small downside I've come across so far is that when sharing a taxonomy between different CPTs (using ACF), the Count column within the taxonomy table counts all posts across the various related post types, rather than displaying a count of just the posts within that CPT. It also means you can't use the default {terms_count} dynamic data tag when building an archive page (I used some custom code to display a filtered term count for the required post type). Hopefully I'm just missing something simple here, but regardless, it hasn't been that much of a pain to fix so far
@@Gearyco Kevin, as I keep working through this site, I'm curious how you're displaying the different CPTs for a certain Product taxonomy. For example, on the Frames product page, it's easy enough to have a query loop for changelog entries, and a separate query loop below that for reviews. Have you been able to figure out how to have separate pages for these CPTs as a child of the Product taxonomy? I haven't been able to figure out if this is possible without complicated URL redirect rules, so I guess that's another downside if you need these to be separate pages rather than contained on a taxonomy archive page for a single product.
@@StuartMcKelvie Not sure exactly what you mean by separate pages of CPT as child of Product Taxonomy? Do you mean, can each category in products have its own unique layout? Yes, that's possible.
@@Gearyco yep, that's what I'm meaning. How are you able to create a Changelog page just for Frames-related changelogs? Are you manually creating that page? What does the URL structure look like?
Thanks for your intake on using a taxonomy this way. Let's assume we are building a single template for a taxonomy term. I am probably cutting a few corners but am I right in saying that your approach allows you to pull information from CPTs where the taxonomy was used, right? As far as I know, a tax term doesn't have a featured image, so if wanted a banner background that is different for each term, then the idea is that you set up another CPT ('featured images', where you then also use that taxonomy of course) and that in the single term template you pull the featured image from the 'featured image' CPT? Forgive me for asking; I'm only trying to mentally map the modus operandi with that tax-based approach. If you have many dynamic fields that you want to use in your single term template (a featured image, a tagline, a short title, whatever), then you'd need as many CPTs as you have dynamic fields. I'm not sure if I am making sense -sorry.
Interesting information about 'Centralized Taxonomy Architecture'. I am curious how you add content blocks with ACF to the taxonomy, so that it looks like a regular product or service page. Example I am working on is for an architect. He has projects but also specialisms (services). Now I have a CPT type for services, but I also have those same services as a taxonomy for the projects (also a CPT).
@@Gearyco yes, okay, that is definitely a good option! But in terms of scalability and maintainability I find it easier that the content on those pages can be filled via ACF fields. But I find ACF fields in the taxonomy are not as user-friendly as with a regular page or post. How do you look at that?
You mention @1:51:00 ish that you work first big things, then medium, then small. How do you keep track of what still has to happen??? I also work kind of like that, but struggle with keeping up with all the things that still need to get done. I sometimes forget things(ADHD person) , so i need a good proces, and it keeps getting better but wonder how others do it. 😊
Using thr Pro theme, you can create a loop from a cpt, a csv, or even a feed (xml) from another site. That and the menu builder are the only things I'm missing from Pro
Texanomy use is interesting. Funny enough I am trying something similar for a book store build (authors are the taxanomy) but running into some issues with my page builder (green shift).
Thanks for the insight! Noticed you went with 62.5% root font size, whats the reason here? I think your old blueprint was using 100%. Are you always going with 62.5% or does it still depend? Thank you!
Really ready to start testing this out in Frames for Figma. I get the alliteration and all, love alliteration but this type of stuff would be easier to implement/replicate/iterate/export in something like Penpot, no???
Great videos as always Kevin. I asked a question that didnt get answered but i wonder how come you have different line height than mine in ACSS? Mine says just 1.2 but yours say 4px * 2ex. How do i get that as default or are that your own setting? The deafult is always 1.2?
Thanks Kevin, as always. Can someone help me decipher part of the pricing template. I noticed at around 59:23 when Kevin opened up the pricing template there was a element named 'Template' within. I firstly thought this was a just name but I don't think I recognise the icon before the name...so is there a best practise for reusing template parts? Presently I add any recurring parts from the template folder. I have ACSS and Frames installed.
CSS targeting attributes and aria label @26:40 is a very nice solution. However, I see a downside, it cannot be used for multilingual pages. There is no way to translate aria-label this way. Or am I missing something?
The architecture idea has some blind-spots. You could just as easily hook into the save_post and create a bi-directional in one click with a Yes/No switch meta-field with a custom snippet and ACF, keeping the usual post structure. The performance is marginal, especially for most SMEs site's. And managing those relationships from a Post is less work then managing everything from several different post types I would think. Depends how you set it up. Big change for small gains
I totally got the Taxonomy idea, wow what a breakthrough. I had to watch it again to work through it, and it is so simple to do! I am using it for Products that are really services, but I have a bunch of public service posts using the services cpt which I am going to expand for SEO. Products are related to services as these are actual services clients pay for.
Centralized Taxonomy Architecture conversation begins at 37:30
I love seeing how you organize and structure a site.
This was a great stream. Not easy to catch live due to the time difference however I did for this week. I liked your idea on the shift in site architecture. I've been mulling a similar problem on my own site this past week and keep thinking there has to be a better way to connect things without duplicating my effort.
Thanks again
Everytime I see your magic with ACSS and Frames I am very happy to be an early adopter to both products (in fact all three products if you count Figma in).... Thank you so much for your good work
🙏🙏🙏
My God Kevin, this content is awesome. As a UK-based 50-yr old corporate employee who's taught himself (static) Wordpress web development over the past number of years, I feel SO ignorant, daunted but also inspired watching your content and investing in your tools for use on my future client projects. Thanks for sharing so much of your time, energy and experience to inspire and challenge this community to be and do better.
Happy to help, thanks for watching!
Love those building episodes, thank you Kevin and well done !
Glad I watched this video! Thanks Kevin!
Just did some testing, and I think I see how centralized taxonomies work. The piece I was missing was -> where in the heck do I create the data that would populate a taxonomy post - like a single service page?
I created a dummy taxonomy "services" in ACF and then linked it to my own testimonials. From there I opened up my testimonials cpt to discover the services taxonomy in the dropdown. What you see when you click on "services" in the dropdown was the answer: It's where you can create the data that feeds into whatever archive templates you would create in Bricks -> templates. I clicked "Add new service" which created a new service (similar to creating a new post).
But, unlike a CPT, this taxonomy post does not have the big Gutenberg area (that big old white blank canvas where you can enter text). It's very trim. That's where ACF comes into play - Then I created an ACF field group (with dummy fields) and linked it to "taxonomy is equal to service". That gives the taxonomy post more fields and makes it workable.
Was also very pleased to find that ACF quick edits works on these taxonomy posts - Now I can show a column that sorts the order of services for example (preferred service first in the loop)
Another outstanding episode with Kevin! A stunning Frames website in the making!
What a surprise! Kevin used one of comments! It made my day! ❤
Will definitely have to rewatch. A lot going on in this episode with a lot of new ideas. The taxonomy centred architecture approach has much potential. As I read it, products category is set up to be assembled by pulling in data and content from the other linked CPTs.
And… black blending into black. Just like the perfectly pulled pint of Guinness.
Really enjoyed this live stream. Intriguing approach to the site architecture. I'll need to wrap my brain around this approach but think I really like this idea. New Frames website build looks great and discussion about different features was insightful -- provides thoughts for current/new website projects.
Without undervaluing the dev work, Tomi has done an amazing job with the design here. Love the attention to detail with the bg grid.
PS: the contact buttons on the policy template of the acss site link to the wrong URL (404).
Thx, we'll catch it in final review when it's ready. Yes, Tomi did a great job.
@@Gearyco I meant the existing automaticcss site, not the new frames one.
I can completely relate with you, Kevin, about how amazing and calming is to see a CMS that tidy and clean 🥹 (1:30:00) This has been one of the best WDD so far!!! I have picked up a LOT of CSS and dynamic content manament golden nuggets just from seeing you going through the new Frames site! Ammmazing 👏👏🔥🔥
Great video and love the new design. I really appreciate you sharing the thought process and the behind the scenes - so many gems. The external link indicator is brilliant, but opening links in a new window is generally considered an accessibility error because even with the notice it can be disorienting, and it takes away the user's option. You probably need an aria label on Education to better inform users that they are going to TH-cam.
It’s better UX for sighted users though. Gotta make some tradeoffs.
@@Gearyco it is a trade off. I for one hate when new tabs open. I like the external indicator but I want to be in control.
I had a client who absolutely wanted all external links to Open in a new tab, despite my accesibility concerns. Ended up with a combination of symbol + aria label + tooltip with a notice. But my approach was more than 2 Lines of code. 😮
Kevin, I’ve been working on a directory website. Awhile back, I looked into using a Taxonomy as a CPT. The only downside I found that pushed me back (temporarily) to using a CPT is comments not being available on taxonomies. I’m back to using a Taxonomy as a CPT because of rss feed support and many of the other benefits of using a Taxonomy. Planning on testing a CPT and front end form to get around this.
New Bricks+ACSS+Frames user here. Looking forward to learning and producing some more professional looking sites over the coming weeks.
Welcome!
Another great video thank you, learning new things every time! Any hints on when/if we might see an updated blueprint site video?
Not sure. Blueprint hasn’t changed all that much.
Hi Kevin, a great video with some outstanding snippets 😄. For me, I would love to see a more in-depth tutorial on the building of the pages and in particular, how you got the individual frames component into an iFrame (I think you said that) on the template. IS this something you think you might consider please?
I've been working on a site using the same sort of centralized taxonomy structure that you describe in this video Kevin. So far, I am loving the flexibility and ease of use that it provides. The only small downside I've come across so far is that when sharing a taxonomy between different CPTs (using ACF), the Count column within the taxonomy table counts all posts across the various related post types, rather than displaying a count of just the posts within that CPT. It also means you can't use the default {terms_count} dynamic data tag when building an archive page (I used some custom code to display a filtered term count for the required post type). Hopefully I'm just missing something simple here, but regardless, it hasn't been that much of a pain to fix so far
Glad to hear it's working out. I'll watch out for those caveats!
@@Gearyco Kevin, as I keep working through this site, I'm curious how you're displaying the different CPTs for a certain Product taxonomy. For example, on the Frames product page, it's easy enough to have a query loop for changelog entries, and a separate query loop below that for reviews. Have you been able to figure out how to have separate pages for these CPTs as a child of the Product taxonomy? I haven't been able to figure out if this is possible without complicated URL redirect rules, so I guess that's another downside if you need these to be separate pages rather than contained on a taxonomy archive page for a single product.
@@StuartMcKelvie Not sure exactly what you mean by separate pages of CPT as child of Product Taxonomy?
Do you mean, can each category in products have its own unique layout? Yes, that's possible.
@@Gearyco yep, that's what I'm meaning. How are you able to create a Changelog page just for Frames-related changelogs? Are you manually creating that page? What does the URL structure look like?
Thanks for your intake on using a taxonomy this way. Let's assume we are building a single template for a taxonomy term. I am probably cutting a few corners but am I right in saying that your approach allows you to pull information from CPTs where the taxonomy was used, right? As far as I know, a tax term doesn't have a featured image, so if wanted a banner background that is different for each term, then the idea is that you set up another CPT ('featured images', where you then also use that taxonomy of course) and that in the single term template you pull the featured image from the 'featured image' CPT? Forgive me for asking; I'm only trying to mentally map the modus operandi with that tax-based approach. If you have many dynamic fields that you want to use in your single term template (a featured image, a tagline, a short title, whatever), then you'd need as many CPTs as you have dynamic fields. I'm not sure if I am making sense -sorry.
Interesting information about 'Centralized Taxonomy Architecture'. I am curious how you add content blocks with ACF to the taxonomy, so that it looks like a regular product or service page. Example I am working on is for an architect. He has projects but also specialisms (services). Now I have a CPT type for services, but I also have those same services as a taxonomy for the projects (also a CPT).
Every category can have a unique layout via templates
@@Gearyco yes, okay, that is definitely a good option! But in terms of scalability and maintainability I find it easier that the content on those pages can be filled via ACF fields. But I find ACF fields in the taxonomy are not as user-friendly as with a regular page or post. How do you look at that?
You mention @1:51:00 ish that you work first big things, then medium, then small. How do you keep track of what still has to happen??? I also work kind of like that, but struggle with keeping up with all the things that still need to get done. I sometimes forget things(ADHD person) , so i need a good proces, and it keeps getting better but wonder how others do it. 😊
Task lists help.
Great episode, as always! Thanks Kevin. Btw offtopic, I hate how the Arc sidebar makes the viewport non-centered 😭
Takes some getting used to, but it preserves vertical real estate.
It’s pretty easy to hide and show the sidebar with a keyboard shortcut. Makes browsing much nicer and cleaner!
Using thr Pro theme, you can create a loop from a cpt, a csv, or even a feed (xml) from another site. That and the menu builder are the only things I'm missing from Pro
Bricks needs external queries ASAP. Big missing feature.
Texanomy use is interesting. Funny enough I am trying something similar for a book store build (authors are the taxanomy) but running into some issues with my page builder (green shift).
Thanks for the insight! Noticed you went with 62.5% root font size, whats the reason here? I think your old blueprint was using 100%. Are you always going with 62.5% or does it still depend? Thank you!
I can switch it at any time. This site wasn’t created from my current blueprint.
wait. what about nick arce menu? it's phenomenal.
Really ready to start testing this out in Frames for Figma. I get the alliteration and all, love alliteration but this type of stuff would be easier to implement/replicate/iterate/export in something like Penpot, no???
Don’t think so.
It’s “ open-source “ and uses actual CSS…flex and grid, etc… but the lack of variables is a no-go
Great videos as always Kevin. I asked a question that didnt get answered but i wonder how come you have different line height than mine in ACSS? Mine says just 1.2 but yours say 4px * 2ex. How do i get that as default or are that your own setting? The deafult is always 1.2?
Upgrade to latest version and reset the default using the reset dot.
Thanks Kevin, as always.
Can someone help me decipher part of the pricing template. I noticed at around 59:23 when Kevin opened up the pricing template there was a element named 'Template' within. I firstly thought this was a just name but I don't think I recognise the icon before the name...so is there a best practise for reusing template parts? Presently I add any recurring parts from the template folder. I have ACSS and Frames installed.
It’s just a layout saved as a template and inserted with the template element.
39:00 - Centralized taxonomy architecture :)
So, now I can also customize Bricks native filters using ACSS?
Oh yeah for sure. Very easy.
I literally came to the same conclusion by accident when mma and wrestling club wanted to keep things separate.
46:48 interesting Concept. How do you add custom fields to a product page when its a taxonomy?
Wait a minute, so the CPTs like „components“ contains the custom fields for your products?
You can add custom fields to taxonomies.
@@Gearyco I didnt know and it was outside my brain capacity, thanks for pointing that out :)
CSS targeting attributes and aria label @26:40 is a very nice solution. However, I see a downside, it cannot be used for multilingual pages. There is no way to translate aria-label this way. Or am I missing something?
Haven’t tried. I don’t do any translation sites.
Yes Yes Yes... Doi it More More More 😉
The architecture idea has some blind-spots. You could just as easily hook into the save_post and create a bi-directional in one click with a Yes/No switch meta-field with a custom snippet and ACF, keeping the usual post structure. The performance is marginal, especially for most SMEs site's. And managing those relationships from a Post is less work then managing everything from several different post types I would think. Depends how you set it up. Big change for small gains
Make a video for us
Why not make a Blog CPT and exclude standards WordPress posts from sitemap and set to no index etc?
Seems like over engineering
@@Gearyco we have this in our blueprint setup once. That way we can have the archive template and more like a normal CPT.
I really neeeeeed F4F please do before the etch thing :) pleeeeasssseeeeee i am begging 😂 i am now making everything by scratch…
My server is full of sandbox sites to try new tools.