0:00:00
What’s up everybody welcome back to the channel. Today’s video is one of those highly highly requested videos. People have been asking this for asking asking this asking for this for a while now and what can I say it’s up to me to give the people what they want. So we’re going to be going start to finish in detail on how to put together a blueprint website for your Bricks Builder stack. I’m talking about we’re gonna go into every theme setting, every plug-in setting in my stack, how to do the custom post types, the custom fields to get everything to be a base level to start a brand new project. And if you don’t know what a blueprint website is and you consider yourself to be a freelancer or an agency, you really really really need to pay attention and follow along with this video.
0:00:51
Because what a blueprint website is, I say everybody needs one. If you’re a freelancer, if you’re an agency, you need a blueprint website. What this blueprint website allows me to do, now I set mine up in GridPane. We’re not gonna cover the GridPane version of this. We’re gonna cover just a standard version of a blueprint website, and then I’m gonna show you how to deploy it.
0:01:13
It’s a little bit different than the way that I do it because I do it in GridPane, but if I show you how to do it in GridPane and you don’t use GridPane, it’s not going to help you any, right? So I’m going to show you a generic WordPress version that anybody can set up, anybody can deploy, okay? But what I do with my Blueprint is in GridPane when I want to start a new project, I simply take my Blueprint site and I say clone it and it clones it to a brand new URL and in seconds I am off to the races with Bricks, Automatic CSS, Frames, my whole plugin stack, everything is licensed already, everything is activated and ready to go, all of my custom post types are there that I use on every single website, all the settings are the way that I want it and so I don’t have to do any setup for a new project, are installing all your plugins, putting in all your license keys, reconfiguring all your settings to how you like them, you’re doing that for every single project, that is not efficient my friend. Time is money and you don’t want to be a chump, as we talk about on this channel all the time. That is chump level behavior, setting settings and plugins and themes and all of that every single time you spin up a new WordPress website.
0:02:32
No, no, no, my friend. That is not how we do it around here. So I’m gonna show you again, exactly, start to finish, every single setting, every single detail for setting up a Blueprint website and I’m going to show you absolutely free. So what you need to do to pay for this content is you need to hit like I don’t have any sponsors I don’t want any sponsors that’s not what this channel is about I need you to pay with a like I need you to pay with a comment and a subscription that is it okay so before we continue hit like right now on the video and then after we’re done drop a comment let me know what you thought okay all right I’m gonna go ahead and share my screen and we’re going to dive right in.
0:03:15
So I am using something called a local by flywheel. There’s a hosting company called flywheel and they produce the software called local. It allows you to do local WordPress installations very, very easy with, like very, like basically no technical setup whatsoever. Uh, so you should download local if you want to follow along exactly with this tutorial. But I will say, if you already, like if you wanna spin up a dev environment in whatever hosting panel that you happen to use and that’s where you wanna do this, absolutely go do it there, perfectly fine.
0:03:50
You don’t have to use local, you don’t have to follow this exact setup process, okay? You can just catch up with, when we start inside of WordPress, that’s where you can begin in whatever environment you want to set that up in. So I’m gonna go ahead and click the plus sign. There is one really important step here though. I’m going to hit continue on WordPress site. It’s going to say what is your site’s name?
0:04:11
I’m going to say blueprint and then I’m going to say bricks because this is a bricks blueprint. There may be an oxygen blueprint, maybe a generate press blueprint, whatever you happen to use, you need to name it according to what that stack is because we all know that if I use Oxygen instead of Bricks there’s going to be different plugins in that stack. It’s going to be different settings. It’s going to need a different setup which means it requires a different blueprint. I will do a separate video on my Oxygen blueprint stack okay but that’s neither here nor there. We’re going to continue with the Bricks blueprint. I’m going to choose the preferred environment hit hit continue this is very very important right here WordPress username you need to use your name okay and so I’m going to use Kevin at digital gravy dot CEO that’s my agency email address do not put admin here do not put anything genetic because you can’t change it later so go ahead and put you because you’re the person that’s going to be in here.
0:05:16
We’re going to do user management as part of this blueprint setup here, but go ahead and just set up your WordPress username as your correct username from the jump. And then you can set up your email as well and choose no, this is not a multi-site. It’s going to go ahead and spin up this blueprint site for me. It’s going to ask me for my main computer credentials. And it’s gonna do this very, very quick. Installing WordPress, there we go. It’s pretty much done. First thing right off the bat, you don’t wanna have to deal with logins and all that stuff, so just click this one click admin, turn that on, and then make sure that you are selected as the admin to log into.
0:05:56
And then you can go ahead and straight away click WP admin, and it’s gonna open this new website in a new tab. Okay. I, sorry, I had to get it onto my screen properly. The minute you get into WordPress, here’s what I do. Here’s what I do. Maybe you don’t want to do this, but here’s what I do. I get rid of this notice. Uh, I go to screen options and I get rid of every stupid little widget that they try to put on this dashboard. All right, now I’ve got a nice clean slate to start with. Let me pull up my notes because here’s the thing about blueprints guys. You know you do it once you set it and forget it and so it’s not a thing that I do over and over and over again. Thus I don’t have every single setting and all of that memorized. So I made some notes and I’m gonna follow the notes. This is also gonna make sure that we stay on course and I’m not just randomly poking around WordPress and Bricks and all of these plugins, we’re going to go step by step by step.
0:06:53
I’m going to show you every single setting. If you installed your dev site in a different environment, that’s fine, but you should now be on the WordPress admin screen and you can follow along from here. The first place we’re going to go is settings and we’re going to go to general. And I’m going to say that this is a, you can either say Bricks Blueprint or you can say Digital Gravy Blueprint. I don’t write Digital Gravy, that’s my agency, that’s not your agency, right? Put your agency and then Blueprint, all right? Whatever makes sense to you that you want to be as your default Blueprint WordPress website site title, that’s what you need to put in the site title field, okay?
0:07:35
Should already have your administration email address correct. Next thing we’re going to do, go down to time zone and open up this horrible, absolutely horrific dumpster fire of a drop down and do your best to find your time zone in this list. I’m going to pick New York because that happens to be in, you know, that’s the time zone I’m in. But go ahead and find your area, set your time zone properly. I like to set the date format as the default, the time format as the default. The week starts on Monday as far as I’m concerned. I don’t know about you. I’m gonna go ahead and hit save changes. This stuff is not mission critical right here.
0:08:13
You just set this up however you wanna set it up, okay? Next thing we’re gonna do is we’re gonna hop into reading. We’re gonna choose a static page and we’re gonna choose the sample page as our homepage. That is, we’re gonna edit that in a minute. We’re going to actually make it our homepage, but you don’t want your latest posts to be set in the reading settings. You want a static page and you want your homepage set right here. The next thing we’re going to do important in my estimation, if you are doing this on a live development server, you need to check this box, discourage search engines from indexing this site. Why?
0:08:46
You don’t want Google crawling and indexing a site that you are currently working on that is not a live site and not a real site. So you want to discourage search engines. If you do all of your development locally and nothing is live online and crawlable, you don’t have to check this. Now if you do check this box, as I recommend, you need to have an SOP. That means standard operating procedure for what happens when a website goes live. And guess what, my friends? You better, in your SOP, put in big, bold letters, uncheck the search engine visibility box. Because if you put a site live and you want Google to crawl it and you want Google to index it, which I would imagine you do for live websites, this checkbox will screw you.
0:09:34
So you need to make sure it is big, bold, red, whatever it needs to be in your SOP for launching a new website to uncheck this box. But for the purposes of our blueprint site, we do want it checked. I’m going to go ahead and hit save, and we are done with that. The next thing we’re going to do is we are going to go into the media section. So click on media here. I feel like these are just not acceptable sizes. They feel very old school to me. You know, back when monitors were fat and tiny, um, you know, like small screen size, gigantic, you know, 30 pound monitor. That’s probably what these settings are from. I go ahead and change these to nine 60 and I do the largest 1920 and that’s it. We’re going to hit, hit save changes. Oh, and then we’re going to uncheck this box right here because nobody wants this nonsense to happen.
0:10:23
There are better ways to organize your media files putting them into generic month and year based folders with no other additional context is a bad way to organize media files in my estimation so uncheck that box and then hit save changes the next thing we’re gonna do is head over to permalinks and the default is post name go ahead and remain keep that as the default let that remain as the default I am NOT a fan of putting other shenanigans into the URLs. It’s not good for SEO. Just keep it nice and clean and simple with post name. Save changes here and we are done. Next thing we’re going to do is go over to users. Now you see the default user that I put in right here. You also want to go in and make sure you actually put in your stuff and set the display name as something that is appropriate. It’s automatically pulling in this.
0:11:17
If you want to have a bio in here, I don’t think this is necessary because you’re going to be, you know, if this is a freelancer agency blueprint, this isn’t for your personal sites, right? So like your bio and all that doesn’t really matter. You can go ahead and change your password at this point. If you want to have the same password on every site, you know, whatever you want to do there is fine, but go ahead and update that profile. And then what you’re gonna wanna do is put in every team member that needs to have automatic access to new projects.
0:11:45
This will save you a bunch of time so that when you set up a new project, you don’t have to go in and add all of the users who need to be on that project. I just add all of my key devs onto our Blueprint site. And that way, when I ask for help from one of them on a project, I don’t have to worry about going, they’re already added to every site that we work on. So I would highly recommend you do that.
0:12:07
Go in and add the default users who are on your team who need to have access to all of your projects. Next thing we’re gonna do is we’re gonna install our themes. So we’re gonna go to Appearance and we’re gonna go to Themes. And what I do is I delete these WordPress themes right here. And this is a Bricks Blueprint stack. So what we’re gonna do is we are going to add Bricks. So I’m gonna hit upload theme.
0:12:31
And what I would recommend doing is kind of put everything into a folder, nice and organized, all the plugin files, all the theme files, all of the license keys, just go ahead and put all of that in. And you’re gonna see I have Bricks builder right here. And these are actually old, but it’s okay, because once you put in the license key, you can simply update them to the latest version. Okay, I’m gonna activate this and then we’re gonna go back to appearance and themes.
0:12:59
So I’ve actually put in the Bricks theme. I also want you to put in the Bricks child theme. Even if you don’t use the child theme, it’s kind of best practice to have it on your installs ready to go in case you need it. So I’m going to hit activate here. Perfect. And I am going to go to appearance themes and make sure our child theme is the active theme and then get rid of all other WordPress standard themes. So you should just be left with bricks and the bricks child theme and the bricks child theme should be active. Now I’m going to pause for a minute. I’m going to go and put in my license key for bricks and then we’re going to move on.
0:13:38
Alright my Bricks theme is active. The next thing that we are going to tackle is plugins. If you go to the plugins area you’re going to notice that it is blank. Not every environment is going to have a blank plugins list like this. If you’re on like Bluehost or Hostgator, number one get off those trash hosts. Get a real legitimate host but sometimes you will see some default plugins installed here. If at all possible, they’re probably junk, they’re probably trash, you probably don’t need them. Go ahead and delete them. I’m gonna give you like a great stack, okay?
0:14:12
And I’ve already done a video on my entire plugin stack. I’m not gonna rehash that. I will link to it down below in the description. It’s basically every plugin I install by default and why I do that and what their value is. And that’s really the only stack you need when you’re using something like Bricks Builder. Okay, but I’m going to link to that below. What I’m going to show you in this section is the most efficient way to get your plugins in.
0:14:38
Now again, if you’re using local, you can follow along. If you’re not using local, you’re going to have to do this a bit differently, but I would recommend probably doing it via FTP. Now when you’re doing a local install, all I have to do is I go up here to open site folder, go to site folder, and it’s going to open this website right here. Then I am going to open a folder next to it and I’m going to go to my plugins folder just like this. And so now I have these two side by side. So what you want to do is basically go folder by folder. You want to expand the zip file for the plugin so that if I double click it it should expand it. Thank you. Okay I don’t know what was what the delay was about and then you take the folder and drag it into the plugins folder over here. It’s going to go ahead and move that. Now I’m doing it out of a cloud folder so it’s gonna say preparing to move plugins and it’s gonna kind of download it and then it’s gonna move it over which is not you know super efficient especially since you know I’m trying to save space and I don’t have them all automatically synced but again I don’t do this that I only do this once ever and then it’s it’s done for me I’m just doing it again for you guys right now but basically what you need to do is make sure that all of your core plugins are expanded and then uploaded via FTP or switched over or if you want to do it the super, super manual route, you can just go into this WordPress dashboard and hit add new and then select it and upload it and add new and select it and upload.
0:16:09
You can absolutely do it like that. If you want, whatever you feel is the most efficient way to get all your default plugins into WordPress, go ahead and do that process. Then put in all of your license keys and cause I’m not going to make you watch me do this one by one by one and license key, license key, license key. I’m going to go ahead and pause. I’m going to do it and then I’m going to come back. I won’t change any settings. I am going to show you every single plugin, how to set it up. So we’re going to go over every single setting for the most part in these plugins. But for right now, I’m going to pause.
0:16:43
I’m going to install the plugins, put in the license keys, and then I’m going to come right back. So I’ve put in all of our, our T plugins. I put in all of the license keys. I actually also made my screen resolution better so you guys could see this stuff easier. I realized it was a little small earlier. We’ll just do a quick overview. Again, I did an entire video dedicated to my plugin stack, but just to kind of recap really, really, really fast. Active Campaign Postmark, which I believe was not in my other official stack video, but we use this for transactional emails.
0:17:16
This is the only plugin that I’m not gonna show you how to set up today, because I’m gonna do a complete separate video on Postmark and why I recommend it and how to get it set up and running. Next is Admin Columns Pro. We have Automatic CSS, we have Frames, Happy Files Pro, Metabox, Metabox All-in-One. So this one’s free. This is the pro add-on. Perfmatters, RankMath SEO, RankMath SEO Pro. This is the only one that we’re gonna leave deactivated.
0:17:42
I will activate it when we do the settings for it, but then we’re gonna deactivate it again because it actually has to be truly activated on a per URL basis. So you don’t wanna activate it on a URL. You just wanna leave it kind of deactivated. And then when you’re ready to deploy a live site that’s when you go ahead and activate RankMath Pro and then you activate it you activate that URL with the RankMath service or dashboard or whatever. Then you’re gonna have a short pixel for image optimization, WP Grid Builder which I mainly use for facets, there’s a Bricks add-on for WP Grid Builder, then there’s WP CodeBox which is all external code, writing SaaS, all of that good stuff.
0:18:28
And then WS Form Pro. So that is my plugin stack. You put in all of your license keys, very important. And then make sure you update all plugins that have updates available so that you are constantly keeping your Blueprint website up to date. Okay. So all of this is in, let’s go on to the next step, which is going to be going to the posts area. And we are going to add three dummy posts. We’re gonna get rid of the one that says hello world that comes with WordPress.
0:18:56
And we’re just gonna add a new post. This is going to say sample post number one. And then we’re gonna go to websiteipsum.com and just go ahead and grab some text like this, drop that in. And then we can also go over to our featured image area and we can set a featured image and we just need to grab a placeholder image of some sort you can go to unsplash whatever you want to do but first what I’m going to do is in this folders area create a folder called placeholders and this is going to organize any placeholders and this makes them easy to delete later if you ever want to just clean up your media library and say hey any placeholders that we started with, I don’t want those anymore. We have no use for them.
0:19:41
Go ahead and get rid of them. You can just delete all of the images in the placeholders folder, delete the placeholders folder, and then everything is nice and clean. So I am going to go over to, um, unsplash, sorry, it escaped my brain for a second. And we’re just going to say placeholder. I don’t even know what that’s going to bring up. And we’ll just take this flower as an example. And we’ll just use this flower placeholder. You can use literally any placeholder image that you want to use. So I’m going to go ahead and upload this to the placeholders folder and I’m going to set the featured image on there. I’m going to go ahead and hit publish and then I’m going to go back and the reason we’re doing this, why are we putting in sample posts? Why are we putting in dummy content into our WordPress install.
0:20:25
Because when you’re building out pages and you need to, for example, query a loop, okay, or you need to set up a query loop, you need it to be able to query something. And so this allows you to have content ready to go to be queried, and this stuff is very easy to delete once you actually build out a new website and the real content is in there, very easy to remove this. Sample post number two, but you see, it’s kind of a pain in the butt. If you decide you’re going to add a query loop to a page and there’s no sample content there, this takes you out of your workflow and you’re like, Oh, I got to go put in some sample posts that I have something to query. And you don’t want to be in that situation. Okay. You don’t want to be a chump. You want those sample posts ready to go. So the minute you’re ready to configure a query loop, there’s already something to query. All right. So we have sample posts, number two, same thing over here. I’m gonna go ahead and set the featured image on this to my placeholder. I’ll go ahead and hit publish here and then we’re gonna go and do one more sample post. This is gonna be sample post number three. Put in my content and then put in my featured image which is my placeholder. Go ahead and hit publish there. So now our sample posts are ready to go. Next thing we’re gonna do is hop over to pages. We are going to delete the privacy policy page. We are going to open the sample page. We’re gonna change that to home. We’re gonna remove all of the content which Gutenberg does not let me do easily. Okay so you want blank content in the body of your home page right here and then we want to make sure that you can’t customize the URL or anything like that.
0:22:04
Just go ahead and hit update, make sure that it’s still published, it’s not a draft or anything like that, and then hop back out. The next thing we’re going to do is we’re going to create an about page because guys, those are on pretty much every single website. The content is just going to be blank. We’re not going to worry about it, but we want it to be there. We want it to exist. This is also going to help provide some things for your default menu that you’re going to configure. We’re going to create a contact page. I prefer contact versus contact us. Go ahead and hit publish on that and then hop back out. Now if if you only work with service based businesses for example and you want to create a services page, I actually wouldn’t recommend that because I tend to use the archive page. We’re going to create a services custom post type in just a minute.
0:22:50
So don’t actually go overboard here. Don’t add anything else until you see the rest of what we’re going to do. Then if you determine, hey, there’s a couple of other things I want to add here by default, hey, it’s your Blueprint site. It’s up to you. You can do whatever you want. You don’t have to do it exactly the way that I do it. So we’ve got Home, About, and Contact. Those are our three pages.
0:23:11
Now that we have pages, we can go over to Appearance and we can go to Menus and we can create our first menu. This is going to be just our default menu and then I’m going to go ahead and create this menu and I am going to add the contact via about. This is view all home about contact add to menu. Okay I’m going to go ahead and hit save menu and Now am I obviously going to add other pages and other stuff to the menu on different? Yeah, but we’re going to make those decisions when I’m actually working on a project. This is just my blueprint. This is just my starting point. All right, so I’ve got my menu created. The next thing I’m going to do is go to my media library. Okay, right over here. We already have a placeholders folder. I’m going to go ahead and add one more. This one’s going to be called branding. I actually don’t want to add that to my placeholders folder. So I’m going to drag it out there. And this functionality is from Happy Files Pro.
0:24:04
So if I go to plugins and we look at a right here, Happy Files Pro, that’s what’s giving me this functionality. So you’re not going to be able to do this if you don’t have Happy Files Pro, I’d recommend you get Happy Files Pro and then you can have this awesome organization area for your media library. You can also choose to organize posts in pages and all this other stuff in this format using Happy Files Pro. I don’t personally do that, but I know, you know, some use cases, it would be very, very, very beneficial. The next thing we’re going to do is set up some common custom post types.
0:24:36
Again, this is my stack. If your stack needs to be different, make it different. But the principle is if you have custom post types that you use on pretty much every single project, go ahead and set them up ahead of time. So I’m gonna create one for services. We’re gonna go to MetaBox, Post Types, add new post type, and this one is gonna be called services as the plural name, service as the singular name, and then services as the slug.
0:25:04
And then for this one, we’re just gonna go ahead and hit publish. Okay, and see right away, we see we have services available to us as a new custom post type. I’m gonna add another post type. This one is gonna be called Team. And so new, it’s actually gonna be called Team Member. And then Team Members would be the plural, Team Member. And then Team is just gonna be our slug.
0:25:31
I’m gonna go ahead and hit Publish on that. And then we are going to remove the Team slug. If this is something that we need later, then we can always add it back, but I’m gonna go to advanced and then uncheck publicly queryable, and I’m gonna hit update there. Now, if I go into team members, what that’s gonna do is I’m gonna say sample team member. Okay, and then this is gonna be number one, or I’ll just put team member number one.
0:25:58
Always again, good to have some dummy content in here to be able to query. I’m gonna hit publish, publish, and then go back. And then you’re gonna notice there’s no view link, right? Cause there’s no URL. Because a lot of times on projects, we put in team members, but we don’t want them to have their own page. We’re gonna show their information just in a little blurb on the team, on the about page or in the team section or whatever.
0:26:23
Or we’re gonna display their information from custom fields in a modal. But we don’t actually want them to have an indexable URL because there’s not enough content about them to justify them having their own page. So we just remove the URL by default and then if there is a situation where the team members are going to have their individual URLs, which we’ve done on some projects in the past, we can always just reactivate the ability for that to have a URL. But this kind of saves us on those sites where we don’t intend for them to have URLs and we don’t want URLs Indexed or crawled or anything like that. We don’t want thin content on the website So it’s best to just deactivate the URL. All right back to meta box and back to post types We’re gonna add another custom post type. This is going to be called Reviews review is going to be the singular reviews is going to be the plural And I’m gonna do the exact same thing here under advanced.
0:27:16
This is not publicly queryable and I’ll hit publish. If you don’t know why I’m creating these custom post types, I have a video all about custom post types, the top 10 uses for custom post types, why you should be using them on every single website, how this is the core of using a content management system. The last thing on earth you want to do is put team members and review things like that into pages or into posts. That is an absolute atrocity in the WordPress world. As far as I’m concerned, these things need to be custom post types. So that’s exactly why we’re setting them up as custom post types. The next thing we’re going to do is we’re going to create a locations custom post type.
0:28:00
So locations, location, locations, and then this one would get URLs. In most cases, you’re going to have a location page for each location. So I’m going to go ahead and hit save there. Back to post types, new post type. This one is going to be our policy pages. So all of our legal stuff, right? So I’m going to do policies. You could also do legal here. I feel like policies are a little bit more generic, so tends to work better.
0:28:28
And then these do need their URLs, obviously. So we’re gonna go ahead and hit publish there. And then look at how our content management system, our database, is shaping up. We’ve got policy pages, locations, reviews, team members, services. Now, one thing I like to do that’s an additional step is to make sure you order these, right? I tend to put them in order of importance. Obviously the policy page is not really like super important.
0:28:54
That should kind of be at the bottom here. So what you’re gonna do is in MetaBox, go into post types and then start editing your post types. So I’m gonna choose service and then I’m gonna go to advanced and under this, I wanna make sure that it’s under comments right here. So it’s like the first thing and then I hit update. Then I’m gonna go back into my post types. I’m gonna go to locations. That’s probably the second most important thing.
0:29:19
So I’m gonna go to advanced and then I am going to go to menu position after and I’m gonna choose services. Hit update and good. And then I’m gonna go into post types here. I’m gonna go to reviews. That’s probably gonna be next, advanced, menu position, after, and then we can do locations, hit update, perfect. Then I’m gonna go back into post types. I am going to go to policy pages.
0:29:45
Now let’s do team next. So we’re gonna go to team member and we’re gonna go to advanced. We’re gonna put this one after our locations, update. And then I am going to policy pages last. So policy pages, advanced, menu position, after, and this one’s going to come after our reviews. Hit update. Perfect. Okay. What happened to team members there? Did I put team members in the wrong spot? So we’ve got locations, policy pages, reviews, team members. Let’s put policy pages after team members. So policy page, advanced, after, team members. Update, yeah, I chose the wrong one for sure.
0:30:30
So now I’ve got services, locations, reviews, team members, and policy pages. Much, much, much more logical than it was before when it was kind of just random. Now if you wanna do, I’m not gonna make you sit here and watch me do this, but if you wanna go the extra step of changing these icons, I would recommend doing that. You would go to MetaBox, post types, choose the post type, like Policy Page, go to Advanced, and then there’s an entire kind of library of stuff here, right?
0:30:58
So I can search for something, well, file didn’t actually do anything. But let’s say I wanted to choose this little archive box right here. I can go ahead and choose that, hit Update, and now that policy page has its own custom icon. That’s a nice finishing touch to your custom post types, so I would definitely recommend going in and changing out those icons. Again, I’m not going to make you sit here and watch me go through icon after icon, finding the best icons for each of these things.
0:31:24
Next thing I’m going to do is go into Bricks and we’re going to start looking at our settings in Bricks Builder. So I’m in Bricks settings right here. I am going to apply to the following post types. We have pages of course, and then I also want services to this is basically you’re choosing where is Bricks Builder usable okay can I use Bricks Builder to edit a services page I would want that to happen so I’m gonna tick this on should I be able to edit a team member with bricks well only if the team members gonna have their own custom URL we can determine that at a later time but always always it’s gonna be used for my services pages, 100% of the time, so I need to activate it there.
0:32:05
I’m never gonna use it on posts, so always leave it deactivated on posts. You don’t even wanna get into a situation where you’re trying to use Bricks Builder on normal posts in WordPress. Don’t do that. Policy pages, locations, review, all of this stuff is pretty much gonna be driven by templates, so we actually don’t need the Bricks Builder activated on these individual post types. Okay next thing we’re gonna do is SVG uploads. I would activate this for administrator and editor. We’re gonna leave these Gutenberg switches off right here. Under miscellaneous we’re gonna disable the Brics open graph meta tags. We’re using RankMath SEO so we don’t want Brics trying to do a bunch of SEO stuff. We want RankMath to handle all of that.
0:32:52
We’re not going to generate custom image sizes. I have a script for generating custom image sizes. If you don’t want to use that script, then you may want to activate this, but we’re going to keep that deactivated. Next thing, we are going to skip this one, no enable, no disable skip links. We want skip links to be on this website and then no to query BRICS data in search results. Yes, we do want custom breakpoints and then we can leave all of the converts unchecked. Go ahead and save settings. Now as soon as you save settings here, go ahead and regenerate the CSS files. There’s really nothing there, but you changed the setting related to that, so go ahead and just regenerate it to be safe. Okay, we’re heading over to builder access under editor we want um what do we want edit content for the editor okay so i gotta refer to my notes all this stuff because again you do this once you set it forget it you never touch it again so i i don’t have all this stuff memorized so editor we want edit content no access to all the others for code execution i do this for the administrator and the editor and for nobody else. Okay, your editors should know what they’re doing.
0:34:05
If you have editors that don’t know what they’re doing, then definitely don’t allow code execution for them. All of my editors, the people that we allow access to sites that have the editor role, they all know what they’re doing. So we’re gonna add code execution for them. I’m gonna go ahead and hit save settings. If you let clients edit your websites, we don’t let clients edit sites. If you let clients edit sites and they get an editor role, then I would turn that off for them because clients don’t know what they’re doing. You don’t want them grabbing random code from the internet and trying to plug it into a code block and do that. You don’t want that going on.
0:34:38
This is security risk. It’s not good whatsoever. So leave that off for them. All right, save settings here. Next thing we’re going to do is go into templates and I am going to grab a remote URL here and this is going to be for setting up frames. So I’m going to go down remote template URL is here and then I’m going to go ahead and put in my remote template. I’m going to pause, put in my remote template password and then I will come back. Nothing else is going to be set up on this page.
0:35:06
Okay, I put in my remote template password, which is my frames license key and then I’m going to move on to the builder settings. All right, so the next thing we’re gonna do here is disable auto save. Yes. Why are we disabling auto save? Number one, it slows down the builder a little bit. Number two is sometimes you like to tweak and adjust and play around with things. You’ve already saved your content, you’ve saved your work.
0:35:30
Now you’re doing some playing around. You’re like, I don’t know if I wanna keep these changes. Well, this auto save will come behind you and be like, save, save, save, save. And then suddenly if you get into a situation where the undo isn’t undoing the way that you want it to, you’re stuck with that stuff you were playing around with. I’m a professional, I’m a pro. I know when to save my work and when to not save my work. I don’t need a builder making that decision for me. So I would highly recommend you disable auto save.
0:35:57
And then I always use the dark mode for bricks builder language. Go ahead and set this to whatever you want it to be. This is all, you know, that’s all you, fam. Okay, you make some of these decisions. Toolbar logo link, we want this to be preview and we do want to open it in a new tab. So when you’re in the builder, there’s that little Bricks logo top left. If you wanna quickly see the front end of your site and preview the page you’re working on, you can click that logo, it’ll open in a new tab.
0:36:27
That’s what we want that logo to do. All right, next one. I feel like this is a really, really important one. On this canvas, disable element spacing. What this does is on the canvas, you can drag more padding or more margin or whatever. So it creates draggable areas on the canvas where you can add margin to things, add padding to things. I think that beginners really think that this is a special thing. They really think this is a good thing. This is a disaster waiting to happen if you care about proper units.
0:37:02
Because it’s always going to do it in pixels basically, which we never use pixels in pro land of building websites. Then we also don’t use random values. We’re never dragging stuff around, go, oh, that looks good. That looks great. We use standard values and standard spacing, mathematically calculated. We use a framework called automatic CSS. We’re doing all of this very, very intentionally. Being able to drag handles for width and spacing and all this other stuff, not, not the kind of situation that we want to be in. And in fact, it can only mess you up. So if you’re trying not to do that, but you leave this check, sometimes you’re clicking around the canvas and you’ll notice it’ll automatically, it’ll accidentally, I should say, grab your mouse, like you’re trying to click and it actually hits the spacing thing.
0:37:51
And so suddenly you’re adding spacing where you never intended to touch the spacing values for that thing. And it’s just, it can only cause problems. So we disable it. So go ahead and hit disable there be a pro be a pro and disable this and stop dragging your cute Little margin and padding handles around okay? All right, so on the element actions we want Duplicate turned on delete turned on we want let me get back to my where are we here structure delete okay? Collapse on load we want this to be yes, and then expand active element and scroll into view we want that to be yes everything wraps with a block that is correct next we want disable rest API no render dynamic data no and then no no no for all of these drop downs go ahead and hit save okay next thing we’re going to do is go to our performance tab we are going to disable emojis do not disable embed if you want to use YouTube videos and things like that don’t disable embed. Disable Google Fonts. I do this. We don’t want the entire Google Fonts library loading. We’re actually going to load our fonts locally in the custom fonts area of Bricks. So I would recommend you turn off Google Fonts. Just go ahead and disable those. I disable lazy loading as well because we’re going to do lazy loading via perfmatters.
0:39:16
So go ahead and disable here, disable jQuery migrate. Cache query loops I’ve had some trouble with in the past so I don’t turn that on. This one is very important, add element ID and class as needed. Very, very important for ultra clean code output. And then this is another one for ultra clean code output in ultra clean CSS disabled chaining element and global class. Now let’s pause here. This is a brand new setting as of the recording of this video. Automatic CSS is not compatible with this setting at this time. We are purposefully waiting. We’re giving a one release cycle for people to get updated with their ACSS because this will break your website. We’re going to be giving one release cycle.
0:40:07
Next version of ACSS will be compatible with this feature, and then we will instruct every single ACSS user to turn this feature on. Class chaining is not something that we want happening on our websites. Thankfully, Bricks has allowed us to disable this. But again, as of the recording of this video, you need to leave this, leave chaining enabled until the new version of automatic CSS is officially released, then you will be safe to disable chaining. And that’s what we eventually want to get to going forward.
0:40:36
We’re just in limbo right now, waiting for everybody to play catch up. Okay, CSS loading method is going to be external files, and then style sheets is going to be our web font loading method. Go ahead and hit save changes here. Perfect. Go into API keys. If you want to, put in your Unsplash API key. I would highly recommend putting in your Google Maps API key. If you plan on using ReCAPTCHA on all your sites, go ahead and put in your API keys for those. I hope you’re not using MailChimp, so you can skip this input right here. If you’re using SendGrid, go ahead and put in your API. If you’re using a Facebook, you know, connection of some sort, go ahead and put in your API for that. That’s all individualized based on you.
0:41:24
The only thing that I put in is the Google Maps API key. The only thing I put in, and we’re not going to worry about watching me do that right now. All right. Custom code section. We’re leaving this completely blank. You don’t have to worry about anything there. And we are done with our Bricks settings area. The next thing we’re going to do is we’re going to install our custom fonts. I like to install Outfit on every site that we do. That’s just going to be our starting font. Obviously, we’re going to get the font the client is going to use or whatever we’re using on that project. We’re going to put that in. We’re going to delete the Outfit font files, but I don’t want to start with some ugly ass font.
0:42:02
I want to use a font that I like to look at when I’m first starting out with a website. So I’m gonna put in outfit and we’re gonna do a normal, we’re gonna do a 700 bold and we’re gonna do a black. All right, I’m gonna hit edit on all three of these panels and then what I’m free to do is hit upload on the TTF file and guess what I’m gonna do here? I’m gonna make a new folder called fonts and this is gonna keep all of our fonts organized in the media library. All right so what I’m going to do is I’m going to open up my finder right here I’ve already got my fonts folder selected I’ve got outfit right here I’m going to grab regular I’m going to grab bold and I’m going to grab black and I’m going to drag these in and there they are I’m going to select regular and I’m going to hit select I’m going to hit the upload on 700 TTF.
0:42:52
I’m going to grab the bold. I’m going to grab this TTF upload down here for black hit select, hit publish. And guys, that’s all you have to do to locally install your font for your website. I’ll say it again. I delete these when we put in the real font that we’re going to use on the project. All right. But I want a nice starting point to work with in case I got to whip something up really fast. And I don’t want all the Google Fonts library installed on Bricks. All right, the next thing we’re gonna set up is automatic CSS.
0:43:24
I’m gonna go down here and open the automatic CSS dashboard. And we are gonna start in the viewport tab. What I, again, these are my personal starting point settings. Your settings may be different if you want them to be but if you’re like hey if it’s good enough for Kevin it’s good enough for me I want to I want to use his settings and I want to start there that’s perfectly fine you can go ahead and just copy all of my automatic CSS settings. So my website width is going to be 1366. If I’m doing bigger I’ll make it bigger I almost never go smaller than this I just like 1366 it’s a good you know in the mix kind of viewport size or website width size for various devices. Looks great on laptops, looks great, you know, on desktops.
0:44:09
You know, it’s not full width or anything like that on a big monitor, but I don’t want it to be, but it’s wide enough. So 1366 is kind of my go-to. We’re gonna leave the viewport minimum here. 1280, 992, 768, and 480 are perfectly fine for my other breakpoints. I’m not going to turn on the XXL or XS breakpoint. I leave those off. Those are only coming on if I’m going to do a much wider website and then box layout is going to be off.
0:44:35
My website background color is going to be a variable VAR white, and I’m going to go ahead and hit save on that. I’m going to go into typography. I’m going to keep this at 62.5%. My default text color is going to be VAR base ultra dark. So whatever I happen to choose as my base color, it’s going to be the ultra dark version of that, which is fairly safe with a white background. Um, it, it should always be a really, really, really good contrast. All right, the next thing we’re going to do is set our base size of our text 16 and 18 are the defaults and those are perfectly fine.
0:45:11
I’m going to leave this set at 1.33, 1.2, and my text line heights are gonna stay at 1.5 as our default. Our text line lengths, I’m gonna go ahead and clear these out. If you are installing the brand new version of Automatic CSS on a blank install, these will be blank by default for you now. So I just leave those blank until I’m into a new project and I’m figuring out what I want these line lengths to be.
0:45:37
Okay, my text size overrides. I’m gonna come down here and I’m gonna make my small text size 16 on desktop 14 on mobile and then this one is gonna be 14 on desktop and 13 on mobile. Those are my defaults for S and XS everything else gets left the way that it is. For my headings I am going with 16 and 20 as my mobile scale my line heights are going to be 1.2 that’s perfectly fine as the default my heading colors I just tend to leave these default or do the same thing I did with the text base ultra dark and just put that on all of them. And then we can always come and change these later. No problem whatsoever. Okay, my line lengths for these are set to 100% by default.
0:46:35
That’s perfectly fine. And then on my overrides, we’re going with 18 and 16. And on this one, we’re going with 16 and then 14. Okay, I’m gonna save there. My larger multipliers, 1.15 just to be clear I never use this feature right here but I’m going with 1.15 on both of these values and then I’m going to go ahead and hit save. Next thing we’re going to do is go into our spacing system. So for spacing I’m leaving it at 24 and 30 we are staying at 1.5 and 1.33. Our base desktop multiplier is 3 and our mobile multiplier is going to be two. Our side padding is going to go to 16 and our desktop side padding is going to go to 60.
0:47:24
So I’ve got 16 on the low end and I’ve got 60 on the high end. I’m sticking with M, XL and M for all of our contextual spacing. I’m going to go ahead and hit save there. I’m going to go into buttons and links. So this 0.75, 1.5 is perfectly fine. I’m turning off the custom button text size for now. My width for my minimum button width is going to go to 150 and then I’m turning off all of these buttons down here. So action is the only one I’m leaving on. Uh, well I shouldn’t say that.
0:48:00
I’m turning off primary, turning off secondary, turning off accent, turning off base. I turn the black off because, you know, typically if you would turn the base on at that point, it really depends. But by default, I’m just going to leave these off in case I need them. I can always come turn them on. Right. But I am leaving the white button on cause it is good to have a white button in some scenarios, additional styling. And then under my selection styling right down here. This is like when you select text, I want to use my action and then I want to use action dark for my selection text color and then for my alternate, I want to use my base color and then I want to use white as the alt selection text color.
0:48:48
These are just the defaults that I like to use. These can always be customized later. Next thing I’m going to do is in my options panel, I am going to enable smooth scrolling. I am going to fix paragraph and heading spacing. I’m going to leave those defaults the way that they are. I’m going to enable variable expansion and validation. I’m going to activate pro mode. And then what I’m going to do is turn my flexbox classes off and I’m gonna turn my column classes off as well. You can consider this to be like extra pro mode Pro mode plus pro. I don’t I don’t know what you would want to call it But that’s the settings that I tend to rock and roll with I’m gonna go ahead and hit save there And then I’m gonna go to forms and I am going to load form styling. I’m gonna go to frames We need to turn on frame styling though for sure.
0:49:40
And then I’m going to make sure that I turn on any components that I use commonly. I don’t use table of comments on a table of contents rather on every site so I leave that off. I use a modal on pretty much every site and I use the trigger on pretty much every site. And then of course we have the slider coming now. We’ve got a lot more components coming so you’ll be able to make decisions on these based on wherever you are in the future and what is available to you. Alright I’m gonna go ahead and hit save changes there. We also want to make sure we adjust the template thumbnail size for Bricks. Alright so automatic CSS has all the defaults that I like to use now. What we’re gonna do is go into the Bricks builder. So I’m gonna go to pages and I’m gonna go to home and I’m gonna edit this with Bricks.
0:50:27
We’re going to take care of our builder settings right now. So I’m going to go into settings, theme styles, and we need to create a new theme. I call this global. I’m going to hit create. And then what we need to do is set the conditions to the entire website. And then I’m going to come down to typography. Perfect. And I’m making sure that this matches what I put into automatic CSS as the root font size. It already does by default so that’s good. For my body I’m going to choose the font family outfit. This is what we installed originally and my font weight is going to be 400 there. Actually you don’t need to set it. It’s going to be that way by default. No color, no font size, no nothing here. And then the next thing I’m going to do is on all headings, I’m going to choose outfit, but I’m going to set it to the bold style 700, which again, I think is the default. It’s already showing me 700.
0:51:22
So you can actually leave that blank. Anything that you don’t have to explicitly set, I would recommend not explicitly setting it. Okay. The next thing we need to do is come down to elements container right here. And we need to set this to width of 1366. So this needs to match the website width that we set in automatic CSS. I’m going to go ahead and hit save. Now we are ready to take care of our templates. So I’m going to go in here, Bricks, Templates, Add New, and we are going to create a header template.
0:51:56
And I’m going to select over here on the side, we’re going to do header, hit publish. And literally I’m going to go in and start with a header. So I’m going to use frames for all of this so that we can get done really quickly. I mean why wouldn’t you if you have it available to you? I’m going to go in and select headers. There we go. And then I’m going to select header alpha. Just something very basic. It’s going to ask you this the first time you import a frame. Just go ahead and hit yes. And there it is. So now we have a header. Isn’t that nice and awesome? And then I can go out, and then I can go to add new, and I’m gonna do a footer. And I’m gonna select the footer, and I’m gonna hit publish.
0:52:36
I’m gonna edit with bricks, and I am going to choose a footer. So I’m gonna go down to footers, and I am going to choose, again, something very, very standard and typical, which is footer alpha. And I’m going to go back out. So now I have a header and I have a footer for my website. So I’m going to go into plugins and I am going to temporarily turn on Rank Math Pro. Perfect. And I’m going to go into the Rank Math area, which is right here, and I am going to go to general settings. Actually, no, we’re going to go to dashboard. And our modules, we’re going to turn on 404. We’re going to turn on analytics, which is already on. We’re going to turn on image SEO.
0:53:20
We’re going to turn on instant indexing. The link counter, which was already on by default. Local SEO, I work primarily local based businesses, so we turn that on by default. And then redirections, absolutely, make sure you turn on redirections. Schema is gonna stay on. We’re gonna do the SEO analyzer, the site map for sure. And that’s pretty much it there. All right, the next thing we’re gonna do is go into general settings and we want to strip the category base, no.
0:53:54
We leave that off. Redirect attachments is yes. And we wanna redirect attachments to the homepage. We’re gonna save changes on that. Next thing we’re gonna do is under breadcrumbs, we are going to enable the breadcrumbs, show the home page link in the breadcrumbs. The home page link is going to be a forward slash, which is basically just a reference to the home page. It’s a dynamic reference. And then show categories, we want this to be yes. Everything else can be set as the default. I’m going to go ahead and hit save changes on that. Next we’re going to go into images.
0:54:29
All right, let’s go down images folder, add missing alt. Yes. Add missing title. Yes. And then the others can all just be left as their default. Save changes there. Webmaster tools. This stuff is all on a per site basis. So you can leave this all by default here. Okay the next thing we’re going to do is sitemap settings. Under here we’re going to click on attachments and we are going to, we’re going to make sure that this is not included in the sitemap. So attachments not included in the sitemap, not included in the site map. Yes. Next is services. So we’re, and these are your custom post types that we set up before. So I’m gonna click on services.
0:55:24
Yes. We want to include those in the site map. And then we’re going to go to my templates. No, we do not want to include in the site map. Go ahead and hit save changes on your So I’m going to come down to categories. We do want these included in the sitemap. Tags we want to not include in the sitemap. Template tags and bundles definitely not included in the sitemap. And that should be it for our rank math default setup. Now keep in mind, some of this stuff is going to be changing depending on the site you’re actually working on. These are just the default starting points you want to set up for your Rank Math. Okay next thing we’re gonna do is go into WS form. We’re gonna go to forms. We’re gonna click the start. We’re gonna say hey I’m familiar.
0:56:10
I’m gonna get started and then we are going to we notice we have no forms available to us. We’re gonna add new. We’re just gonna add a contact us form and then what I do is I get rid of this GDPR text box right here. And so we’re left with first name, last name, email, phone, your inquiry, and a submit button. And then I just changed the submit button text to contact us again. Go ahead and hit save. Or you can say like send email, like you could get real cute with it. Say like send email. You just never want your submit button to actually say submit. Go ahead and publish your changes right here. It’s going to automatically be sending to the blog admin and all of that.
0:56:53
This is actually, it’s all good by default. I mean, WS form, rock and roll, we’re ready to go. So I’ve already got a contact form that I can drop into a page anytime I want. Next thing we’re going to do is go to WP Codebox. So we’re going to come down here to WP Codebox. Again, I highly, highly, highly recommend WP Codebox. You’re going to see why right here. Alright so the settings I’m gonna go over to settings here, editor font size I’m gonna change that to 18. I tend to like the Dracula theme. My API key is already in. We are going to wrap long lines. We are going to enable dark mode and then we’re gonna hit save changes on there. Okay the next thing we’re gonna do is we’re gonna create a new snippet called global. This is gonna be our SCSS, our SAS style sheet. We are going to render this as an external file.
0:57:48
We are going to minify the output. We are going to set everything else as the default. Go ahead and hit save here. And then after you click save, you can also click auto reload changes and then enable the global style sheet. So now we have our global SAS style sheet all ready to go. The next thing that we want to do is we want to click on repository and we want to install the following snippets. These are snippets that are publicly available that are just helper code snippets that you can add to any website that you want. Okay so we are going to remove admin bar. Yes remove admin bar for all users except admins.
0:58:26
Okay, we don’t want the remove on the front end. We want it on the front end. We just want to remove it for everybody that’s not an admin. Hit download snippet, and then it’s right there. We can go ahead and hit activate on that. So now that functionality is on our website. Click repository again, you’re going to search for make WP code box full width right here, download the snippet, go ahead and activate it.
0:58:50
Perfect. Okay, then we’ll read. Well, let’s hit save then let’s refresh Think we should be good now. Check it out WP code box takes up the full width of the admin area Awesome. Next one is add a duplicate button. So we’re gonna say add duplicate and It’s gonna find it right there. So this is you know, that functionality is really handy where you are hovering over a post, you like duplicate the post, duplicate the page, duplicate the review, whatever. That comes from, you don’t need a plugin for that. You just download this little snippet and you’re good to go. You enable it, awesome. Okay, the last one we’re going to do is Google Tag Manager code. So we’re going to go to repository, Google Tag Manager, Google Tag Manager code, download snippet and enable. Go ahead and hit save. All right the next snippet we’re going to install is called custom image sizes and this is going to be a PHP snippet and this is going to add all of the image sizes that I prefer on my website. So whenever you upload a new image it’s going to automatically generate the following sizes. This code right here this code snippet is available inside of the inner circle if you want to get access to that. I’m going to go ahead and enable this. Next I’m going to create a new snippet and this one is going to be called custom excerpt length. I like to be able to control the length of excerpt outputs and dynamic data and so I have a little snippet is available inside the inner circle if you want it and that is going to be it for WP code box Setup. All right. The next thing that we’re going to do is go in and set our short pixel settings So I’m going to short pixel and we’re going to use lossy compression. We are not going to remove the EXIF data because Sometimes EXIF data is really important for SEO. I don’t want to do this by default. Okay. Yes, we are going to resize large images. We’re going to set 1920 and we’re going to set 1080. Go ahead and save changes on that. Go to the Advanced tab. Create WebP. Yes. Deliver next versions. Yes. And then you need to make sure it says right here, it looks like you’re running your site on an Nginx server.
1:01:14
This means you can only achieve this functionality by directly configuring the server. You’re gonna have to do some extra configuration. That’s for a separate video. That’s above the pay grade of this video right here. But ultimately, you wanna create WebP and you wanna deliver WebP on the front end. This is going to depend on your server configuration, okay? Optimize media on upload, yes. Optimize PDFs, yes.
1:01:39
Optimize retina, yes. Optimize other thumbnails, yes. CMYK to RGB, yes. Convert PNG to JPEG, yes. Don’t force the conversion of transparency images, however. All right, save changes, perfect. All right, guys, the final thing that we are gonna set up is perf matters. All right, so we’re going to go through and do all of the default settings that I do for perf matters. I do want to explain that I do a lot more in perf matters to optimize websites for speed, but it’s always project dependent. So what I’m going to show you is just the starting point for optimization. It’s not the ultimate, you know, optimization process for each website. I can do a couple or maybe I’ll just do a video I’ll do a video dedicated to optimizing a WordPress website with perfmatters I’m sure that’s of interest to everybody so I’ll go ahead and do that at some point all right but my defaults disable emojis yes disable dash icons yes disable embeds no XML RRCP or RPC gone. Guys, if you hover over this, it’ll tell you what each one does.
1:02:55
Remove jQuery migrate. I’m not going to go into the detail on every single one. Hide WP version. Yes. Remove WLW manifest. Remove RSD. Remove the short link. Disable self pingbacks, yes. REST API, I’m gonna leave that as default. Remove REST API links, yes. Disable Google Maps, no, because we’re usually using Google Maps. Disable the password meter, no. Disable comments, no. Remove comments URLs, no. Add blank favicon, no.
1:03:37
Remove global styles, yes, disable heartbeat. We’re gonna say only allow when editing posts and pages. We’re gonna put the heartbeat frequency at 60 seconds. We’re gonna limit post revisions to five and our auto save interval is gonna be five minutes. Our custom login URL. I’m not gonna tell you mine. Why would I do that? Then everybody’s gonna know and then there’s no point in hiding the login URL but for security reasons you should probably hide the login URL so you can do something like hide me or I wouldn’t do that come up with something on your own but definitely put something here I’m not again I’m not gonna tell you what mine is but you go ahead and put something here that you’re gonna remember and it makes sense to you you don’t want it to be like you know, less, more inconspicuous, let’s say.
1:04:29
Disable behavior message and then the message you can put whatever you want. But if somebody goes to the like the slash wp-admin page, it’s going to give them this message. And so you want them to contact you for the access instructions. All right, we’re going to go over to the assets tab. We are going to turn the script manager on. JavaScript defer, yes. Include jQuery, no. Delay JavaScript, yes, but it’s only going to delay the following scripts and we’re not going to put anything in yet. Remove unused CSS, no. And then go ahead and save changes here. Next, we’re going to go to preloading. We do want to enable Instapage and we want to preload critical images. We’re going to go ahead and hit save here. Under lazy loading, we are going to lazy load images, exclude two leading images, iframes and videos, preview thumbnails, all of this is getting turned on.
1:05:29
DOM monitoring, we want that off, fade in. We can say on, and then add missing image dimensions, yes. And then background images, yes, but it’s not going to do anything until you put in some selectors to target, but go ahead and hit save there. Fonts, disable Google fonts, yes. And then that’s going to get rid of everything else that is in that section. And that is how you set up Perfmatters. We have one step left to do, which is to show you how to deploy your Blueprint website. Now, like I said in the beginning, this depends on your hosting environment. Some website hosts have a one-click, duplicate this website to this URL and you’re off to the races.
1:06:13
But if that doesn’t exist for you, I still need to show you how to deploy this kind of manually, okay? So we’re gonna go to Plugins, Add New, and we’re gonna search for All-in-One. What we are looking for is this all in one WP migration plugin. We’re going to go ahead and hit install now and it is installed. We are going to go ahead and activate it. Perfect. And once that is done, we can go down to all in one WP migration and export to file right here.
1:06:41
And it is going to export this entire blueprint website that we just installed to a file. We’re gonna download it right there and now watch this. We’re gonna go to local sites. We’re gonna go to add new and say new project, continue, preferred, okay. WordPress username. I’m gonna go ahead and do cabinet digital. Let’s spell it right. Digital, wow, digital gravy dot co. password, just like that. Put in my email, kevinatdigitalgravy.co, add site. It’s going to go ahead and add this website. It’s going to ask me once again for my website or my computer credentials. I’ll go ahead and put that in.
1:07:28
It’s going to not take very long at all. One click admin gets turned on. Go into WP admin. I could be doing this on a live server right now. It doesn’t matter. I’m gonna go to add a new plugin all-in-one migration There it is right there, let’s install it and Activate it Awesome. We’re gonna go to import and then I’m gonna import from file and guess what guys I just have to choose that downloaded file that we just downloaded a few seconds ago. It’s gonna go ahead and check everything and then I’m gonna say proceed and it’s going to just sit here and it’s gonna spend for a second and it says your site has been imported successfully finish.
1:08:14
Awesome and I think I could just hit dashboard at this point. Okay I’m gonna put in my login credentials and keep in mind this is based on the users that were in your blueprint website, right? Not the thing that we just set up in local. And guys, look at this. Everything is exactly the way that I want it. Look how fast that was. So this entire time of all these settings, all this configuration, you’re only doing that once. You’re not going to be a chump. You’re not going to do that for every single website.
1:08:51
What you’re going to do for every single website going forwards is you’re going to import that file or you’re going to one click deploy the blueprint to a new URL in your website host and you are up and running in seconds with everything exactly the way that you like it. I hope you guys got a lot of value out of this video. If you did, remember pay with a like, pay with a comment, pay with a subscribe to this channel. I don’t have sponsors. You don’t have to watch interstitial ads that you can’t skip. I don’t do any of that stuff. Okay. I don’t care about YouTube ad revenue.
1:09:27
I don’t care about sponsors. I care about producing the highest quality content for WordPress, for best practices and dev and UX, UI and SEO and all the stuff that we talk about on this channel. I care about elevating freelancers and agency owners to help you guys make more money and produce better work. That’s the stuff that I care about. Don’t care about anything else, but I need your help to get this content in front of other people. I need likes, I need comments, I need subscribes. It’s plain and simple. That’s what I need. So go ahead and feed me because I’m feeding you really good content.
1:10:03
I’m out. I’ll be back soon. Peace.
