WDD LIVE 077: Website Rescue Part 2! The Race to Rebuild “Artisan Scapes”

And we’re back.

Welcome everybody.

It is part two.

If you were here last week, we were rebuilding a website for a friend, which was abandoned by the developer.

And now we are finishing that up.

I did, I’ve done like very, very minor things since then, which we can go over, but mostly I’ve been very busy and have not done anything to it.

So we need to finish it up.

Now, finishing doesn’t mean content and images.

I’m just going to go through those like on my own.

We need to just get the structure and all of that done because it’s very boring to sit here and watch me brainstorm, copy and stuff, and then sort through hundreds of photos to find good ones.

Like nobody really wants to see that.

So I’m going to do that part separately, but we’re just going to make sure the structure and all of that is cleaned up.

If we have time, I don’t, we don’t have a full episode today.

I’ve got a hard stop at 1245, 1240, somewhere around there.

So I mean, close, close to full time, but not quite.

But if we do have time, I also need to make a quick website for WP town hall, a new podcast with myself and Mark Zemansky.

Just like a little landing page.

I need to put the Buzzsprout player on there.

Things like that.

I already have one from the, the one that I did with the Jamie podcast.

So I can probably just copy that over.

It’s not, you know, I just need something.

I just need something there right now at the URL.

So if we have time, we’ll, we’ll get to that.

Let’s see.

What is everybody saying in the chat?

Let me pull up the chat here.

I didn’t really email this out to anybody.

It was kind of like a last minute thing.

So it’ll probably just be OGs today.

Um, what’s up?

What’s up?

Derek says he’s alive.

What, I mean, what, where was it in doubt?

Is it ever in doubt?

Please make this video shorter than three hours this time.

I mean, it is what it is.

It is what it is.

Um, some people like the, uh, some people, you know, some people don’t mind.

Some people just want the content.

We got Toby in the house.

Welcome Toby.

Uh, good having you last night on WP town hall.

Just caught the end of WP town hall was great.

Well, thank you.

Yeah.

I think this is a fantastic format.

I think it’s something WP needs.

I think it’s, um, we had really good energy last night.

Uh, and I mean, just wait, like, uh, and I really like the debate resolution format where, you know, we can make a provocative statement, right.

And then center a discussion around that.

And just imagine the provocative statements that we can come up with to have those kinds of discussions around and what, and what they will create and generate.

And this, this is going to be, this is going to be one of the premier podcasts for WordPress.

I mean, you have to understand, like we never just do another version of a thing that’s been done.

It’s, it’s gotta be what’s not being done.

What’s more interesting.

What’s the next level of, of what’s being done.

Like, you know, it’s going to be fantastic as with everything.

So, um, okay.

Uh, let’s see.

Uh, the Huntsy says WP trademark issues.

Hey, bring it on, bring it on.

Uh, there aren’t, there aren’t really, but, um, yeah.

Uh, do you guys want to see the artwork that I, that I created?

I’m not, I only am a designer, um, in, uh, you know, I just play one on TV essentially, but you know what it’s, um, we just need to whip something up quick and submit something to the directory.

So I’ll, I’ll, I’ll just kind of here, let me, let me share the screen here.

This is what I’ve got so far.

Uh, so what I did is I got, uh, this is just a, it’s a, it’s a, it’s a, it’s kind of a blend of a bunch of images here.

Uh, we got some lighting, we got some, a podium, we got the WP logo, we got WP town hall, you know, the title, we got some photos in there.

We got, um, yeah, I don’t know.

So it’s what we’re rocking with for right now.

Uh, and if things, if things, you know, take off and it gets great and you know, we’ll, we’ll, we’ll, we’ll pay to get some polish and all that stuff.

But, um, Lizzie says, I miss town hall, something else to catch up on today.

Yeah, absolutely.

I mean, I, we didn’t know how it was going to go.

First of all, I’d never used X spaces before in my life.

So I had to figure that out a little bit at the beginning, but I was like, ah, how’s this going to go?

It actually went probably as well as, as you could have hoped.

Like the speakers that we had on were absolutely fantastic.

Uh, they had, they had a lot of good, uh, value to add and I, it, it really proved the format in my mind.

Uh, and I think this is just going to be a really, really fun thing going forward.

Yeah, yeah, yeah.

I got the WP logo in there.

Um, so yeah, let’s, let’s get them on the phone.

I don’t think it’s going to be a problem.

Um, but it, uh, yeah, it’s, it’s going to be fun.

It’s going to be fun.

Uh, okay.

Let’s get rid of that.

Uh, we’re already in artists and scapes here.

Let’s take a look at what we’ve done so far.

Let me move this other window that you guys can’t even see out of the way.

Uh, Marcus says, don’t let it get confused for being an official WordPress podcast with that logo and the WP.

Otherwise you might end up in court as well.

Uh, yes.

Yeah.

I, I, I don’t know.

I don’t know.

What are the rules?

I can remove the logo if we need to remove the, or I could just say an unofficial WordPress podcast, something like that.

We’ll put disclaimers on it.

I think what he mainly is concerned with is, uh, people, people, uh, creating products and services using the WordPress branding and name and all of that.

I, I think there might be a, you know, a fair use thing in play here with, um, just centering discussions and content around a brand.

I don’t know.

Not a lawyer though.

I do.

I could play that on the internet as well.

Uh, that’s a little bit more dangerous than playing a designer.

So, uh, yeah, Marcus says rules.

What rules that?

Yeah.

That’s the thing.

He can just edit.

He can just edit the policy as he’s done and then you’re violating it.

So that’s, that’s interesting.

Uh, all right, let’s look at this and go over.

Uh, it’s an officially unofficial podcast.

That is correct, Jim.

Okay.

So we got, we got our hero.

We got our homepage done.

Okay.

What I did, I don’t like this really.

I don’t know what you guys tell me what you think.

It’s very subtle, but I was just, I wanted to do this because I was playing with the new backgrounds and text textures and overlays functionality and automatic CSS.

And so I wanted to, I made a texture nature and, uh, we’re using that.

So, you know, I don’t, I don’t even know why I called it nature at this point.

The only other thing I redid is the cards.

Cause I did not like how the other cards had, uh, had come out.

So I just quickly redid those and everything else is pretty much the same here.

We’ve got an about page that is waiting on photos and I’ll just close this for now.

So we don’t need to see that.

So this about page is just waiting on photos and content.

It’s pretty much done.

Uh, it looks like there’s a accent heading issue.

We need to fix there with our color, uh, services, landscaping.

This is what we really need to finish.

We were doing all the dynamic data for this.

And I think we only got a quarter of the way through the dynamic data.

I’m also going to figure out our plan for how we’re going to query these FAQs.

And then contact page is pretty much done.

There’s that texture again.

Um, got the map in there.

Okay, good.

And then the get an estimate is all good.

I think we need to color these badges.

Uh, but this is all, this is dynamically pulled in from the CPT.

So that’s good.

And people can schedule an estimate.

And so really, you know, the only stuff really to finish up is the dynamic data for our services template.

We’re not going to have a blog yet.

We don’t have to worry about any blogging stuff.

We should probably go over maybe SEO.

I don’t know if we did that last time.

I think we did it a little bit, actually.

I think we did it a little bit.

Yeah, we did a little bit of that.

Uh, so yeah, not, not a ton to do.

Um, yeah, all the stock photos are going to get swapped out.

Derek, calm down.

Don’t worry about it.

Um, as I explained in the first go round, I just threw in a bunch of stock images for, for now.

Uh, it’s going to take some time to go through the hundreds of photos that they sent me to try to figure out which ones are decent enough to, to actually use.

Uh, all right, let’s hop into it.

So I’m going to go to, I don’t even know where we left off.

Uh, I’m going to open the template for services single in a new tab.

I’m going to go to ACF field groups, services single, and it looks like we went down to this central CTA, which actually doesn’t have any fields.

Uh, so if we look at the central CTA here, that would be this one.

We need a heading text, button text and a URL.

Um, I don’t even know if, you know, I don’t even think that needs to be, I don’t even think that needs to be dynamic.

Honestly, we’ll make that static.

Uh, it’ll be like partially dynamic.

Okay.

This is, this is the two hard parts, right?

I’ve done this many different ways.

Now I, I almost always, my go-to approach would be bi-directional relationships, but I’ve been more leaning towards taxonomy queries and, uh, we need to, we just need to figure out how we’re going to, how we’re going to approach that.

Um, let’s make this static for now.

So obviously if they’re on the services page, we want them to get an estimate, right?

Get, get an estimate for, get an estate.

Wow.

Get an estimate for, and then we can inject.

This is what I mean by partially dynamic.

Uh, why did it put that at the beginning?

Let’s put that at the, let’s not do that.

Let’s not do that either.

Okay.

Get an estimate for landscaping services.

Again, we’re going to tailor all of this copy later.

Uh, let’s see, get an estimate.

Okay.

And then, Ooh, okay.

Okay.

All right.

Um, let’s think about how we can auto check the box in the form when they come from one of these services pages.

Okay.

All right.

We, we might want to do, this is just, this is kind of the, uh, I would say maybe the icing on the cake type features.

Um, and I, I normally wouldn’t worry about it right now, but I think it is one of those things that might be fun to explore because we’re on WDD live.

Like, um, people might be interested in that, that sort of thing.

Uh, we can not worry about boring stuff.

We can do maybe fun stuff like that.

Okay.

So we would go with a custom URL.

I think we called it estimate.

And then I would say service equals, right.

And then we would do post title, uh, or would we want to use the ID?

Cause I don’t know if the post title is going to change.

I also don’t know.

Yeah.

Yeah.

I think, I think ID might be safer.

Okay.

Get an estimate.

Let’s go, uh, out of here.

Let’s go to the page.

So where are we on actual?

Uh, Oh, okay.

No, that’s, that’s wrong.

Uh, let’s just, I do.

Okay.

I, I talked about, I did a, uh, co-working with Kevin yesterday and I, I run this problem constantly.

Bricks refuses to show you the actual page you want to see.

It always takes you to the template URL.

And that is something etch will never do to you.

I like, I just, it drives me up the wall.

Uh, you always have to manually navigate to the actual page.

Okay.

So if I click on this, look, what’s going to happen to the URL.

So you’re going to get slash estimate service one, five, two.

Okay.

So that is going to allow us to use some conditional logic to, uh, check these boxes right here in theory, in theory.

Um, okay.

So let’s go back.

Uh, so see how we see, get estimate for landscaping services.

If I’m on hardscaping, it’s going to say, get an estimate for hardscaping services.

Great.

Okay.

That’s all good.

Um, let’s, let’s just play with this here and see, let’s see if we can, if it’s going to be too difficult, if it’s going to, we’re not going to, we’re not waste time on it.

If we can’t just get it out of the gate.

Okay.

Uh, so what we have is this services checkbox thing.

And if we go to checkboxes, we can see that we’re pulling in the, the service post type only published services and the columns are title.

And you know what?

We might need ID, but I don’t know.

I don’t actually know what the output of that is.

Um, let’s go to, let’s, let’s see the form.

It doesn’t, it doesn’t output in the form.

So that’s good.

Let’s go to conditional.

I think this would be done with the conditional logic feature.

Uh, what services are you interested in?

Uh, no, no, no, no.

This would be, okay.

I think I know what we’re going to need to do.

So let me think, let me think about this for a second.

We need, we need a hidden field.

Uh, okay.

No, I don’t want to do that.

Uh, we need a hidden field.

Let’s go to, it’s probably just going to be a text field.

All right.

So the default value of this is going to be a query, query, quick query, query, query, query, query var parameter right here.

Copy that.

Okay.

Uh, the default value placeholder.

Yeah.

Default value.

This is going to be a service, uh, because that is, uh, this is not the right URL.

No, that’s not it either.

Okay.

Well, let’s just do it again then services landscaping and then click the button.

All right.

Uh, yeah.

Service equals one, five, two.

Okay.

Query var service.

So this essentially, uh, should put in the service service ID.

All right.

And then we’ll go hidden.

Let’s just, let’s just actually show it for now.

It’s kind of a easy, cheap way to debug this.

Look at this service ID is one, five, two.

Okay.

So it’s pulled that in automatically.

And now what we’re going to do is use some conditional logic.

My brain can function today.

Um, okay.

So if I think we need to refresh, you know, I have all the fields in there, uh, conditional logic condition condition.

Okay.

If service ID, I don’t know the ID really helps us here.

I’m trying to think about, cause if we did like one, five, two, I’m trying to think how the, how this logic can work.

Right.

Uh, then we’re going to go to, I’m just going to partially do the logic for now.

Which services are you interested in?

And we’re going to say check row with value, check all rows, check row, check row with value.

Hmm.

Hmm.

But it’s not saying what value it might have to be.

It might have to be the actual name.

It might hold on, hold on, hold on, hold on.

I got an idea.

Save this.

Service ID query of our service.

Let me take this.

Let me, let me, can I steal this?

Equals this check row with this.

And then we can actually, then actually the name, we can just use the name.

We can just use the name else.

Which services are you interested in?

Uncheck.

I think, I don’t even think we need the else statement here.

I think we can just get rid of the else statement.

The thing is right now, I think it’s only going to look at the name and we’re not using the name.

Let me go to back to here and let’s just do post title.

Let’s try that.

Post title.

Save.

Okay.

Estimate.

All right.

Let’s, we need to go back.

Services, landscaping, come down.

Okay.

Okay.

All right.

Pretty, pretty, pretty, pretty straightforward.

Pretty straightforward there.

You love when you nail it out of the gate.

It’s like, it’s just a, it’s a good feeling to have.

Okay.

Let’s go hidden.

Save, publish.

Okay.

All right.

Now let’s go to services, patio ceiling.

Hey, and come down and say, yeah, I want an estimate for patio ceiling.

Hey, it’s already checked for me.

Look at that.

Cross your T’s, dot your I’s, just make it easy on the person, right?

And then they can still check other stuff if they want to check other stuff, you know, nothing stopping them from doing it.

But it’s a little helpful.

It’s a little helpful, right?

Okay.

Let’s style this up while we’re here.

So we’re going to go icon, wrapper, style, background.

That’s not black trans 10.

No good.

No good.

Let’s go BG light.

Yeah.

Yeah.

And BG let’s go text dark muted.

Um, and then label.

I think we’re actually going to need probably, it’s probably controlled by CSS.

Yeah.

Yeah.

Uh, icon stroke color.

Uh, where is root?

Okay.

Uh, it’s going to be all under here.

Okay.

Text dark, uh, muted.

Text dark muted.

Okay.

Transparent, transparent badge alpha text dark muted.

There we go.

It’s just the icon that’s struggling.

It’s just the icon that is struggling.

I don’t text dark.

And what if I just do this?

Oh, fill color.

Okay.

Hold on.

Is it filler stroke?

That’s the thing.

It might be, it might be, it might be the fill.

Let’s try this.

You never know with these, uh, with these icons.

What are you doing, sir?

Go to here.

Icon size, icon size, icon color.

Uh, okay.

All right.

All right.

This is abstracted to hell.

Let’s see.

This is like things define in too many different places.

Okay.

Let’s just do this.

Red.

Which one are you?

Red.

None of you.

Oh, it’s here.

It’s there too.

And it’s, that’s not text dark from you.

It’s like not changing the color anywhere.

No, none of them like it.

Which one are you?

Also, are you the eye or are you the SVG?

Dude, it’s like none of these.

It’s none of these.

I’m just going to be like, let’s just be done with it.

Red, red.

Okay.

Just full, full blown override.

All right.

Um, raw and text dark muted.

Okay.

Fantastic.

That’s a little bit better.

Middle, a little bit more on brand there.

Okay.

Let’s get out of here.

Let’s go back to, we were doing some dynamic data before.

Um, and I think, I actually think as long as this section’s done, I think we’re good with dynamic data.

So Oh, that section’s not done.

So, all right.

So what we need here is we need the accent heading, heading, uh, WYSIWYG.

Uh, and then we’re going to need these talking points.

That’s going to be a repeater right there.

Okay.

All right.

So let’s just do the heading add field.

This is the main content heading, main content heading, main content heading.

That’s great.

Add fields.

Um, I can actually just do that first main content accent heading.

Okay.

Great.

Add fields.

This is going to be the main content body.

This is going to be a WYSIWYG editor fields.

Okay.

What else do we have?

Then we’re going to do the talking points, but we’re also going to do, that’s just going to be static.

So no, no problem there.

Uh, we need to essentially use the same technique that we did here.

Service.

Okay.

Um, no, we need to go to custom URL estimate service, post title, save any other buttons need that.

That’s going to go to contact get a landscaping estimate.

Here we go.

Custom URL estimate service, post title.

Great.

Okay.

All right.

Um, let’s save this for right now.

Let’s go to a service.

Just put that in.

So landscaping, we’re going to go down to, there’s the hero talking points, main content, accent heading.

This is my custom, uh, uh, landscaping, uh, heading.

No, that goes here.

Custom accent heading.

I just need dummy content essentially.

So I know what I’m looking at.

Okay.

This is placeholder text for landscaping, bold it.

Okay.

And let’s save.

All right.

Uh, before I do like the repeater and all of that jazz, like, you know, do the simple things first, verify that they work, then move on to the next piece.

That’s kind of like how my brain works.

Um, so that’s what we’re doing right now.

So I’m going to refresh the builder and we’re going to come into this accent heading, replace this with this, replace this with this, uh, main content heading.

Okay.

Uh, replace this with this.

You can’t search in this one body.

Okay.

Save and landscaping view posts.

Okay.

This is my custom landscaping heading, custom accent heading.

I’m not liking how this is going right here.

This, um, this gap, this gap is not good enough.

Okay.

So we can just double it.

Maybe, maybe triple, we don’t, we don’t want to go 23.

Uh, I think I just broke it.

Great grid gap times three.

There we go.

Save and much better.

Okay.

Got, got a bit more separation there.

Okay.

Let’s do the repeater.

Let me just check on the chat real quick.

Same issue I found while working with a few frames lately, trying to figure out what our main color is.

Well, it’s actually in all fairness, in all fairness to us, um, icons and bricks are an absolute shit show.

Uh, and we have to do all of that jazz.

Otherwise, um, they act like you’re styling it at the ID level.

They don’t respect classes.

You can’t put a class on an icon and bricks and have it respect the styles that you put on it, uh, in that icon customizer box.

It, it treats it like you’re styling at the ID and every icon is independent of every other icon.

And so we have to do all of that local, uh, locally scope variable abstraction in order to make it behave whatsoever.

So, um, those are more complicated than they should be simply because of how bricks does icons.

Okay.

We’re going to do the, uh, ad field.

No, no, no, actually it’s inside of main content.

Let’s open that group.

Okay.

This is going to be interesting because, um, we have to do a group.

Uh, no, no, no, we can just do a repeater.

Okay.

But this is kind of going to act like a group in a group in a group.

And I don’t know if third level groups work.

We’re going to find out though.

Uh, so this is going to be main content talking points.

And then this is going to be actually we need, yeah.

Okay.

Okay.

We just need a text field.

That’s all.

That’s all we really need.

Okay.

This is going to be main content talking point.

And then that’s going to be able to be repeated.

Uh, we’re going to need to set a minimum though.

And I think I can do that here.

Validation minimum rows.

There’s got to be three talking points.

Okay.

Uh, maximum we’ll say is five.

So you can have anywhere from three to five, but you can’t go crazy.

Bev.

Sorry, Bev.

I know Bev.

You want to, you got 10 talking points, Bev.

You can only go to five.

That’s it.

We’ve got to put some constraints in here.

All right.

So we’re going to go to edit service, refresh, come down.

So here’s our talking points right here.

Landscaping is awesome.

Okay.

We’re the best landscapers.

This is not real copy.

Don’t worry.

Uh, okay.

Hire us today.

Fantastic.

And then we can add a row if we want, but you can only add, look at that.

You can only add five.

Let’s remove, let’s remove.

Okay.

Let’s save.

Let’s update.

Let’s go back.

Let’s refresh.

All right.

Now the content is already there.

So essentially all you need to do is get rid of your duplicates query loop this, and there’s your talking points repeater waiting for you right there.

We’re going to come in here.

We’re going to grab our talking point, main content talking point.

We’re going to save and we’re going to go view landscaping and look at that.

Okay.

Um, how do we want to handle these photos?

How do we want to handle the photos?

Are we going to do a gallery?

Let’s go add fields to this is in main content.

How about a little gallery action?

Okay.

Uh, main content gallery, image array, all of that may.

Oh, we had this problem last time.

This is going to break my brain.

Cause I don’t remember what the workaround had to be that we can’t query from a gallery manually, unless you like, you’re forced to use the gallery element in bricks to do it this way, but it’s okay.

I think, I think we can get away with the manual gallery, uh, element.

So see how this is a loop image.

We are going to display none this right now, display none.

I don’t want to delete it.

Cause I might need it again.

I might need it.

Uh, media column image gallery and we can pull dynamic data, but I need to refresh the builder to have access to that new field.

Okay.

Here we go.

Let’s pull this in, uh, main content gallery.

Uh, yeah, it would be empty.

That’s correct.

Uh, so what we’re gonna have to do is come back here and populate it real quick.

So add to gallery and we’re just going to use our, our placeholders.

Well, we’ll just use these.

Those are the ones we were using before.

Okay.

So it should be as easy as that and hit update refresh.

Okay.

That’s fine.

Don’t panic.

Don’t panic.

Let’s, let’s refresh.

See if we can handle a layout here.

Um, okay.

Grid columns, one, uh, spacing content gap.

Um, why?

Okay.

Yeah, there we go.

Four by three aspect ratio.

Uh, right.

Seems like, seems like we’re on track.

Look at this.

Light work.

This is light work.

Okay.

Here’s not light work.

These testimonials and, uh, and these FAQs.

It would be light work if I went bi-directional, but I’m, I’m going to try it a different way and we’re just going to work our way through it.

We’re going to see if we can figure it out.

Okay.

First of all, services need to be categorized.

Reviews can already be categorized.

Okay.

And we have one in landscaping, one in pressure.

We’re mainly looking at the landscaping page.

So I’m going to go to all reviews.

Uh, I’m also going to go to here and see how we can taxonomize from admin columns pro.

Are you really not going to let me use it unless my license is in there?

You bastards.

Okay.

I got to go to, uh, admin columns, just hang on one second.

All right.

I need to put this on my other screen because, uh, we don’t want to dox the license key.

Um, so just hang tight for a second.

Digital gravy.co.

Okay.

Password.

Okay.

Save the password.

All right.

Um, got the key.

Uh, let’s go put in the license page.

Probably not going to obfuscate that.

So I’m going to bring this over here as well.

And then we’ll be back in just a second.

It did not.

It did not.

So I’m glad I did that.

Okay.

Let’s bring, let’s not do that until we’re confirmed.

Um, okay.

Columns.

Okay.

All right.

We’re out of it.

Let’s go back into here.

Bring this back to here.

Nope.

Nope.

Nope.

Right here.

No, no.

Oh, oh, dude, that was close.

That was a, it’s a close call.

I don’t know what just happened here.

Where, where was I?

Okay.

Go to services, all services.

Uh, no reviews.

There we go.

Okay.

Now let’s try this.

Now we can go add a column and we can go down to, uh, categories.

There we go.

And then we can update.

And now when we go to reviews, we can actually choose what categories these reviews are in.

So we’re going to put them all in landscaping for right now.

Okay.

And landscaping.

Good.

All right.

And then we’re going to do the same with FAQs.

Um, pressure washing costs, landscaping costs.

That’s already in there.

That’s good to go.

Why can’t I feel like, uh, inline editing?

Where’s, why can’t I inline edit this?

Let’s get rid of the date field.

Nobody needs, nobody needs to know what date an FAQ is published.

This is not something we need categories.

There we go in inline editing, allow new categories.

Yes.

Save.

Okay.

So FAQs.

Inline edit.

There we go.

Okay.

I’m just going to do this for landscaping for now.

Cause we need more than one and then we’ll, we’ll obviously these are all fake anyway.

These all have to be put in for real and then categorized for real.

Um, okay.

So we’ve got our FAQs categorized.

We’ve got our reviews categorized.

I’m scared.

Haven’t done it this way.

I’m just going to have to think about it.

Okay.

So if we want to do this, uh, we need to get rid of our duplicates.

Let’s query loop it.

We’re going to bring in reviews and then essentially it’s going to probably be a taxonomy query.

Um, but this is the problem, right?

It’s going to pull in the taxonomy of the current post.

And I don’t know, I don’t know.

I, my brain’s not connecting the dots on how that’s going to, um, get us the right testimonials.

Uh, I just, I just don’t think it is.

That should get us three testimonials.

It’s almost like we need a, we almost need a nested loop.

Testimonials.

No, we got it.

We got to match the, you got to match the current category to the post ID.

Would this be, would this be post?

No, no, no.

This is why I don’t like doing it this way.

It doesn’t, bi-directional relationships make sense to my brain.

Um, queering FAQs is new to me.

Yeah.

It’s, if we think about this, okay.

Cause there, it’s a shared, it’s a shared taxonomy.

So if the post, the category, the current categories for the post would, would be the same as the cat, as the, like those IDs would be the same.

Hmm.

Hmm.

I’ll phone a friend.

If anybody in the chat knows the logic for this post type reviews, I don’t even think you can do.

Yeah.

Yeah.

Include exclude terms include.

See, the thing is, I can’t, I mean, if you were just doing this manually, you’d just be like, okay, I just want these.

Right.

But I can’t do that because we’re on a template that affects all the different services pages. been trying the same thing and hit a wall.

Um, categories.

Okay.

We’re querying from categories field.

We’re querying the term ID. terms is term ID.

Let’s, let’s go to the front end and just, I was, let’s just verify that we have a shit ourselves.

Um, let’s, let’s go to, uh, landscaping.

Yeah, nothing, absolutely nothing.

Um, and it wouldn’t, it wouldn’t be post ID that that wouldn’t make any sense.

Right.

Oh, whoa, dude, what are you doing?

It just like, oh, I don’t know what just happened.

I’m just gonna, I’m just gonna hit undo.

I don’t know what just happened.

Um, okay.

Here, where were we?

Come down here.

Yeah.

Post ID, but I’m pretty sure this is going to do absolutely nothing as well.

Yeah.

Okay.

Ah, we might do this bi-directionally just to get it done because I don’t want to mess with this right now.

Okay.

Okay.

All right.

Let’s, let’s, let’s go old school.

Let’s go old school.

Uh, ACF field groups, services, single, uh, we need to think about this too, because this, this is brings me back to the Metabox days of doing this.

Okay.

So we’re going to say field, no field groups, services, add field relationship.

And we’re going to say related reviews, right?

Related reviews, filtered by post type review, filtered by post status is published.

Uh, filtered by taxonomy is no search post type taxonomy post object.

Okay.

Related reviews.

We’re going to save.

Okay.

Related reviews, related reviews, related reviews.

Okay.

Do we want it to be, we probably want it to be bi-directional, right?

So let’s go to field groups, reviews, add field relationship, related services, services.

Okay.

Uh, filter by post type is service and published and nothing else.

Okay.

Save.

Now we do have the power now because both of those are in there.

You can go to advanced bi-directional target field is related.

No, no, no, no, no, no.

Target field is related reviews.

Dude, being dyslexic and doing this is just, it’s, it’s a fun time.

It’s fantastic.

I highly recommend.

Um, okay.

Services, single related reviews, advanced bi-directional target field related services.

Now last time I put it on the bottom, this time I put it on the top and it’s just trying to like trying to confuse me.

Okay.

Related reviews.

Let’s see what we get.

Let’s see what we get.

So if I go to services, landscaping, come all the way down, I want all these three review.

Actually, we’ll just relate two of them just to see, just to see what happens.

Okay.

Update.

Okay.

Um, those are the related reviews.

Let’s go to the builder.

Builder.

Where did you go?

Builder.

Yeah.

Oh, that’s none of these are the builder.

Okay.

Edit with bricks.

Mm-hmm.

Okay.

Simmonial card alpha query.

I don’t even think we need that.

We just need related.

Oh, it’s, it’s fucking backwards.

No, no, no, it’s not.

It just doesn’t know.

Okay.

Related reviews.

Hey, hey, there’s two of them.

Look at that.

Okay.

Uh, this is going to be the callout.

This is going to be the review text.

What is it?

Body.

This is why you have to be careful when you name them.

And I named the, I named these wrong.

Review source related services.

See how they’re not like, you’re just looking at slugs and now you’re like, whoa, what is it?

What is it?

Um, review source.

Oh, no, this is actually the post content.

We used the block editor, didn’t we?

We used the block editor post content.

Okay.

This is going to be the person’s name.

Term name, term name.

See, this is just a disaster.

Uh, oh, this is actually the post title.

Post title.

There we go.

This is why you try not to take a week off when you’re, when you’re working on a site like this.

Uh, and then did we do the source, right?

Yeah.

And then what we want to do is say verified review like that.

Save.

Okay.

Now when we go look at a service page, landscaping, come down.

Look at that.

Look at that.

Okay.

And then all we have to do essentially is on a service page, just relate another, relate another review.

So we’ll say Tanya is also belong.

See how much easier that was than the whole taxonomy thing.

Um, the only thing we need to do is limit the text here.

So essentially what we’re going to do is we’re going to grab the body. here’s the quote post content 30.

I’m just guessing.

I don’t know.

Okay.

I think we can show more than 30.

Let’s do 40.

Let’s do 50.

Yeah.

It’s good enough.

It’s good enough.

Um, I’m thinking that the grid gap, you know what?

I just feel like all my grid gaps are a little small.

So let’s go to spacing, uh, contextual spacing.

Let’s bring this in here.

Uh, grid gap.

Yeah.

Let’s just go L let’s make all the grid gaps bigger.

Oh, let’s also, I, this, this overlay thing, absolute trash can.

It’s an absolute trash can.

So you go to bricks enhancements and you go to bricks grid visualizer and you turn that off.

You just turn it off because it’s, it’s a trash can.

Now you don’t have that trash can sitting on top of all your grids.

Okay.

Any thoughts on the ACF takeover?

Uh, sorry, just tuning in.

Uh, we can maybe get there.

We will do a Q and a, if you want to put in questions, hashtag Q, hashtag question, and I will get to those, um, in my break here.

We’re going to do the same thing real quick with FAQs.

Uh, so we’re going to go to ACF field groups.

We’re going to go to services single.

We’re going to say, uh, related FAQs.

This is going to be a relationship field, uh, related FAQs and filter by post type FAQ.

It’s got to be a published FAQ.

We’re going to save.

We’re going to go to field groups and we don’t have one for FAQs.

So we’re going to go FAQs and we’re going to say relationship and we’re going to say related, uh, services.

Okay.

Related services and service and published and save.

And then we’re going to go to advanced by directional and we’re going to choose related services.

We need related, uh, this is, uh, related services.

Hold on, hold on, hold on, hold on.

Related services, this field.

Yeah, I’m on, I’m on that.

Um, okay.

That’s breaking my brain.

Let’s do it the other way.

Let’s go to, okay.

Services single related FAQs, bi-directional, um, related FAQs.

I don’t know why this is, okay.

Uh, this is, this is breaking my brain, breaking my brain.

This is the, the dyslexia is just fucking terrible.

Um, okay.

FAQs related services.

We, I may, I may, I may be doing it backwards here.

I think we need related FAQs here.

Okay.

Hold on, hold on, hold on.

Let’s go.

Let’s go here.

Let’s go here.

Let’s go here.

Okay.

Oh, I didn’t even assign that.

That might help.

Might help if I assign it.

So FAQs need to be assigned to FAQ.

Now edit the FAQ.

We should have a field there saying related services.

And this seems right.

This seems right.

Okay.

Um, we need to assign something to landscaping because that’s the page that we’re working on.

Save.

Okay.

All right.

Good.

Um, why isn’t this opening by the way?

Let’s go to, do we have the latest frames installed?

Yeah.

Okay.

Looks like it.

Um, let’s go to here.

Cause it’s, it’s, it’s, it seems to be working in the builder.

Okay.

Let’s get rid of these items.

We’ll just put this accordion back in if we need to.

Um, header, body, item, item should be the loop.

Uh, this should be related FAQs.

And then question is going to be the post title.

And then the body is going to be the post content.

Post, post content.

Yep.

How much does pressure washing costs?

Looks like we got it.

Uh, I got so many tabs open.

Let’s just kill everything.

Okay.

Back to the front end, back to landscaping.

What is the problem with that console?

No console errors.

That’s a, that’s fun.

Okay.

Um, Hmm.

Hmm.

Let’s go slap an accordion on a random page, like the homepage and just see if it works on a homepage.

We can just put one right in here.

Who doesn’t need an accordion in your hero section, right?

Is this a, okay, that works there.

No worries.

So what is the problem?

Let’s go to, uh, templates.

Let’s go to my templates.

Let’s go to services, services, single edit.

Hmm.

Hmm.

Hmm.

Settings.

First item opened.

Hold on.

Close previous items.

Expand duration.

Gap between items.

Gap between items.

Content gap.

Uh, tag UL.

That should all be working.

Let’s add another, add another one.

Services, landscaping.

Okay.

We’ll just put in how much does landscaping cost.

Okay.

Let’s go to that page.

We do.

Hey, hey.

Okay.

We’re working.

Um, What is the deal with that spacing though?

I bet it’s the body of the, I bet that’s what it is.

It’s, it’s the body, but it’s, Oh, there’s a MTP tag.

Okay.

Um, because why is there an MTP tag?

Why is there an MTP tag?

Answer wrapper.

What?

That’s a rich text element.

Let’s just try this real quick.

Let’s just do a normal text, a basic text element and leave it on div and see if we can get rid of that extra paragraph.

That did it.

No, no.

You still have an extra P.

You, you rat bastard.

What are you doing?

Um, I’ve only seen it generate extra P tags.

Unless, unless, FAQs, FAQs, which FAQ is that?

Do they both have it?

That would be a good question.

That would be a good investigative question.

Well, they both have it.

Okay.

You know what we’re going to do?

We’re going to, we’re going to, we’re just, we’re not even going to worry about it right now.

We’re going to, we’ll investigate that later.

But what we’re going to do is we’re going to go to, uh, body, FAQ alpha body, CSS root, uh, P empty.

Okay.

If there’s an empty P, we’re going to display none.

Okay.

Save.

Refresh.

This should fix our styling issue.

Cause you see the P, but it’s, it’s display none.

Now we’re going to see what else is causing.

And it’s the content wrapper.

Okay.

So we’re going to go frames accordion.

I think it’s in the body styling, probably padding that padding right there, 20 pixels.

Cause it’s, it’s the, that, that padding and the gap are combining together.

They’re combining forces to piss us off.

Right.

So we just zero that out.

And now look at this.

Look at that.

All right.

Um, contact us needs to be linked up.

Let’s get that done.

Let’s go to custom.

URL.

No, we can actually just do, uh, internal post page contact.

Fantastic.

Okay.

Did I put in, I did put in the post content.

Let’s check that real quick.

How much does pressure washing costs?

This is how, this is how much pressure washing costs.

Okay.

Save.

There you go.

Custom content.

Okay.

Everything’s dynamic.

Everything is dynamic.

Um, get an estimate.

View our work.

This is going to be interesting here.

Cause this is, all right.

We need to edit that.

That’s going to be in the template.

Can we, so sometimes you get an estimate.

Actually.

Yeah.

This should be, this should be fine.

This should be fine.

This should be fine.

Okay.

We’re going to go.

We’re going to go here.

We’re going to go to bricks templates.

It’s okay to just put an empty URL, um, query tag thing.

Pretty sure.

Nobody would be harmed by that.

I don’t think anybody would be harmed by that.

Uh, so let’s go to the footer.

We can go get an estimate and we can say estimate service equals.

And we just do, um, post title, right?

Save.

Oh, that is, that is going to harm some people.

That is going to harm some people because, because it is, it’s going to put the post title of whatever we’re on and not just the services pages.

That’s not the button I wanted to test right here.

Um, yeah.

Service equals home.

So, you know, it’s, it’s, I mean, it’s not going to really affect anything.

It’s not really going to affect anything, but it is kind of dumb.

It is, it is, it’s, it’s a bit messy.

I would say.

Hmm.

Hmm.

Let me just check something real quick.

Services conditions.

Um, post type, post type.

Can you do a post type?

Uh, I don’t think you can do a post type unless it’s under dynamic data.

Post, post, post, post type.

Can’t, can’t do it.

Archive title, term, term, term, term, term, term, term, term, term.

ACF, ACF, ACF, none, nothing, nothing.

Can’t even do dynamic data for it.

Okay, whatever.

We’ll just, we don’t want to make it dirty.

View our work.

Uh, this will, this will go to the gallery, which we don’t even have a gallery page yet.

We, well, we did talk about doing a faceted gallery, didn’t we?

Didn’t we talk about that?

We can pretend we didn’t talk about it.

We can pretend we did not talk about it, but I think we did talk about it.

Hmm.

Hmm.

Hmm.

CTA Bravo, root, accent heading, color, text light.

Is that accent?

Okay, let’s get the, get rid of the FR.

Get rid of the FR.

I don’t want the FR.

There we go.

Okay.

That’s good.

There.

Just fixing up little things as we go.

Um, okay.

Let’s make a gallery page.

I guess, I guess we can try to tackle this.

I guess we can try.

Bev requested it.

Okay.

All right.

Hmm.

Do we want to try to use, I don’t, I don’t, do the facets work with the bricks gallery?

We can maybe go happy files gallery for this.

Didn’t we already organize things in happy files gallery?

I don’t know if the facets work with happy files gallery.

I don’t know a lot of things about these bricks.

Cause I’m not using, I used to use WP grid builder for all my faceting and I’ve tried to switch over to bricks facets, but I just don’t know on top of my head, all the capabilities.

What are the limitations?

I guess we have to just find it out.

Hmm.

Okay.

Happy files.

Where’s media?

So we do have a gallery and it does have folders.

Technically that should be able to be faceted.

Right.

I would say that we need a photo in each folder just to see what the hell is going on.

Okay.

So let’s just start there.

We’re just operating from a place of confidence in bricks.

Okay.

So gallery.

Let’s just, let’s just throw in the gallery.

I mean, you never know.

You never know.

Uh, let’s just throw in a happy files gallery.

Okay.

Folders.

Gallery.

Okay.

We’re off to the races. sort by, sort by, sort by, no crop, include, include sub folders.

Yes.

Okay.

Making progress.

Um, next we’re gonna, we’re gonna do the, uh, interesting part.

Okay.

So this is container.

Bring this up here and let’s go with a facet of some sort.

They’re called filters and bricks.

What is the problem?

Do I not have them turned on?

Let’s go to bricks, uh, settings.

It’s in here somewhere.

Oh, there it is.

I found it.

Okay.

Uh, let’s refresh.

Filter, filter, filter, filter.

Okay.

Checkbox date picker.

Oh, okay.

We’re gonna have to do what I did on my, Oh, you guys are going to learn.

Yo, you’re going to learn today.

Okay.

You’re going to learn today.

Um, they don’t have buttons.

I like button facets.

Okay.

They don’t have button facets.

They have these radios.

And they have these check boxes.

Um, they don’t have buttons.

So what we need to do, unless it’s this submit, which I don’t think, I think I checked that last night.

I think, yeah, that just, that just, that doesn’t do anything.

Okay.

You’re going to learn how to turn.

You’re going to learn right now how to turn radio buttons into buttons, into real looking buttons.

Okay.

That’s what you’re going to learn right now.

Um, now it would be good if we check the radio functionality first to see if this, actually, uh, doesn’t, uh, look at this.

We are fucksville.

Um, there’s, it’s not detecting the gallery element.

It does not allow you to sort the gallery element.

Ooh, boy.

All right.

That makes this way more fun, way more fun.

So I think our pathway to this is going to have to be a query loop with an image.

And, um, we’re going to have to say, this is going to be the, we’ll just call this the media wrapper, which is also the loop.

Uh, we’ll call this the gallery.

Okay.

Um, gap gallery.

We’ll call this the gallery grid, uh, media wrapper, image, gallery, grid, media wrapper, image.

We’ll call this an image wrapper.

That’s not media.

Like there’s not going to be any videos in here or anything like that.

Um, okay.

Let’s loop this, loop this.

Um, post is going to be, uh, let’s see.

Post type is media.

I believe you can still, you can still choose folders, gallery, but I don’t know if it automatically includes children or not.

Um, that, this, this all might be a, this all might be a shit show.

Okay.

Let’s go post ID.

At least this will get us some, some images in here.

Then we can start to figure out what we want to do.

Hmm.

The other thing we could do.

Yeah.

Yeah.

Yep.

Yep.

Yep.

Yep.

Okay.

The other thing we could, we could do.

I mean, my brain is thinking like a lot, if this doesn’t work, what do we, or do we go next?

I mean, it could be, um, we query all of the services and we query the gallery field from, but then, but that’s not going to work either.

Cause Bricks doesn’t let you query the gallery field.

We would have to, we would have to go back.

We would have to remake the gallery field a different way in order for it to be loopable in Bricks.

Um, all right.

Let’s just keep going down this path for right now.

Uh, if we go to the gallery grid, we’re going to call this gallery.

Actually, I’m just going to auto bend this.

So gallery grid, image wrapper, image.

Yes.

Good.

Fine and dandy.

Gallery grid, display grid, grid template columns.

Let’s go with four.

Um, one FR.

Okay.

Uh, grid auto rows, one FR.

We want them all to be the same height.

Uh, gap is going to be, I would say, let’s go small maybe on this.

Okay.

I don’t know why it’s shouldn’t really be doing.

Oh, it’s cause that one right there.

Uh, cause we have to go with the image and we’ve got to go four by three.

Um, yeah, no four by three is correct.

Object fit is going to cover.

Okay.

That should, that should be, I don’t know why, why it’s previewing different ratios when I’ve told them all to be the same ratio.

Uh, but I bet that’s not happening on the front end and I’m right.

Um, this is just bricks doing bricks things.

Uh, let’s refresh and see.

It should straighten itself out.

There we go.

Okay. now we have something we can target.

Um, okay.

Update filter index mode.

But what is it?

What is it going to action?

Filter source source.

I bet you could.

Ooh, Ooh, folder.

Oh, look at that.

Look at that.

Look at that.

But where, where, uh, these aren’t just folders that apply to, these aren’t just folders that apply to our gallery.

These are all folders.

Hmm.

Hmm.

Hmm.

Hmm.

Hmm.

Hmm.

Hmm.

But okay.

I mean, we can solve this.

We still need the facet.

We still need, we still need to design the facet.

Gallery. but that’s really, that’s really not good.

Um, custom fields, field type, meta key, uh, compare equal.

I bet there’s something we could do here, but taxonomy folders and categories post.

This is, I mean, this is all part of like WordPress is outdated architecture too, because it’s like, I have these things called categories.

And if I could assign, uh, images, like you can’t assign images to categories, right?

Let’s go back in the media gallery.

Like there’s no way.

I don’t know why, why, why, why?

I mean, it’s just a piece of data.

Um, yeah.

Why can’t, is there a plugin for doing that?

I mean, that’s still kind of makes this all really annoying.

I I’m pretty sure WP grid builder could facet these folders.

I’m not a hundred percent.

I think I’ve done it before though.

Hmm.

Hmm.

Hmm.

Hmm.

We are stuck still.

Okay.

Hardscaping landscape.

Anybody got any ideas?

Justin is correct right there.

Um, the radio has buttons, but you can’t really style them easily.

Uh, I’m going to show you how to style them.

I’m going to show you how to style them.

Uh, Mano says they do have buttons.

I don’t think they have buttons.

I don’t wear, where, where are the buttons?

I mean, where are the buttons in the room with us right now?

Um, I don’t see, I don’t see any buttons.

Like if we go back, where’s the button?

If I got a filter, which one of these is a button?

Select is a dropdown.

I’m already on the radio, but where, where, where do I buttonize this?

Anybody?

Anybody?

Oh, right here.

Mode.

Why is that a mode?

Okay.

All right.

Let’s see this for a second.

Well, the thing is, is I want them to look like ACSS buttons.

So I already have a pathway for doing this.

Size, small, medium, large.

Deep.

This is all like, yeah, yeah, yeah.

Circle out.

What does circle do?

Oh, that’s not really a circle.

That’s called a pill bricks.

It’s called a pill, not a circle.

Um, okay.

We don’t, we don’t need to do this.

We don’t need to do this.

That is interesting to know though.

Um, but we don’t need to do that.

We can make our own.

We can make them, uh, with, well, if you’re using automatic CSS, it’s going to be quite easy, uh, as you will see.

Okay.

But the problem is we’re, um, we’re, we’re stuck here.

We’re, we’re stuck with this nonsense going on.

Hmm.

Anybody have any ideas?

Any ideas?

How do you fat?

Like there’s obviously a disconnect in happy files, especially now.

I mean, we’re not even, we’re kind of beyond the bounds of native WordPress.

Cause you wouldn’t be able to do this in native WordPress anyway, but we have this thing called happy files and folders are queryable.

They should be facetable.

Anything that’s queryable should be facetable.

Um, but there’s no, what we’re missing.

Here’s what we’re missing, right?

is when I say taxonomy and I’m allowed to say folders, I need to select like a parent folder. and it essentially looks at its children, which I have in here, but hold on.

Why is it saying zeros?

Let’s go to the front.

See this.

That’s working, right?

That would be all, this would be that, that category.

This is all working. we just have a bunch of nonsense that we don’t actually need.

And I can’t exclude anything.

There’s no, so what we need, if anybody wants to put this in, you know, if you’re bored, put this in as a feature request for the faceting, we need a way to exclude.

I mean, hiding empty is great.

Um, it’s going to, it’s going to hide the empty ones, but it’s not really what we need.

Right.

Um, let’s go ahead and hide the count as well.

We’re going to do this for right now.

We’re going to do it this way for right now, but I’m going to put in a feature request where we can indentation gap.

What the heck does that do?

Um, okay.

So all photos, I’m going to switch this to all photos.

Uh, I’m going to put in a feature request where we can exclude a taxonomy, uh, exclude a folder.

What just happened?

I guess the preview is just off, but anyway, we can get onto what we actually wanted to do, which is turning these into buttons. um, feature prefix, the prefix.

Um, how do I get rid of the prefix?

Uh, no, it’s going to write null, none.

All right.

I’m just going to have to hide.

I’m just going to have to hide the prefix with, uh, there’s no way to have no prefix.

That’s, that’s fun too.

Okay.

Okay.

Okay.

Let’s, let’s, let’s, let’s get going on this.

This might be the last thing we have time to do.

I don’t know.

Um, but what we’re going to say is, uh, gallery facets.

Now, gallery facets.

This is going to be facets right here.

Um, gallery facets.

All right.

This is going to be facet.

Buttons.

Facet buttons.

Okay.

Facet buttons.

So on facet buttons, we’re going to change the, we’re just going to go down to custom CSS.

We’re going to say display flex, display flex.

The first step is to get them out of a vertical, right?

Uh, the next step is to gapatize them.

I don’t, I don’t think these are real words, but, um, they’ll, they’ll work.

Okay.

Fantastic.

The next thing we go learn a little bit about, let’s close this.

Refresh.

Let’s learn a little bit about these option inputs.

Okay.

If you notice what you have is a wrapper, the label is the wrapper of the thing.

Okay.

When you open that up, you’re going to get, uh, an input, by the way, when you select one, okay.

Um, why are we in, we don’t need to be in responsive mode.

Let’s go inspect this again.

Okay.

Um, you’re going to get a, you’re going to notice this attribute called checked, right?

And that’s going to attach itself to the, input.

That’s going to allow you to check to see which one is checked.

Okay.

They’re going to have this attribute when it’s checked.

So that attribute is going to go away.

I wish it would just not, it reloads the page every time.

And then I completely lose where we’re at in the thing.

Um, but this value, uh, this is checked inspect.

This one, uh, does not have the checked attribute because it’s not checked.

Right.

So some important things to understand with the structure.

And if you don’t know how to inspect a page, and I say this because we get a lot of support requests from people who could have just like quickly inspected the page to see what was going wrong.

One of the most important things you have to learn is how to inspect the page.

Like, what am I looking at?

What is the, how do I determine structure?

How do I see what styles are being applied?

That kind of stuff.

Right.

Um, so you, you’re not going to be able to do what I’m about to show you unless you can inspect structure and see how things are built so that you can target them correctly.

The label in this case is essentially going to be like the button structure.

Okay.

Um, then we’re going to have this input here and then the span is the actual, uh, text of the button.

So what we, what we have is a clickable area that’s relatively small.

And, and that clickable area is, if we inspect this again, um, the input, that’s the input, um, the input, see the little carrot and the thing says input 13 by 13.

That’s a 13 pixel clickable area.

What we have to do is expand the input.

Think of, think about like clickable parent.

You expand the clickable area to fill the entire thing.

What is the entire thing?

The entire thing is the label.

The label is the all encompassing thing.

How do you expand something to fill something else?

One way to do that very easily is with absolute positioning.

So if we absolutely position the label and we set the inset to zero, it will cover the entire thing, right?

Which will make the entire thing clickable.

So that’s the first thing we’re going to do.

And in order to do that, what you have to do is go root label.

And because we’re doing facet buttons, we only want to affect the label in facet buttons, right?

So root label, we’re going to set that to position relative.

That’s going to constrain the children that are absolutely positioned.

Right?

So then we’re going to take root input and we’re going to go with position absolute, position absolute, absolute like that.

And then we’re going to say inset of zero.

Right?

And you’re going to see right off the bat, right?

That this looks very fugly, but you can also see that I can click anywhere on the label.

Anywhere on the label will give me a selection.

Right?

And now all I need to do is not display none, but visibility hidden on the input.

We don’t need to see the input.

We just need its functionality to remain there.

See what we’re doing here?

Okay.

And now if we think of the label as the button, what we can actually do is apply button styles to the label and it will morph into a button.

Now we want to use automatic CSS is buttons, right?

So what we’re going to do is open automatic CSS simply because there’s a superpower that we can use and it’s the button mix in.

And so here we are with a facet buttons is our targeting art, our unique little class here.

Okay.

So fat facet buttons, and then we’re going to target the label.

So if we have facet buttons label and we can do a border check, right?

So we can say border five pixel solid red, and we can see that there you go.

There’s your solid red border.

Well, if I come here and I go at include button, and then I give it my button style that I want to use like primary and I save, let’s go ahead and see what happens.

We may need to do a little refresh on here.

There you go.

You immediately, you get buttons, right?

Let’s see what the spacing issue is here.

Cause there’s something input span.

What is, what is, what is that?

Is that a line height issue?

It’s a, it appears to be a line height issue.

Okay.

So that’s no problem whatsoever.

Let’s go to automatic CSS, global SAS.

We have to fix this.

So there’s a little live preview bug where I think when you’re using these mix-ins, it’s not pre-processing them with live preview.

So it can’t show you what you’re actually doing.

So what we need to do is do a little duplicate.

Okay.

And then here’s our little preview, right?

And I may need, I don’t, let’s go to, let’s do the span.

We can actually nest this.

Okay.

I don’t even think we need that.

Just span.

Line height one.

Okay.

Save.

And let’s go check this out on the other tab.

Nice.

Nice.

But I don’t want, now I want to manipulate the font size.

What’s good about the, what’s good about the mix-in is that it doesn’t stop you from manipulating anything else that you want to manipulate.

It just gives you the things out of the box.

But I can say text S and let’s just see.

I shouldn’t have to do that on the span.

Actually, there’s a locally sculpt variable for this.

I think it’s called button text size.

So what we might want to do is just essentially hijack that.

Button text size is text S.

Okay.

Gallery.

There we go.

Okay.

I think it’s that, let’s just double check that real quick.

Span.

Maybe because it’s the span.

Bricks has some, I ran into this problem.

Yeah.

I just.

Bricks likes to put like defaults on here that are very unhelpful.

It’s button font size, not button text size.

All right.

Button font.

Font size.

It was button text size at once.

And then we changed it to match the actual property name.

Okay.

Inspect.

Button font size.

Button font size.

Font size.

Font size.

Font size.

Facet buttons.

Label font size.

What’s overriding it?

Is it this again?

See it?

It’s bricks puts this with 011 specificity.

It puts these stupid defaults that nobody wants and nobody needs.

And it causes a bunch of problems.

So essentially I’m just going to try to duplicate the class name and that’s going to give me extra.

It’s going to give me extra ammunition in the specificity battle against bricks essentially.

Okay.

Except S is a little small for me.

For me.

Actually, I’ll just change S.

Let’s go to typography.

Let’s go to text.

Let’s go to S.

With this font, I don’t think 14 is quite what we want.

Let’s go see what 15 gets us.

Okay.

Maybe 16.

Because we’re at 20, right?

For normal.

S doesn’t need it.

It doesn’t need to go from 20 to 14.

There we go.

We’re progressively getting bigger.

Now, I want those to be outline buttons.

So what we’re going to do is instead of primary, we’re going to say in quotes, primary button outline.

And what that should give us is the outline.

But then we’re going to maybe have to clean up some.

Yeah, there we go.

But we do have to clean up some text colors.

Okay.

So button text color is what we’re aiming for.

We can customize that as well.

Button.

Button.

Button.

Text color.

Let’s go with just primary.

Okay.

And then what we’re going to have to do is do the checked style.

Right?

So when one is checked and selected.

Oh, that’s not.

That’s too light to use.

Primary dark then.

Primary dark.

Save.

See what we get with primary dark.

Okay.

Whatever.

And then on hover, we can dial this all in later.

So.

And hover.

We’re going to go.

It’s already used as I believe color hover like this.

And then we’re just going to use primary dark again for right now.

I don’t think we need to change it.

Let’s just make sure that that’s working.

Okay.

Fantastic.

And then we need the checked style.

Right?

So if we think about this, you’re, you’re, you’re going to.

Okay.

So you’re styling the label.

So you’re styling the label, but the label does not have the checked attribute.

It’s actually the input inside of the label that you’re styling that has the checked attribute.

So you need a way to check.

I need a, I need a button that has an input that’s checked in order to style the button properly.

Right?

Notice the keyword in that phrase.

I’m going to, I’m going to go over it again.

If you’re not already knowing where this is going to go or how this is going to work, you need to style a label that has an input with the attribute of checked.

Do you understand?

Okay.

Hopefully you got that.

Um, so what we do, we have a label that has, okay.

Label that has an input with the attribute of checked border.

Check that five pixel solid red.

Now I’m doing this with nesting, which I don’t normally do, but it still works just because just because that’s how we are.

That’s how we is.

Okay.

Um, all right.

So what do we want to do?

What do we want to do to that thing when it’s checked?

Um, we want to go button background color thing.

I’m just trying to remember these off the top of my head.

Button background color is primary.

This is the kind of the value of locally scope variables though.

You can just continue hijacking them over and over and over again, uh, which our button text color at that point would be a primary light, something like that.

Okay.

Um, let’s just, let’s just check that and see.

Cause it’s really, it’s transparent.

Um, Okay.

It’s, it’s doing it, but inspect there’s one thing going on here.

Uh, label.

Okay.

Has input check button background color.

Var is primary, but it’s not actually doing that as the background color.

Uh, oh, it’s called button backgrounds.

That’s why I’m using the wrong variable.

Okay.

It’s just button background by itself.

It’s not button background color.

So save.

There we go.

Uh, we just need to fix our text.

Maybe you don’t even need to change the text color.

Let’s just take that out for a second.

Maybe the text color we had will work just fine.

Failed at what?

You’re out of control, sir.

You’re out of control.

Well, what did we just delete?

I just deleted the, oh, okay.

Yeah.

Sorry.

I deleted a bracket.

Yeah.

You don’t want to delete brackets.

Not a good thing to do.

Okay.

Let’s go refresh.

Hey, hey, look at that.

Look at that.

Now, what is doing this little dash?

Where are we getting that?

Oh, fuck.

That’s being put in hard coded.

Ugh.

Ugh.

Bricks.

Bricks.

What are you doing to us?

At least make it like a pseudo element or something that I can hide.

You won’t let me get rid of it in the setting in the builder.

You won’t let me get rid of it with CSS.

Ugh.

Ugh.

Okay.

Um, what do we do?

What do we do?

You can’t put nothing.

Bricks.

Bricks, bricks, bricks, bricks, bricks.

Etch would never.

I’m trolling.

I’m sorry.

I’m trolling.

Okay.

Um, did you learn something there?

Did we, did we all learn something?

We’re going to go to Q and A.

Cause I got to get out of here in about 20 minutes.

Um, I think we’ve made some really good progress on all the things that we needed to do.

Mainly the site’s done.

It’s essentially now is getting in the right content, getting in the right photos.

Um, and we can wrap, we can wrap this show up.

Okay.

Uh, and then, you know, we’ll iterate on the site in the future, but the, the race to get him a site that works is pretty much, um, at its conclusion.

If you put a space, will it hide?

Uh, well, I doubt it.

It’s going to, it’s going to put in a space.

Um, if I had to guess, where are we?

Let’s edit with bricks.

We got too many tabs open.

Okay.

Let’s go check it.

So space save.

And let’s go to the page.

Okay.

It does, but does it output?

It does.

It does output a space.

Um, can you tell visually?

Not really.

Not, it doesn’t, it doesn’t seem actually.

It doesn’t matter.

Yeah, you’re right.

All right.

We need to give a Mark.

There you go.

Mark kudos to Mark.

We found a little hack.

Um, you can just put a space.

Look at this.

Look at this.

Look what we’ve done here.

Just custom straight out of the gate.

No gallery thing needed.

Now you could go bonus points here.

You could go, you could put a frames modal in, in that media wrapper.

And, uh, then you can fire these up into a modal, like to make them big.

Cause obviously we need a, we need a way.

And we obviously need a way to see this large.

Right?

Should we do that?

Should we do that?

Should we see if we can do that?

Maybe, maybe we can fit that in.

Maybe we can fit that in.

Uh, let’s just race to it.

Let’s race to it.

Modal.

Frames modal.

Oh, how are we going to do this?

How are we going to do this?

Because, um, the image wrapper at that point would, cause you need a button.

You need a button to fire this bad boy off.

Uh, uh, the image wrapper could be the button.

Honestly.

I think, I think, I think you make this the button.

We could just make this the button.

Let’s go custom.

Let’s go.

I think custom tag button.

Okay.

Let’s hide the, uh, hide the modal in the builder for right now.

We just need to handle this.

Um, so this is the button and the image wrapper is the button.

That’s fine.

Okay.

So what we need to do is grab that class name, come down here to frames modal settings, FR trigger.

This is going to be that the image wrapper.

Um, okay.

Now we can, now we can show the modal.

Um, we’re, we’re not going to worry about classes and everything.

We can just do this from one area.

It’s just one use case for this thing.

Uh, body container.

Uh, let’s go.

How big do we want this thing to be?

How big do we want this thing to be?

Excel, XXL.

I think we go XXL.

Let’s go XXL on it.

Uh, let’s drop an image in there.

Okay.

Fantastic.

We’re, remember we’re inside of a loop.

So if we just go post ID again, we should essentially get the image that we want.

Um, we should go with, uh, we don’t need to worry about the aspect ratio.

That’s going to handle its own, its own self.

We’ll go a hundred percent width here.

Uh, that’s good.

We’ll go take away the body, uh, padding.

We don’t need any body padding.

We just want to see the image by itself.

Um, we want to, we want to get rid of the background color.

I’m seeing it on the edges.

That’s what I was looking at.

I was like, what’s causing that?

Okay.

We get rid of that.

That looks really good.

Um, we’ve already got a close button up here done for us.

So that’s pretty good.

It will also close on escape for us.

Overlay, overlay color.

Yeah.

That’s fine.

Out of the box.

Um, trigger type is good.

All of this is good.

All of this is good.

Okay.

So I don’t know what’s going to happen.

Let’s go.

Let’s just go.

Okay.

Gallery.

Oh, what has happened here?

Okay.

Obviously something has gone wrong.

Um, are we still, what has it done here?

Let’s think about what we’re doing.

Is it because I’ve made this a button?

Let’s get rid of the button tag.

Let’s just see.

Did that break something?

Now, now we have to go into investigation mode.

Okay.

It seems that it does work.

Uh, that’s not accessible because let’s look at our structure.

What is it created?

What has it created?

So we have a div with the role of button.

Oh, it gave it a role of button automatically.

Man, we’re good.

Aren’t we?

We don’t need to make it a button because it gave it the role of button, which means I can fire it with a keyboard.

It just did that out of the box because I told it that was the trigger.

Hmm.

Hmm.

It’s pretty good.

We might be done here.

We might be done.

I didn’t even know it did that.

Kudos.

Uh, you know, that was either Wadgie or, uh, Nuno.

Okay.

Yeah.

Yeah.

That was easy.

Okay.

Oh man.

Hmm.

How do you then move picture to picture like a light box normally would?

You know what, Toby?

You know what, Toby?

You know, uh, it’s, it’s a free project, Toby.

This is, uh, we’d have to go a different route for that.

I think Toby, um, I don’t like your bad opinions.

You know, your bad questions.

That’s a question.

Not a bad question, honestly.

Um, but it’s just not, it’s without the, it’s, it’s out here.

We’ll just give you the corporate, the corporate answer, Toby.

That’s outside the scope of this particular project.

Hmm.

Yeah.

So we need a way, what we need to add maybe in the modal element is a way to link, um, with the other elements in the loop to be able to navigate through them with the keyboard and maybe arrows and things like that.

But that’s essentially like a modal carousel kind of situation going on there.

Right.

Yeah.

Yeah.

Yeah.

Okay.

I was just thinking, I was brainstorming a couple of things, uh, and ran into three different dead ends in that like eight seconds of brainstorming.

So, um, yeah, I think, uh, uh, div or, or list.

Uh, oh, you’re asking about the structure down here.

Um, it’s, it’s up to you.

Um, would this technically be a list, an image gallery?

The thing is, if you need it to be, uh, you can come in here to the gallery grid.

Uh, I need to hide the frames ID no longer.

Yeah.

Just hide this.

And we don’t need to see that.

What happened here?

Let me, let me refresh.

I don’t know.

It just blew itself up.

Okay.

And we’re back.

Let’s open this frames modal, hide modal and builders.

We don’t need to see the modal.

Okay.

So if you wanted to do this, you would essentially just make this a UL.

And then you would come to gallery grid and you would say at list none, and then you would save, and then you would come to the image wrapper and you would make that the L I custom tag L I save.

And now you have a list.

So you’re totally not stopped from, uh, making that a list.

If you want to make it a list.

That’s nice.

That’s nice.

Okay.

You could just use an empty button and turn it into a clickable parent with a transparent background and just use the bricks light box.

Okay.

We need tonight.

It’s the project deadline.

Yeah, exactly.

That’s a, that’s a, here’s the other corporate.

That’s a phase two feature, right?

That’s a phase two feature.

Um, so yeah, there you go.

All right, let’s do Q and a real quick.

We got 15 minutes.

I’m going to, I’m going to search.

Let’s go.

Hashtag Q.

How do you like buzzsprout for podcasting?

Uh, absolutely love it.

Absolutely love it.

Um, it’s just really easy.

Really, really, really easy.

When can we expect your awesome fork of WordPress?

Uh, no comment.

Robert Watner says, is it better for SEO to use the default titles, featured image, excerpt, et cetera, when possible, or just custom fields for everything?

Uh, that actually is, uh, does not have any impact on SEO whatsoever.

Um, essentially you’re just putting content on a page where that content is queried from doesn’t, doesn’t matter.

It’s the content itself that matters and what you’re doing around the content.

Steven says in SureCard, there are now product cards and product form elements.

These are quite extensive with a lot of nesting and much styling on the ID level, what you’re thinking on this.

You can actually just create your own custom query loops.

Uh, if you don’t want to use those pre-made ones, there are some ramifications like, or, or, uh, prerequisites, I guess I would say, like you need a certain wrapper element in order for it to do all of its dynamic data stuff.

Because if you think about it, it, it does a lot of stuff under the hood that you’re not seeing.

And if you exclude that functionality, all that’s going to break.

So some of that stuff is required.

Um, but I think overall they did a very good job with it.

Uh, let’s see.

Uh, let’s see.

I know frames for Figma is delayed.

Any estimate on when it may be available for everyone else?

Um, it is.

So it, the new version was already released to current customers.

You can buy the current version in November, uh, on Black Friday.

Uh, what we’re doing right now is we are essentially taking a lot of whatever can be done with native Figma tokens.

We’re converting over to native Figma tokens, which will make things way easier over token studio.

Um, now native Figma tokens can’t do everything that token studio can do and doesn’t do everything that we need it to do, but we’re converting all the possible things over to native Figma tokens to make those things even easier.

And that’ll be done by, for the Black Friday release.

That’s when you’ll be able to get your hands on it.

Um, but yeah, people, people who are current buyers, they’re already, a buyer.

They already have the new version.

Okay.

When will you launch etch officially?

Well, there’s no, um, can’t put, can’t, I mean, we’re too early stage to put dates, like hard dates on that sort of thing.

Um, but we are ahead of schedule.

So I can say that we’re ahead of schedule.

Um, we are aiming the one year mark was where we were aiming for production ready for brochure websites, right?

Uh, I still have full confidence that we will hit that.

Um, there’s, there’s quite a bit done so far and people that are in the etch community.

Uh, first of all, what you have to understand too, is we are taking a completely different approach with etch, uh, than any page builder has taken before.

Obviously etch is a lot more than a page builder.

It’s a unified visual development environment.

It does a lot of stuff.

Um, but even if you just take traditional page building, we’re just taking a completely because we just think it’s, it has not been done right.

It has not been done right.

That every, and if you, if you open every page builder interface and you ask the beginner, which one does different things?

They would all be like, they all do the same thing.

They would come to that conclusion because they all look the same.

They all use the same layout.

They all use the same element.

They all use the same everything, right?

Now we know that Elementor and Bricks under the hood are radically different products.

Uh, Bricks is in a different universe than Elementor under the hood and functionality and what it allows you to do.

We know that.

Okay.

But they look exactly the same essentially.

I mean, you could be like, Oh, Kevin, that’s a different color.

Okay.

What I’m talking about structurally, the way that they work, it’s exactly the same UX.

Okay.

Um, that doesn’t fly with the kind of work that we want to do the way that we want to do it.

And we, we have found an approach that not only when you expose the code gives you a great editing experience, um, and adding attributes, not just classes, but full, full on attributes.

Like you can add a custom ARIA label and style it, right?

Uh, you can’t do that in Bricks.

Uh, you can’t do that in any page builder, um, full attribute selection system, right?

Uh, which is already pretty much there by the way.

So things like that, having a, having a great editing experience for both CSS and HTML, but the way that we’ve done it with this concept called the etch bar, we feel that we can eliminate 75% or more of a traditional page builder interface because what a typical page builder does, if we go into this, okay.

Uh, if we, if we take a look at this, it’s kind of like you’re in like a 747 cockpit and you imagine sitting in a cockpit, there’s a thousand switches, right?

Okay.

Well, the cockpit is a physical thing.

Uh, if the buttons are either there or they’re not there, they either exist or they don’t exist.

You can’t manufacture them when you need them on the fly.

Right.

Um, and, and page builders have kind of taken this approach where I’m seeing so many things that I don’t need to see right now because I’m not using them.

They don’t need to be there.

Um, and if I did need them, there could be an easy way to get to them.

Uh, and then when I select things like this, there’s a lot of stuff that appears that again, I just don’t need access to at the time.

And what the edge bar does, it’s like a contextual UI.

And so it knows what you’re trying to do when you’re trying to do it and gives you only those things in which you need, like at that time.

And, uh, it’s, of course you can do so much with code.

You can do so much like with, um, well, I can’t give away so many details that it’s like hard to talk about without giving it away.

But there’s essentially going to be a way where you can do anything from anywhere at any time instantly.

Okay.

And, um, this, all of this combined together just eliminates like 75% of the UI.

So when you go into the etch builder, it is the cleanest experience that you have ever.

You get to see your entire page.

It’s not confined in a centralized little box.

Okay.

Um, you get all of the real estate available to you.

Uh, and then again, you can instantly do anything from anywhere at any time.

And you’re only seeing the controls you need when you need them.

And everything is like one click away max.

Uh, it’s, it’s just going to be really, really, really like the experience is going to be like nothing you’ve seen before.

And the efficiency that is going to come out of it is going to be unprecedented.

Um, especially when we combine things like, like, okay, adding elements, for example, if you’re going to add elements, there’s going to be like four different ways.

Five different ways, maybe that you can add elements based on your preference.

So you’re going to be able to drag elements in like you would normally do.

And, but they’re not, I mean, look at this.

Look, look at, look at the amount of real estate that is taken up here.

Look at the, the real estate is preserved everywhere in etch.

Right.

Um, so there’s going to be, uh, a similar workflow to this, but without taking up all this crazy amount of real estate, that’s going to be like one method.

Another method is going to be the thing that I can’t reveal yet.

Um, because it’s just too powerful.

And I, I just, I don’t want people going in this direction yet because we’re going to do it.

We’re going to do it first.

Um, so I can’t give that part away, but that’s the kind of like, just imagine instant anywhere at any time kind of thing.

Um, there’s that there’s going to be Emmett.

So you can just use an Emmett command line to, you could with Emmett.

I mean, you can add, um, a hundred elements with nesting, with classes, with things attached to them, uh, just by writing out a sentence, uh, and then hitting enter and it just, it expands and it does its, it does its magic.

Right.

Um, and there’s going to be like two other different approaches to, to adding elements.

There’s going to be two primary different ways to style elements.

Of course, you’re going to have a CSS first approach.

You’re going to have traditional inputs, but the inputs are going to not be in typical, um, like page builder fashion.

Uh, they’re going to be a lot faster to get to a lot easier to find and use.

Um, but for people who don’t want to use them, who just want to write CSS, the CSS authoring experience is going to be the best, uh, that that’s ever been in a page builder environment.

Essentially a VS code like editing experience, but you can see what you’re doing while you’re doing it.

Right.

Um, without using split screens, without using, it’s just, it’s just there in the environment.

Uh, and when I say you can do anything from anywhere at any time in a split second, that includes creating new pages, creating new posts, creating a CPT, creating custom fields, creating any, creating a new user, creating anything you want to do, anything you want to do through this process of anywhere, anytime in a split second.

Um, the, the, the efficiency is going to, it’s, it’s, it, you know, we say it’s a new era.

It’s a new era for how work gets done in WordPress, but in so many different ways and so many different layers.

Um, everything is being questioned of like, why, why, why, why, why has it been done like that?

Because that is not the best way.

And I think what a lot of page builders have done is they’ve just kind of copied each other and then just done things a little bit better.

Right.

Bricks is like, oh, well, element are kind of figured out the UI.

We’re just going to do, we’re just going to make the functionality side of things way better, but we’re going to like, have they, did they, did they really, we don’t think they did.

We don’t think they did figure out the UI.

We think that there’s so many, so many advancements in how these things can be done and how our workflows have advanced.

The UI honestly hasn’t kept up with the way that we work.

Uh, and so we run into all these constant frustrations and those are going to be gone and fixed in etch.

Um, everything is being rethought and re-imagined and redone.

And, um, yeah, if you see people here in the comments that are in the etch community, they, they, you know, people are very excited about what they’re seeing.

Okay.

Got three minutes and then I got to get out of here.

Let’s do some final questions.

If you had to give advice to a content creator looking to do something like PB101, but for web applications built on WP, what would your number one advice be?

Uh, web applications.

Well, how are you, my question would be, my question for you would be, how are you building the web application or what languages are you using?

What are you, what, what’s involved?

Uh, I think I, I need more details before I can answer that.

Do you think with all the drama that WordPress is safe?

We want to scale, but now debating WordPress and webflow.

Uh, do not panic.

Do not panic.

You have to remember we are in a relatively small bubble.

Um, our clients have no idea what’s going on unless your client is a customer of WP engine, um, or a very attentive customer of advanced custom fields free.

They have no idea what’s going on.

Um, nor do they care.

Uh, and these things have happened in the past.

If you want to go look up, uh, Matt Mullenwig’s fight with Chris Pierce.

I think it’s first name’s Chris, uh, Pearson.

Okay.

Go look up Mullenwig versus Pearson.

Go listen to the podcast debate that they had together.

Go look at the lawsuits, right?

Go look at all of those details.

Very similar, very similar.

Now this has escalated further and it, and it’s with bigger, bigger entities.

Okay.

Uh, but it’s very similar.

This kind of thing has happened in the past with WordPress.

What I’m get, what I’m, what I’m getting at is it is a massive ecosystem.

There is a lot of insulation against what one person actually has the power to do.

Um, for the most part, what customers still care about and should care about is does my website work?

Can you do what you need to do as my website manager?

Are you?

And the answer is we are not blocked from doing anything.

Nothing has changed for us.

First of all, if you were on ACF free, you’re going to be like, well, Kevin, I’m on ACF free.

It changed for me.

Okay.

Well, that’s my alarm that says I have to go.

You shouldn’t have been on ACF free.

I told you a long time ago, not to be on ACF free.

I don’t, I don’t deal with the plugin repository.

I hate the repo.

I don’t like the terms of the repo.

I don’t want to put my own shit in the repo.

I don’t, I stay away from the repo.

Right.

And so like I’m most of my stack, almost the entirety of my stack is premium plugins where I pay people to do the work and I pay for my licenses and I deal with them.

I don’t deal with WordPress.

I don’t deal with Matt, right?

I, as little as possible, as little as possible, I want to deal with Matt.

Okay.

So my work hasn’t changed.

Nothing is affected for me.

ACF pro is not affected.

Okay.

So no problems there whatsoever.

So I can confidently tell my clients.

And then if, let’s say if Matt does go off the rails and burn into the ground, here’s the thing about forks.

Here’s the one truth you have to understand about forks.

As long as WordPress is committed, fully committed to advancing the platform and doing the amount of work they’re currently doing on the platform.

It is very hard to fork this project.

It is almost like a too big to fork situation.

You see that with like classic press because you’re just dwarfed and there’s no way you can convince that size of an ecosystem.

Unless something changes dramatically to go to your fork, to make the fork relevant enough, right?

To justify the amount of work that would need to be done to maintain the fork.

So here’s the thing though.

Let’s say Matt goes haywire 10 X.

Okay.

And just melts the whole thing down.

Well, then we can fork it.

And then you actually have the space and the momentum and the appetite in the ecosystem to pursue a fork.

That would actually be like the best thing that could happen to us.

If he goes full blown meltdown, that’s actually probably the best scenario for us.

Cause now a fork is actually justified and the ecosystem has the appetite needed to go into it and give it the relevance that it needs to survive.

Okay.

So we are in control.

We are in control here.

Can WordPress be forked if necessary?

Yes.

Is it the right time to do it?

Probably not.

But if things get way worse, it’s okay.

That’s our back door.

That is, that’s our back door.

Okay.

So don’t panic.

Just grab your popcorn.

Okay.

Everything is going to be okay.

And, and we’re going to play, we’re going to play it by ear.

And we’ve got a pathway either way.

All right.

We’re not stuck.

Our back’s not against the wall.

You know, bad things happen and then good things can come out of that.

We need to see what happens.

We need to take a wait and see approach knowing that we’re not stuck.

Okay.

We have options.

We can exercise those options if, if needed.

Um, okay.

That’s going to be the last question for today.

Let me just go to the chat real quick and say bye to everybody.

Um, we will be back next Tuesday.

Well, the edge hype is making it sound like the best way forward.

Yeah.

Um, a hundred percent.

By the way, I mean, in worst case scenario, etch is not married to WordPress.

Etch at the end of the day is a Svelte application and that Svelte application can be tied into any CMS.

Okay.

And so we’re okay.

We’re okay.

Um, nobody on any front needs to panic.

There are many avenues that can be pursued here.

All right.

Either way as AT Williams, we’re going to end on this right here.

Either way, we’re going to win.

Okay.

That’s what we do.

And, and if you’re in the etch camp, especially, and you’re in the automatic CSS camp and you’re in the digital gravy camp, this, this is, this is the winning team.

This is the team that consistently wins.

It’s what’s our, it’s winning is our DNA.

Okay.

Um, so you’re in the right spot.

You’re in the right spot, my friends.

All right.

We got to go.

I love you guys.

I appreciate the support and I will be back next Tuesday.

Peace.

Thanks.

Thank you.