premium training

Building the Geary.co Best Practices Library Part 01: Initial Construction

This is a premium training for Inner Circle members only.

More about this video

Everyone voted and said I should build this, so here we go!

Around the 36 min mark I add a few posts to the wrong area … didn’t see this until after I was done and they showed up in my blog grid 😂 — didn’t affect the build, though.

I’m already planning a change to the layout of the list in part 02, but made some good initial progress.

You can monitor live progress at https://geary.co/best-practices/

Video Transcript

0:00:00
So I created a post in the inner circle asking people if I should create this. Basically a giant library of best practices for web design and development and then of course getting into copywriting and sb basically everything that makes a website successful all the stuff that we talk about. On web design for dummies every single week and everybody basically and fatically said yes you should absolutely build it and you should record it as a premium training for us in the inner circle. And so that’s exactly what we’re going to do. This is episode one. One other thing that people have asked me multiple times is how do you plan out something like this? How do you know what custom fields? How do you know what custom post types? How do you know the taxonomy structure is going to be? How do you this that and the other thing? And for clients I do always sit down and map everything out. We map everything out ahead of time. And the reason is because when there are other decision makers involved you have to get everybody on the same page because you can’t just do anything on the fly. You can’t make decisions on your own and just say oh well I think this right here is the best way to do something. You got to have other people agree as well and review it and understand it and all of that. And so when we do this with clients for sure we sit down and we map everything out usually I use whimsical which is a tool that I’ve showed multiple times before. It’s my favorite site mapping tool by far but it’s really really good for just anything that deserves or needs visual structure. And so I do whimsical we would do a figma like not a mock up but a wireframe of what this you know project is is going to look like from a page layout standpoint and kind of a user flow standpoint. And again that’s because we have to get buy in from a lot of different people when it’s just me I really actually don’t prefer to do all of that. I prefer to figure it out as I go because I like to be in the field of what’s going on inside the builder and I like to put little pieces together and see how they work out and then build upon those.

0:02:22
And yes sometimes I’ll go down an angle or rabbit hole or rabbit hole whatever you want to call it I don’t know and have to go backwards have to come back out of that hole and then go into a new hole that happens sometimes and but it’s not a problem for me. I just much prefer the experience of being in the builder building the custom fields as I need them hooking everything together and just really seeing how it’s all coming together. And what I will say about this as well before we actually dive in and get started is people are worried to get started when they don’t have everything figured out. And but but at the same time they sorry something is like bothering my eye okay but at the same exact time when they sit down to map it out they have trouble visualizing all of the pieces they have trouble when they’re not in the builder environment. Seeing how everything is going to fit together and that is a real challenge 100% that is that is a real challenge so it what will often happen is people just won’t tackle a project like this or it’ll just end up you know what I’ve seen a lot of times to and the reason I tend to when it’s just me making all the decisions not do the thing not do the whimsical thing is because in your head when you’re in Figma and whimsical you can think. Something is going to work a certain way but then when you actually get into the builder environment and start putting it together the plans don’t always 100% match reality and you got to start figuring it out anyway and so it’s like why should I figure it out in the builder from the jump and there’s really no there’s really no downside to doing this in the builder environment. You can delete custom fields if you don’t need them you can delete custom post types you can delete taxonomies you can all of this stuff can be. You know vanished right it says so if you if you add something that you end up not needing or you need to change it you can change a custom field right none of this stuff is set in stone and it’s not really clogging up your database or anything like that this is much different from trying to design an entire website in bricks or in oxygen where you’re adding all these classes everywhere and then you end up not needing those classes but you just leave them you know sitting around and you’ve basically littered your whole database with classes that you aren’t using and are. You don’t really assign to anything but then when the website is built you really don’t know what’s being used and what’s not being used and it’s just a giant mess this is different from that we’re doing like more a back in stuff and so it’s very easy to just delete things you don’t need add new things that seem like they’re the next piece of the puzzle and I’m going to stop rambling now we’re just going to get into it so I’m going to go ahead and share my screen and first thing is like what are we actually going to be building here how is it going to be how is it going to work so. We are designing the ultimate web site design checklist and scorecard which. I then started thinking to myself is that what we’re really going to call it what is the URL going to be and this is really where I start is like I want to know where this project is going to live on my website I really want to get solidified on what the URL is what the name of it is because this is going to really determine what we name the custom post type. And so I’m thinking about scorecard and I was like well Gary dot CO slash scorecard would be really good and it’s what people can do is they can come to this resource and they can score their website or grade their website based on these factors but then I was thinking well if we’re going to put all the time and effort into a resource like this is there is there any SEO potential is there any is there like what what is the SEO landscape look like it could I be ranking for something because I’m fairly certain that. Scorecard is not going to be an SEO thing and so what I did is we’re just going to go to a trefs here we’re actually going to look at it together I just took a peak I’m going to go to keyword explorer here but this is exactly like how I would go through things right so I’m going to put in web and I’m going to put in scorecard and then I’m going to do web and I’m going to do checklist and I’m going to do web and I’m going to do best practices and. And those are really the three things that I think it could be called that when when people are searching for something like this so I’m going to go ahead and let’s just search that and the reason i’m searching these which it seems like i’m missing words right why am I not putting web design best practices web development best practices and the reason is very simple it’s because there’s too many variations and I don’t know what the variations are and I don’t care to gas and I don’t care to write out out five thousand keywords and say okay show me day. For these what I really want to do is take these key words which web best practices web checklist web scorecard see scorecard by itself checklist by itself best practices by they have no context but you put the word web in front of them now they have a specific context and now you can use a filter like matching terms and it’ll actually show you all of the related keywords with the other words in them and so you don’t know what I’m going to do is I’m going to do that.

0:07:43
And so you don’t have to come up with these your own like on your own ahead of time you can just hear my base keywords right and I’m going to give it the appropriate context and then it’s like you tell me what the keywords are right and that’s exactly what a truff does so we can see website checklist is number one but then we have best practices for web design best practices web design best practices in web design lot of best practices web design. And if we look over here the parent topic it’s saying website launch checklist is for this website checklist and that is a key thing right there it’s saying that the context of the keyword website checklist is a launch checklist and this isn’t really a launch checklist I mean you could use it as a launch checklist for sure but this is really like an entire process checklist this is this these are not things you would just want to try to check for at the end. You would want to know these things ahead of time they are really more best practices than they are a checklist and so this term even though ranks number one and there’s another problem here that I’m seeing which I’m going to point out to you in just a second but this term that seems like it’s number one is actually not even close to number one it does not fit the the thing that we’re trying to build and that’s the biggest you know red flag that’s the biggest it’s off the list right. But second of all look at its volume the reason it’s first is because we’re sorting this by volume but this little TP right here stands for traffic potential and what happens if we sort by traffic potential which I’m much more interested in than search volume because what what traffic potential does is it looks at the volume of all of the keywords that you’re likely to rank for with the page that you’re trying to create. And it adds them all up or averages them out and then you get you know 3.5 thousand off of a volume to 50 key word and that’s because if you rank for this word you’re going to rank for this word you’re basically going to rank for this word and this word and all of these other variations and at the end of the day when all of that adds up you’re going to have this in terms of traffic potential and not this in terms of volume. So the traffic potential is really what we’re concerned about here. I’m also liking the fact that there is a high CPC attached to this because it means that people are bidding on this keyword as well which means that they’re probably driving traffic to some sort of conversion point and that lets me know that there’s there’s commercial value in this term. And so I looked at best practices checklist and scorecard and obviously best practices is crushing best practices is winning by a long shot. And you’ll see that there’s some web development best practices thrown in here then we get an immobile web design best practices as a variation. So there’s a lot web typography best practices and and now we’re seeing these things can actually start to to become my taxonomies right I could absolutely have a typography category if we look at how my outline is structured it’s all categorized right here’s UX design copywriting UI design offer development and then we have accessibility and we have X SEO. We have there’s mobile so yeah I could absolutely have a typography section and we can dive deeper into all of this SEO research as we get to that point but what this is basically helps me do is make the decision on what this thing is going to be called and it’s going to be a best practices. I don’t even know is it going to be a library is going to be that part doesn’t really matter when we get to that part of actually trying to market it like package it together then we can figure out a better name but we know that best practices web design best practices and really my slug is just going to be best practices and then there’s going to be you know we’ll go from there and then my custom post height is going to be called best practices. And so the plural will be best practices the singular will be best practice so it’s like add a new best practice to this you know this library this database so that that’s what I’m going to rock and roll with and at the end of the day I mean we can we can look at this right it’s like can we actually rank for this at some point and if we look at let’s just go ahead and see what’s actually ranking. And so if we come down here here are the main things that are ranking here and let’s yeah I like this view a little bit better it’s it’s right off the bat looking like it’s going to be fairly tough in one instance but maybe not so tough in another instance so we’ll talk about that but a domain rank of 93 for this position number one a domain rank of 37 I like that I like that that’s not super high. Domain rank of 96 91 92 87 89 89 89. Ah okay well my domain rank is not anywhere near any of those things in fact my domain rank right now is very very very low because I just created Gary.

0:13:05
Now I’m about to redirect digital ambition that CEO over to Gary.co all of those redirects should pump some authority into Gary.co so it’s not going to be starting from zero like it is now but it’s nowhere near 96 it’s nowhere near the 90s or the 70s or the 70s or the 60s and so you know a lot of these look difficult to beat however if we actually click on them what we’re going to find is that they’re fairly surface. Fairly surface level and so yeah it’s talking about the things that we’re going to talk about but in terms of being a resource for web design best practices our thing that we’re building in this series of trainings is going to blow this stuff out of the water we’re not talking about writing a blog post for this right we’re talking about creating a centralized hub of content about web design best practices and that should give Google something to really really really chew on and then make a decision on like how can you ignore this amazing library of content around web design best practices that we’re going to be creating in favor of a fairly simple you know 9 point blog post. Let’s see what Adobe is rocking and rolling with. Okay here we go it took a second to come up. Now I’m looking at a scroll bar over here right now that’s the first thing I’m looking at and I’m like wow there’s a lot here and they’ve got they’ve got visuals or these visuals are ads or these are ads wait a minute hold on no this is not an ad oh these are these are visuals these are examples. They look like ads why I hate that the fact that they’re positioned like that why are they just floating out here like a line like what is going on Adobe I don’t. Excuse me but look at the I mean as far as depth of content goes this is obviously way better than I mean I haven’t read the content but it’s Adobe right I’m assuming Adobe’s got people who know what they’re talking about. This is much much much more in depth than those other examples but that bothers me at the same time because it’s like this appears to be so much better what are what are backlinks looking like. How is it being beaten out by a lower dr article that has way less backlinks way less you know linking domains I mean I can see why this one is is up at the top right hub spot is just crushing it with like the well. That’s actually very very close those are very very very close I don’t know what this one is doing here why is why is Google liking this one so this is like the most basic of the ones that I’ve seen. I mean you could really swap out this with that with that hub spot article and like you basically talking about the exact same stuff really Adobe in my eyes should be the number one ranking. This is a mark of technology it’s trying to fix the Влад.!”, they’re trying to combine.?” Yeah, that should be all right you better stop dude, we’re gonna just one juセ.

0:16:18
This is some way I’m talking about this as a moring piece of content for this that we have, up work and another list of 10. white space. What value does this really, this is 101 level stuff. It’s not really giving any in depth content. Look, there’s a section on SEO and it’s literally two paragraphs. Come on, there’s no depth of content here. This is one of the problems that I’ve had with Google for a very long time. You do SEO long enough and you’re going to realize that the best content doesn’t always rank number one, or two or three or four. Now, in this case, Adobe is three, well, really four if you count the people also ask section. But yeah, it’s, it’s, you know, you could create the best content you’re not guaranteed to rank number one. There’s some other shenanigans going on. But what I’m looking at specifically right here, and what, what kind of gives me optimism, but at the same time worries me, is the fact that there’s not a lot of comprehensive content ranking really high. And that could be a good thing in the sense that if I create really comprehensive content, Google may be like, there it is. That’s the comprehensive content we’ve been waiting for. And bam, they put you in spot number one or two or three, whatever. And they’ve done that with Adobe, right? And so that’s a good thing. The bad side is what worries me is maybe they don’t want in depth content. Maybe they want to give surface level stuff for this query. And if we’re two in depth, maybe they don’t, maybe they don’t rank us. Now we’re not just trying to rank for this one keyword. All the, you know, sub content that we’re creating could have a chance to rank on its own, depending on how we structure it. Now we go back to, sorry, I’m just thinking out loud. This is the, this is what I go through in my mind before I get started on something. This is how I’m thinking about stuff. Okay. And that’s why I wanted to record this because people wonder what goes through my mind when I’m trying to map this stuff out and plan it out.

0:18:23
The question is, should these things almost be like blog posts with their own URLs? Or should this content just exist in like custom fields and we can pull it into, because I do want these things to have more context. So if we have a category called UX design and I create a best practice called multiple calls to action per page. Well, I don’t want to just list, you know, multiple calls to action per page. Your website should have multiple calls to action per page. There needs to be at least some sort of explanation. So I want to be able to explain it. Now how long does that explanation need to be? That’s the question. And if it’s long, if it’s a, if it’s an explanation of a certain length, it would deserve maybe its own URL. But if it’s not of a certain length, it does, it should not have its own URL. Because what we’re going to end up doing is producing a lot of thin content or what Google refers to is thin content. If I write a 300 word description for this item, that Google doesn’t like that to have its own URL. It just simply does not. So this is, this is the hard part of this is like some of these things are going to need a 200 word description and some of these things are going maybe even a 200 character description. Some of these words, some of these things are going to need a blog post. I also, I also don’t want to be responsible for creating all of this content. I thought about this a little bit as well where it’s like, I want to maybe, you know, what would the best resource be? The best resource would be like a hub where some of the, a lot of the best practices that I talk about maybe link to one of my videos or link to an article I’ve written or wherever or I just create unique content for it. But then also sometimes it’s like, Hey, somebody else already explained this, already explained it in a really good way. And I just want to link to them. And I just want to send people off to this other resource to get the rest of the additional context. And so we’re going to need to think about that as well. Okay. So I think at this point, we know what we want to call it.

0:20:27
We want to call it best practices. And we want our CPT to be best practices. And we want a taxonomy that categorizes these things. So every best practice lives in a category. Maybe even lives in multiple categories. I don’t know if that’s how we want to approach it quite yet. What we need to do at this point or what I would typically do at this point is actually go in and just start putting things together. So first thing I’m going to do right off the bat is just create a post type. So we’re going to go in add new post type. And this is going to be called best practices. And then my singular name best practice. Now here’s where you really want to get it right. Because this is something you cannot easily undo or fix. And that is the slug for your CPT. And by default, it goes to best practice. But to me, that’s going to be the slug of the archive page as well. And it doesn’t make sense. It only makes sense when it’s plural. So I’m going to make sure that that is plural before we move forward with this. Now if we add labels, you can see it’s already saying like add new best practice, edit best practice. This already makes, you know, complete sense. You know, you can choose an icon for these things. I’m just going to choose a carrot for right now. I really hate that little settings wheel, that little generic wheel right there. So I do just tend to, you know, grab an icon of some sort. And then I’ll just come back and change it out later. I do want this to have an archive page. And I do I want them to be hierarchal.

0:22:04
And that’s a really good question. So we go back to our outline. And it seems like, yeah, maybe we want it to be hierarchal. So you see something like this where it’s proper content flow. Okay, no, this is not actually sub items. This is, this is mapping out the content flow that I was referring to. Is there any sub items? Ah, here you go. So dev, but no, these would be additional, maybe taxonomies. I’m not seeing any reason to have a hierarchy in posts right now. Right now. This is something that we, I’m going to leave it off. And then this is something that we can actually come back and change. Okay. So support title editor, I think it would be a really good idea to use the Gutenberg editor for this. We don’t want to use, we want to limit the amount of, well, we don’t want to create a whizzy wig for like the main body content. We want to use Gutenberg here as much as possible. So I’m going to leave the editor on thumbnail. I’m going to, I’m going to leave that on. Even though that’s the other thing. You know, how visual do we want to make this? Is every item in this best practice database going to need an image? Because if we make it very visual, now suddenly everything needs an image and that dramatically increases the amount of work that has to be done. I’m going to leave it for right now. And, and we’re just going to rock and roll with this. The taxonomy is we’re going to do in just a second. Okay. So that’s created.

0:23:44
There you go right there. Best practices. So our, our, our project is in real life now. It’s IRL as the kids say. Okay. And we can go and we get started creating best practices. We need to create a taxonomy. But the first thing I’m thinking of is should we continue to use the shared taxonomy that is between our posts and our videos. Right now our blog posts and our videos share the same general WordPress categories structure. And what I’m looking at is some of this stuff for sure. There’s already a best practices in there. Some of this stuff for sure would, would make sense like SEO. But a lot of it does not like business is 100% not going to be a part of this. Bricks builder. If this doesn’t matter, this is builder agnostic. Cards is one. Yes. CSS is maybe one. The frames is not going to be. Money is not going to be. So right off the bat when I’m doing this quick assessment, I’m like, no, it doesn’t really make that much sense. We need to create its own custom taxonomy. So I’m going to go to Metabox and I’m going to go to taxonomies. And I’m going to create one. And this is going to be called best practices. Categories. Best practice category. Singular name. This always confuses my brain here. Plural name best practices categories. Best practices category. Best practice category. It’s whether to make that one plural or not. Because categories is plural. That’s what I’m asking for. Category is singular. But I’m just wondering, does it make sense to say best practices?

0:25:41
This actually doesn’t matter except for the it does control the slug. Okay. Best practices cat. And I usually use the word cat instead of the full categories. And actually I’m thinking about BP cat like best practices cat. This doesn’t really have a lot of SEO implications in it. Best practice cat. I think that makes the most sense. Best practices categories. Or best practice categories. Best practice categories. Best practice category. Let’s look at the labels. All items. All best practice categories. No, I think it makes sense if we match it here then. Okay. The decisions that we have to make are just sometimes too much. It’s overwhelming. Popular best practices categories. All best practices categories. Parent best practice category. Parent best practice. I think this makes sense. This makes sense. Okay. I’m going to sign it. This is where you assign it. Where does it go? Well, it goes with best practices which are right there. And then I’m going to hit publish. And now just like that, very easy under best practices. We now have best practices categories. Okay. So let’s just throw something in here. Right. Let’s do. We got. I don’t know if no scroll test is going to be one. They probably should be. It probably should be. Okay. No scroll tests. UX design. Copywriting. Okay. So no. No scroll. And then we’re going to do UX design. We’re going to do copywriting. Now keep in mind all of these can have a description. They can all actually have their own archive page.

0:27:46
We don’t really know. I have I have no idea what this is this library. This resource. I don’t even I don’t know what it’s going to look like. I don’t know how it’s going to get laid out. That’s what we have to play around with. So I don’t know if these archive pages could come into play or not. I don’t know if these things should be posts. Again, I was just you figured out that you go along and you work your way to the solution one step at a time. So UI design, offer, development. We’re going to do UI design. I could do web web website UI design. I want to start thinking about putting this this needs to be website UX design. Okay. Just adding some extra key words in here. Okay. So I’ve got website UI design, website UX design, copywriting, no scroll. Let’s add another one. This is going to be website development. And what I think is the taxonomy is going to end up being hierarchical. So there’s going to be stuff under website development. But again, we’re going to get there when we get there offer offer. We’ll just do offer design. Okay. And we will do add. I don’t even know what I was going to be putting for admin. We’ll do SEO accessibility. SEO accessibility. I’ll do website accessibility. Okay. And I’ll do mobile web mobile web design, mobile website design, mobile mobile optimization. I don’t really know. We’ll just do mobile optimization. Okay. We’ve got enough to get started. This is not comprehensive. This library is going to grow and grow and grow again. I don’t have all the answers ahead of time. And one of the key reasons I’m recording this is because I want to show you you don’t need all the answers ahead of time. You problem solve as you go. You figure it out as you go. Okay. So next thing we’re going to do is get some best practices in there. So we’re going to add new on our best practices here. And we’re going to do.

0:30:20
Proper content flow. We’re going to do this under UX design. Okay. Proper content flow. And we’re going to do this under. Oh, you see right here when you don’t have a hierarchal taxonomy, it uses this format. I hate it. I just wish you could just choose the format you want it to be in. But you see I don’t see my options. You have to start typing in order to see what your freaking options are. Proper content flow goes in website UX design publish. Okay. Good. So now we have we have we have we have a best practice in our library now. This is fantastic. We’re up and running. We’re off to the races. Let me go back and let me go to see this is the thing of like, you know, let’s go backwards here. So I’m going to go to taxonomies. I’m going to go to best practice category. I’m going to go to advanced. I’m going to go to hierarchal, update. And now when I go to add a best practice add new. There you go. Now you see checkboxes, which is so stupid. It’s like you you should just see these checkboxes to begin with. Because that’s obviously the best format to do this in. But it doesn’t do that by default. An ACF doesn’t do that by default either. I don’t think I think it’s the exact same situation. So this is not a use metabucks. No, it’s not because I’m using metabucks. All right. So let’s see here. Multiple calls to action per page. All right. Let’s do that. Multiple calls to action per page.

0:32:00
Now I don’t even know if that’s the best thing to name the post, right? It’s like maybe I just want to have a post about calls to action. And then I just write a lot more about calls to action. But I don’t know. I don’t know yet. I don’t know. Get off my back. I don’t know yet. This goes into UX design here. Publish, publish. Okay. Ultimately it doesn’t all matters. All this stuff can be changed. All this stuff can be edited and fixed and whatever. All right. I’ve got two things in UX design. I’m throwing my mouse around. Let’s go into copywriting. All right. So we’re going to go add new here. And actually I’m now what I’m going to do. Well, I can’t do it that way. I wish there was an easy way to bulk add and categorize posts. bulk add and categorize posts. We’re just going to take a look into plug-in land for just a second. And we’re going to see if well, maybe okay. Yeah. All right. Add new. bulk add posts. What are our options here? I don’t want to duplicate. I don’t want to bulk delete. I don’t want to bulk remove bulk. Why I put bulk add and it’s like delete, remove. Like 500 times. I guess there’s nothing clone. No bulk edit post. No. No. No. No. Don’t care about WooCommerce right now. All right. Well, screw that. So that was a swing and a miss. All right. Add new. We’re going to do problem agitate solution. And then this is going to be in copywriting.

0:33:49
Right there. I don’t know why I couldn’t see it at first. What else? Unique selling proposition. Okay. So I’m just going to kind of add two in different categories because when we start doing our page and getting our queries going, we need something to look at and we need them to be in different categories. Unique selling proposition. USP. And then this is going to be under copywriting as well. And then we’re going to go back. All right. So I’ve got two under that. Let’s do UI design. So let’s do consistent spacing. Okay. So add new. Consistent spacing under web UI design. Publish, publish. Okay. Consistent use of colors. Okay. Add new. See this is again. It’s like best practices. You could almost have a best practices related to colors. And there could be multiple things associated with colors. And so that would tell you that colors actually needs to be a taxonomy under website UI design. And that could very well end up being the case. But right now that’s too much to think about. It’s just too too many rabbit holes. We can those are answers that become clear later on in the process. Though at some point, the answer for that will become clear. At this point, it’s not quite so clear. There’s just too many other things that we have to solve for. So not even going to worry about it. All right. We’re going to publish there. All right. We’ve got two under there. How about offer? So I’ve even finished writing my notes for that. Development. This is where we do see already some subcategories mapped out like cards.

0:35:44
And this is actually something we need to put in because best practices category. So I’m going to do cards. And I’m going to go under website development. So that’s going to be the parent category. Is website development for cards. I’m going to go ahead and hit add new best practice. It’s going to put it under there. And then I can go ahead and put two things in cards. And then we can practice querying like how difficult is it going to be to query these child categories? Think how is that going to work? Don’t even know. I don’t even know. We’re just going to have to figure it out. One link per destination. Okay. One link per destination. Is there a better way to name this? I’m sure there is. But at this point, I just don’t care yet. These things will be fleshed out later. Card heading is the first readable element in the DOM. Okay. So add new card heading is the first readable element in the DOM. All right. Cards. There you go. Publish. Okay. So we’ve got two things in a subcategory. Now let’s do one more thing and we’ll do accessibility. So add new. We’ll do like two more best practices. So color contrast passes. Double A color contrast check. Accessibility publish. Publish. And then site can be navigated with a keyboard. See, and then you’re going to have like navigation could be a subcategory of accessibility. Navigation could also be a subcategory of UX. How is that going to work? Hmm. These things are this is not an easy. This is a this is not an easy project. And that’s why we’re doing this.

0:37:49
That’s why I’m recording it. That’s why we’re just going to work our way through it and figure it out. Might end up getting your feedback by the end of this thing. I don’t even know. What was I going to write here? Site can be navigated with a keyboard. Keyboard can be key keyboard. I was going to say navigable. But I don’t think that’s a word. That’s only a word in the south. Keyboard. Let’s skip that one for now. I don’t I don’t want to figure that one out. There has at least one skip link. Okay. So we’ll just put skip link. So add skip link. Skip link. Okay. I’ll do skip links. Skip links. Put that under accessibility. Publish. Publish. Okay. I’ve done enough. Where are we at with time here? I want to get to building now. Let’s put something on the front end of the website so that our brain can start to see how this is all going to start to. So if I go to Geary.co, I’m going to go to videos right here. And I’m really kind of thinking. There’s two ways that we can do this. We can do where everything is on the left. And you kind of click on the thing you want. And then the main kind of context body of it comes up here. That’s one way to do it. Another way we could go about it is kind of mimicking what’s going on with the tools page where here’s your categories. And then we can list all the things that go into that category. And then people can click on them. And then that then the question becomes where is the context for those items delivered to them? Does it take them to a new URL? What if everything doesn’t need its own URL? Does it come up in a modal? Could we drop a modal in the loop? And therefore trigger the modal if it’s under a certain amount of characters or what could the logic be?

0:39:56
Because like I said earlier, sometimes you want to take them to almost like a traditional blog post kind of page where there’s 1200 words written about this thing. Sometimes you want to have a video embed that they can look at maybe. Sometimes you want to link to a video. Sometimes you just want to give a 140 characters or what is it? 16 hours, 160 now on Twitter, 160 character kind of a little explanation and then move on because it’s really not. It doesn’t need any in depth. This is where the I’m thinking that this kind of overview where it just puts everything in like a list format next to the in the category. But then I don’t know how subcategories are going to get handled. No idea how subcategories are going to get handled. I’m going to start with this. I’m going to start with this. There may even be two ways to present this, right? We can give people the choice. Do you want to see a format kind of like this? Or do you want to see a format kind of like this? And you have the choice. That’s kind of interesting. Why don’t we just quit rambling and start putting something on the page? So let me go to bricks templates add new. And this is going to be the best practices archive. Okay, which is going to be the main best practices page. This is going to be an archive template. And we’re going to publish. All right. Now what we’re going to do is we’re going to edit with bricks. I think all we have to do here is just assign it. So first thing I’m going to do is drop something on to this page. So let’s put a section in there. Actually, let’s delete that. Let’s go up to templates. And then my templates. And I believe I have like a hero. Like I saved one of the heroes that I was using for maybe it’s called simple hero. There you go. Okay. So this is going to be website design best practices. And then I think. Okay. Yeah, that’s fine. That’s fine. That’s fine as long as well. I think I want to less lore on though. How did I do the tools page? It looks like down here in the next section. I made it dark. So this was like BG base dark probably. And then I did something like pattern BG pattern light gives me that pattern in the background. And then I think here if I just type in border, there’s your section border bottom that gives you that little border.

0:42:51
So save. And I’m going to refresh. And there you go. So we’ve got something going on now. Now what we need to do is assign it. Template settings conditions add condition archive page and post type. Sorry, I was like brain farting there best practices. I was like, I don’t see best practices. Well, I got to choose post type. Let’s go ahead and hit save. And now let’s go to Geary.co slash best practices. Oh, why is it take us to template best practices? That’s not what I want. Okay. Oh, I remember this. I remember this problem happening to me a few times. We have to go back to the dashboard. We have to go to settings. We have to go to permalinks. And we just need to clear those permalinks a couple times. So save. And then one more time for good measure. And then we can go to Geary.co slash best practices. Hey, look at that. It works. Okay. All right. We’ve got the start of our best practices library, ladies and gentlemen. What is going on with this section? Why does that section right there? Look a little small. I know there’s nothing in it, but it still seems like it should just be a little bit larger based on the amount of padding that’s in there. But I don’t know. Well, we’ll keep going with it. Okay. So what I want is I need to loop through all of the categories. I did this with the tools, right? So this container right here needs to be a loop. Now we also. I like to give these things custom classes. So this is going to be best practices. Best practices body. Because this would be like best practices hero best practices body best practices hero best practices. It’s always hard. It’s the hardest thing for me with naming classes is when you’re doing an entire template like this. And it’s like. What’s the what’s do we want to kind of nest it like this best practices hero best practices. And then it would be like hero heading. I think this probably the best way to do it. So this would be the best practices main is probably the best name for it. And then, but you know, it’s not as big of a deal because you’re not reusing these over and over again. I’m just doing it for organization purposes. And because you know. Styling at the ID level makes me itchy and stuff. I don’t like doing it. So all right. Let’s let’s move on. So this is going to be main inner.

0:45:40
So this is best practices main inner. And actually it’s not a main inner. This would be a cat row. That’s probably what it is. So this is going to be a category row. Okay. And then this beautiful beautiful and bricks that you can just rename the class and move on with your life. So I’m going to name this category row here. This is going to be main category row. And then what we need is. We need to loop that I suppose. What I can also do with my category row is make this a grid. So I’m going to go display grid. We’re going to go with grid one, two. Just for now anyway. Grid template rows one, F R just for to feed safaris BS. And I think we’re we need to stretch them. We need to stretch them. So align content stretch. Because I need that I need that side row to be as big as the main area gets. Because we are going to do what we did on the tools, which is make each heading little group sticky like that. Okay. So now what I can do is under category row, I can drop into blocks block block. And then this is going to be the sidebar. This is going to be the main. I don’t want to name it main though. We’ll do sidebar will do list list wrapper. That probably actually is going to have to be a list wrapper. I don’t know. We’ll look. Okay. So this is going to be best practices category sidebar. And then this is going to be category list wrapper. So best practices category list wrapper. These do need to be classes because there’s well, even even this doesn’t really matter all that much because we’re using loops. And so there’s only going to be one instance of this item. But again, you never can predict the future. So you’ll you’ll never go wrong when you create custom classes. It’s just you never you’re never wrong. It’s always just the safest way to do things. All right. Okay. I’m feeling pretty good about this. Let’s go ahead and on our category row, use a query loop query.

0:48:22
And what we’re going to do is query terms and our term is going to be our best practices categories. And then we’re going to order them by name and order them ascending or descending. Yeah. I’m ascending. I assume would be ABC the EFG. Okay. Let’s go ahead and hit save. And let’s just see what we get. So technically, if I put in a heading, this is going to be probably an H2. Let’s make this an H2 for now. We are seeing. Look. We’re seeing. Didn’t we do two posts and three different categories? And I’m seeing three right here. We might be on to something. Let’s do insert the category name, which I believe is the archive name archive title right there. It’s probably what it wants. Oh, that’s not good. Let’s go and see what we look like on the front end. So where are we now? This is not even previewing the correct page. Best practices is the page I want to be viewing. Oh, that’s ugly. What is going on there? All right. Let’s check my query. So I’m going to edit the tools and apps page. You just double check how I did this. No sense in fooling around with it when you’ve already done it once and you can just check it. So terms is tool categories, order by name, ascending, and then what did I, oh, term name, not archive. Yeah, that would make sense. That would make sense. Okay. So this is going to be the term name. Bam. Save. I should probably disable cloud flare while we do this to we haven’t run in any issues yet. But if we do, I’ll disable cloud flare. All right. So we’ve got the start of what we’re what we’re working on. I said we do not want to just throw a heading into the sidebar. We’re actually going to need another block. And this block is going because this is what’s going to group the heading and the little text and make this sticky. So our block is going to be called our sticky block. All right. And I’m just going to call this best practices category. Sidebar category.

0:50:57
I’ll do best practices sidebar. Hey, yeah, there’s not going to be I mean, how many sidebars are we really talking about here, right? Well, no. Best best practices archive. Now I’m starting to think about what happens in the future with our singular posts with best practices. And is this naming convention really going to work? Because what’s the distinction between maybe I have a best practices post and a best practices archive is not really any distinction with the word best practices. Okay. So I’m going to do best practices archive. I don’t I hate calling it an archive though. Best practices. I think it’s fine. Best practices sidebar. And then that’s going to change this one into this is going to be best practices sidebar heading. And that’s, you know, sidebar heading. It’s really a category heading. I do that sidebar sidebar category heading probably the best way to do that. Okay. Now what I name this sidebar category sidebar. Okay, best practices sidebar. So I have. Why didn’t that best practice category sidebar? It didn’t let me edit it because there’s already a different one. Now I’m getting confused. This happens often best practices category sidebar. Oh, yeah. Okay. That was dumb sidebar sticky group sidebar sticky group. Okay. Sidebar category heading. And then this is just sidebar. Now should let me edit it because I made that other one. There we go. Okay. So best practices sidebar sidebar category heading sidebar sticky group. Now we’re making sense. Okay. And there’s the category list wrapper. All right. So in this sidebar, we need the heading to be in the sticky block. We need a text element to be in the sticky block as well. And that’s going to actually be the category description right here. Remember I alluded to that earlier. Best practices categories. Terms. No. No. Descript archive description. Okay. Is it archive description or term description.

0:53:43
Term description, right? Term description. There we go. Make that a paragraph. And then inside. I feel like this is just all. And at least my brain is like scrambled eggs right now. I’m trying to get it back on track for you guys. I’m trying to get it back on track. Ro is going to be content. Yeah. I also did you just do earlier today and my mom just got in town and like I am thinking about a gazillion other things. But no excuses. We’ve just got to continue marching forward. So best practices main. Our row gap is going to be container gap. That’s going to space everything out nicely. And then if you notice when we refresh this, we don’t have any category descriptions. So copywriting UI and UX. So I’m going to go back to the dashboard real quick. Take a dash back to the dashboard. You get it. Meta box. No. Where do we go? Best practices categories. And I’m going to go with UI design. Let’s go to website. I’m right quick. Grab this. This can be our category description. What a fantastic category description. We’ve just written. Oh God. Here we go. Here we go with 503s. Okay. Ah. Kill me, smalls. Let’s close this. Close this. Best practice category. Is can I do UX design? How to description. Damn. Okay. We’re going to have to figure out why that’s throwing a 403. Oh, we won’t do that for right now. We’ll just come back here and say need to write category descriptions. Save. At least that raw text will show up in that spot so we can start to test our sticky here. Okay. So now we need another loop. What we need is to loop these in a list. So here’s all my copywriting things. Here’s all my web design things. And so what I’m going to do is in my list wrapper. I’m going to think about this. I think that could be a UL right.

0:56:03
So we display no no HTML tag is going to be the UL. Then we’re going to add list none to take away the list styling from this. Then what I’m going to do is a block which is going to be my list item. List wrapper is also going to service the loop. Then we have a list item. And how do we want to do this? Let’s go best praxis category list wrapper best practices list item. And then I can change the name of this to we don’t need category list wrapper. It’s just list wrapper. Okay. List wrapper list item. Let’s go ahead and change this to an L.I. While we’re here. Friends, forget about these things. This is going to be the category description, which is also a paragraph tag. That’s good. This is an age to that’s good. All right. We’re looking pretty good. Why does this seem like? Oh, that’s my list item. Okay. I was like, I seem like it wasn’t stretching, but it is stretching. All right. Do I want an icon for these of some sort? Hmm. Hmm. I don’t want to custom icon. Like, I mean, I don’t want like a unique icon for each list item. That’s that’s out of the question. But I may want to custom icon. I don’t know. Icon. Why didn’t it add it? Icon. Thank you.

0:57:55
All right. So this is going to be our best practices list item icon. And then I’m going to add text in there as well. And this is going to be well, we’ll have to do the loop in just a second. But this is actually going to be the post name. So are the post title. All right. This icon for now can be a SVG. And then I think I have an icon we can use icon. I don’t know. Like, I don’t want to use a check mark. I don’t want a gazillion check marks. Well, we’ll just throw it in there for now. So list item icon size width is going to be text M. Height is going to be auto. And then list item. We’re going to make this a row. We’re going to make this. We’re not going to align them to the center. And actually, this probably needs to be text L for the width. There we go. Okay. And then this. Ooh, there you go. All right. So best practices list item. Text I’ll say label list item label. We’ll go and make this a span. And then I’m actually going to just drop down the line height to something like 1.1. And I guess you’re seeing them off alignment because this icon is a little bit big now. Maybe I thought it was too small, but now that I’ve corrected the line height, it was a little too big.

0:59:40
Okay. And then we are going to list item. Give this a column gap of 0.5m. And then we’re going to go ahead and it’s save. And now on the list wrapper, we need to make this a loop. So we’re going to query this. And what are we going to do? We’re going to query posts from best practices if they are part of the taxonomy query. From the best practices categories, the field is going to be the term ID. And then the terms is also going to be the term ID. If I remember correctly from doing this on the other one, it’s like a self reference kind of thing. So you’re saying get the term ID. Look for the term ID. Get the current term ID from this category inside this loop inside that category. If that made any sense whatsoever, let’s go ahead and it’s safe. And let’s see what the heck we have. Hey, what the heck is going on? Why are these down here? Okay. All right. Oh, dear. What have we done? How is that thing under my sidebar? What is happening? Inspect.

1:01:09
Div, div, div, div, div, div. Section div. Here we go. Open. UL, UL. UL. Why do I have two ULs? Oh, yeah, I’m such a dummy. Man, that was dumb. All right. Take off that query loop. The query loop goes on the list item, my friends. What in the world was I thinking? Posts. Good. We get to do this again. Best practices. And taxonomy query. Go from best practices categories. Term ID. What term ID? This term ID. Save. Now look at what we’ve got going on. Refresh. Hey, look at that. All right. As you can see in our list wrapper, we’re going to need a little bit of a row gap here. Let’s do 0.75m. And column gaps. I’m not sure about this yet. I think what I want to do is actually use CSS columns and not CSS grid for this. Not 100% sharp, but I think that’s what I want to do. So what I’m going to do is on the list wrapper.

1:02:27
And I think what we might run into some, we’re going to need to troubleshoot this a little bit. Call counts. I’m just going to call with actually. You just give it a call with like S. It’s going to automatically make the columns. It’s going to automatically be responsive. Nothing’s happening. Let’s, I need more list items. So what I’m going to do is turn off this query loop for a second. And then I’m just going to duplicate this a gazillion times. And see that if it all make my list for me. Because this one we’re really going to end up with. It’s something like this. And yeah, you can clearly see that it’s not. So the list wrapper, I believe one of the problems is, if I remember correctly, troubleshooting this a while back, this has to be a block. You can’t use columns, CSS columns on a flex parent, I believe. So we have to make this a block item.

1:03:24
And then the annoying part of this is that row gap is no longer going to work. So on the best practices list item, and this is why I use custom classes. Because any time there’s going to be a lot of these things, even though this is like one page or whatever, and you’re using loops and things like that, it’s like, but now I’m going to test something. And it’s really helpful that I have custom classes on here when I go and test this. So I’m going to go style, margin, bottom, 0.5m, 0.75m. So this is what we’re going to end up with right here. If we had a lot of best practices, that obviously is really fugly. So we’re not going to do that. So call with needs to not be s. So let’s you call with of L. Try that save. I want this to be really clean, right? Okay, there we go. Much better.

1:04:22
Now you can start to see. I think I do want three columns though, and we’re not getting three columns with L. So we’re going to do call with m. Actually, I’m going to do call count three. Basically, to force it to three when it can be three. And then we can do a call with of L. No, not L, not L, not L. M. We already made that mistake once. Call with of m. And it looks like we’re keeping our three columns, but this is going to be automatically responsive. That looks better, but the other thing I don’t know about this is some of these are going to be long. Some of them are going to be short and then what is it going to look like? And you know, for all I know, grid, maybe it may end up being the best way to do this. But at least at this section right here.

1:05:15
See, the other thing that the columns gives you right is you can also use a ruler, right? So you say column rule solid and then you can have a color for your column ruler. Gap does still work by the way call gap works, right? So I can do gap of L and it is going to put a column gap in there. It just doesn’t do the row gaps. And then I can do a call rule color, right? Call rule. I can do base ultra light. And then that’s going to get me. Well, should have gotten me an ultra, oh, that is ultra light. Duh. I don’t want that. I want call call rule of base, what dark. I think we’re using base dark already. Base medium.

1:06:03
What does that look like? That’s a little bit better, but I don’t think I want them to be ruled columns. I was just showing you that, you know, it gives you this extra kind of, if you wanted that. I would still make it even lighter than that, but yeah. I’m actually thinking we need more gap between these containers. So what I’m going to do is jump back here to best practices main. And I’m going to erase that and it’s going to be container gap times two. I think that’s going to work out better. All the flickering that you’re seeing, I think it’s coming from WP codebox. I don’t know. It might be a bug or something. Okay. But this would be really easy, really easy to see everything all in one place. Click on exactly what I wanted. I can see the categories that they live in.

1:06:55
The sticky is not not doing anything because I don’t think we added sticky to it. So what I need to do is go just on this class. Let’s go position sticky. So we’re going to lay out position. Sticky top of zero. Save. I don’t know if I want the top to be zero necessarily. Why? That’s being sticky in the builder. Why is it not being sticky on the actual page when I refresh? What is going on with this? If. So look at that. The sidebar is not as high as the list. Even though I have a line stretch.

1:07:52
Category row. There’s my two things, right? Category row. I put stretch on here. The line items stretch. Not a line content stretch. That’s why. Now we have sticky. Doesn’t go very far because it’s not very far to go. But we do have sticky. Okay. We need a gap between these two things. Even though it looks like there’s a gap, there’s really no gap. So we are going to add a gap here. This is going to be space L.

1:08:37
All right. The only thing I don’t know is what happens when one of these gets really long. So this, I’m actually going to do it in a random spot. Like over here. This is a much longer best practice title. Okay. Save. And now. Look at it. We’re also having this is my issue with Flexbox guys. It does all this weird shit sometimes. It’s not respecting. There’s no, it doesn’t understand the flex basis of the icon width. So when text gets longer over here, it’s trying to squish the icon to make more space for it. Hate that.

1:09:23
Absolutely hate that part of Flexbox. So what I’m going to do is because Flexbox tried to do that to me in this tutorial. I’m going to, I’m going to, I’m going to rebuke Flexbox for this use case. And I’m going to do something that I was playing around with the other day, which is. Let’s display this grid. Can you make a list item display grid and get the outcome you were looking for? Why yes, my friend, you can. So under great template columns, we’re going to do auto one FR and look at that. Just like magic, you have the list item and look what it doesn’t do. Unlike Flexbox, it doesn’t try to squish your icon. Fantastic. Fantastic. You know, they say great isn’t everything, but grids kind of everything. Grids kind of everything. All right.

1:10:14
So the question is, you know, how does this look in the context of it? Should, should this create a gap? Let’s, let’s look at how this would look if the whole thing were, were with grid. And not, I’m going to take off these call rules and all this stuff. I actually don’t want those. All right. So if there wasn’t call count three and there wasn’t call with M and we were just back to here. And our list wrapper and we wanted to make this a three column grid. Could we do that? So grid column, let’s go down to style. I’m just going to do this down here. CSS tab root and we’re going to do display of grid. We’re going to do grid. Oh, that’s why it wasn’t doing it. Never mind.

1:10:54
It was probably because it’s still selected as block. Yeah. Display is this grid. And then give me my grid controls. Thank you. All right. Let’s do grid three. And what the heck? Why are you acting like we can’t do grid three? Let me just make sure it’s not something going on with the. Yeah, it’s not display grid. Grid column grid row. Oh, wait, hold on. Yeah, no, that’s right. That’s correct.

1:11:35
Is this above? All right. Let’s take it off here. Let’s try to do it at the CSS level. What if that’s a bug in bricks? Display grid grid template columns. Repeat three min max zero one FR. Still not doing a grid. Save what is going on. So does a block somehow? We got inspect now. What is happening? Look, look, look, it doesn’t have display grid on it. Oh, look, there it has display block. Come on now.

1:12:24
I did not set that at the ID level. Roll the tape. Go back and look at the tape. Did I set that at the… Did bricks just trick me? Did bricks do something to me? Bricks is messing with me. I set that to display block at that class level. I am almost positive. And now it wants to act like I wasn’t doing all that. Okay, let’s get rid of this. We can put that back up here. So now display grid. Give me my grid controls. Thank you, grid three.

1:12:55
One FR on the rows. Save. Now, the only problem with this is that… If it was a really, really long title, it would create gaps. But we can solve that maybe by making these almost look like cards. They can have padding, they can have… Like, let’s play with that for just a second. So I’m going to take the list item, and we’re going to add some spacing to it. And I’m going to wrap this episode up, because we’re a little long here. 0.75m all the way around. But then I’m going to undo this. And on the sides, we’re going to do 1.5m. Not 1.1.5m.

1:13:38
All right, 1.5, 1.5. And then… That’s already looking like a lot, isn’t it? Okay. Okay, let’s go background color. Base medium dark. That might work. And then our border, we’re going to do… FR card radius. And then we’ll apply that to all sides. Okay, okay. And we don’t want to stretch. I think that’s what we don’t want to do. So let’s go to this list wrapper. Align content flex start.

1:14:24
Align items flex start. Okay, save. Now refresh. Hey, look at that. Okay. And now what I’m thinking is we actually don’t want to… We don’t want three columns. We just want to swap that to a two. Save. I think that’s going to look much cleaner. Hey, look at that. I’m still not sure. I’m still not sold on it. It needs a lot of work. It needs a lot of playing around.

1:15:04
What if the width was auto? So let’s go here, layout width of auto. Oh, that’s not going to matter because the grid is controlling its width. All right. Okay, let’s give it a border here. I may undo all of this. 1.5 solid. Again, I’m just playing around with like, how can we approach presenting this information? Base light trans 10. It’s always safe. It’s safe. Look at what we’ve got going on. I’m thinking that the gaps are a little much now here. Oh, yeah, that gap L for sure.

1:15:54
Oh, and they’ve also still got the margin on the bottom of them. That’s not helping. Let’s get rid of the margin on the bottom. Okay. List item. Why is there already a gap though? Where’s that coming from? Let’s go to List Rapper and see what we’ve got going on at the parent. There’s no gap there. All right. Save. What is causing that gap? UL. Clearly there’s a gap there. Row gap.

1:16:32
0.75m. Best practices list wrapper. Best practices list wrapper. Do you guys see a gap in that box? No. But I bet when it was block, now when it was flex, there it is. That’s a bug in bricks. They’ve got to fix that. You can’t see the row gap if you change it from flex to grid. So we get rid of that, and then you switch it back to grid. Now there’s no gap. This overlay thing also struggles to keep up with changes to the grid.

1:17:05
I’m just going to turn that off. Now we can control the gap here. This is going to be grid gap. Oh no, that’s too big. Space S. Is that space S? Yeah, I guess it is. Space XS. Save. Okay. I’m still not sold on… Yeah, that’s looking fuggly right there, isn’t it? Hmm, hmm, hmm, hmm, hmm. Let’s go back to… I got to keep playing with this, because I’m not shutting this off until I’m satisfied with the direction that we’re headed.

1:17:54
And I’m not satisfied with the way that grid is working out here. So I’m going to go back to call count two. It’s good to try CSS columns one more time, which means putting this list wrapper back to block. And putting our margin back on here. Okay, space S. And then we’ll do a gap of S. Now we’ll do a call gap of S, just to keep it clean. Now I actually might get away with changing this to with the bottom. No, guess not. Save. What is with this, this, this? Wow, what’s, it’s cutting off. I don’t think it’s going to happen like that on the front end though. Oh, it does.

1:18:50
What is it trying to do there? What has happened? I don’t think I’ve ever seen that. I do not think I’ve ever seen that. Well, that’s going to be a problem in itself. If I duplicate that and push it to the next line, whoa, it’s cutting off the top now. Whoa, look at that. It’s cutting off the, but what is going on? Did I’ve never seen that before in my life? All right, well, I guess columns is out of the question here. How about Flex? What if we made this, what if we made this all laid out with Flex? Let’s just see what that looks like. Then it’ll almost look like a tag cloud of items.

1:19:47
I don’t know if that’s going to look any good, but it’s something we should experiment with, I feel like. So let’s do display Flex here. And look, those are all going to respect their auto width now. Let’s do horizontal row. We definitely want to wrap them. Yes, this might work really, really well. Gaps. Where are the heck are my gaps coming from now? Are you telling me I got to go back to grid? Clear my gap. Go back to Flex. And then put my gaps in again. I think that’s what it was telling me. Also, I got to remove the margin on the bottom of that.

1:20:32
All right, this may actually work. This seems promising. Let’s do space S. Copy that, paste it here. I cannot wait to upgrade to the bricks that doesn’t lag. Okay, refresh. Hey, it’s looking funky right now. Because all these are exactly the same text. But I’m thinking, let’s just see what it looks like with actual content in there. And then we may be able to call this a day, at least for now. Because even though this guy’s this may not be the end thing that we actually go with. In fact, I’m very certain it’s still going to evolve. But at least in my brain for now, I’ll be comfortable. Okay. And I was not comfortable up to this point with what was going on.

1:21:19
So this will be a good place to like stop and pause and refresh. And this is good that you build a little bit. You come back to it because every next day you see it. It’s like, I see more things I don’t like. I see more things I can refine and fix and work on. This is going to be called label. All right, this is the post title that is correct. Let’s save. Turn my query loop back on, which should retain the settings I’ve been using. The settings I had for it before. And there we go. Okay. Now these can be links and they can open a modal. They can take people to a URL. Maybe they can we can we can do things with them.

1:22:04
I’m not I don’t I absolutely do not like the let’s swap that out because I do not like that right now. All right, let’s go to the noun project and let’s go to bullet. I literally just not that kind of bullet. I want to circle a ball. Okay. Oh, maybe a ring style like this might work. That might look like nice and modern better than like just this, right? Yeah, why not why not? Let’s download the SVG. Let’s go ahead and grab that. Let’s go here under icons drop that bad boy in. I hate that. Do you ever get it where it does not allow you to drag and drop? Now in circle. Pop it in.

1:23:00
Use it. I should also be able to change the color of it. So list item icon color is going to be my action color for sure. Hey, look you there. All right, refresh. I like it better. I like it better. Okay, I can actually do one maybe where we hover. And it puts the bullet inside of it too almost like a bull’s eye kind of effect on hover. Can we do it? No, no, not now. We’re not doing it now. But I’m starting to like the direction that we’re headed now. But I also have to give it time to marinate a little bit. I got to think a little bit about how things are going.

1:23:48
All right, guys, that’s it for this first episode. We did some planning. We did some a little bit of keyword research. We got the general, you know, infrastructure, a custom post type, taxonomies, hierarchal taxonomies. We got a few custom post put in. Now we got to come back and we got to start putting more of this together. Hope you guys are liking it. Hope you’re finding it valuable. Drop comments below. Let me know. And if you think of any other way that it might be better to display this information, I’m all ears. I’m all ears. Let me know if you’re like, no, that’s not really going to work.

1:24:25
Or maybe try this way. You know, drop them below. I want to hear what all the ideas are. All right, guys, I’ll be back soon. 3 movie data modeling about the login account for the upload version of this episode.

 

My Cart
0
Add Coupon Code
Subtotal