astra theme wordpress tutorial
0 0 votes
Article Rating

Go. Astra theme WordPress tutorial. Before we get started, let me answer a quick question that I get quite often. And that is what is a WordPress theme? A WordPress theme is software that you install On your WordPress Website that gives your website its overall design. And there are lots Of different themes to choose from. There are both free And premium paid versions of themes. There are literally thousands and thousands of Different themes, and it’s No Wonder that Many, many of you get so Frustrated and look To turn to the internet For help. It is a cause of lots of frustration with lots of people that I talked to.

So you are not alone. And in today’s articles, I want to make it super easy for you to get your WordPress Theme installed so that you can Get on your way with building your website. Here we are all plugged into my WordPress demo site.

astra theme wordpress tutorial

Astra theme WordPress tutorial

pro version


Now this Is the behind the scenes dashboard where you will customize You website. But first, I am going to Take you back out to the front to show you what it looks like. And we’ll just clip a little toggle in the left hand side, and here we go. So WordPress comes installed with a standard WordPress theme and you’ll see here that it’s really Kind of boring and not That exciting. So let me take you back over to the dashboard, and I’m going to show you where you go to install your WordPress theme. So scroll down to appearance and click on themes. Now, if you click on the Add new button, you will be able to see a lot of different WordPress themes that you can choose from right inside your dashboard. Where I see a lot of you get stuck is that you just don’t know what theme to choose.

astra theme wordpress tutorial

And so you’ll End up choosing a lot of different themes trying to get one that Fits your needs. However, what I Found after trying lots and lots of different themes, if there is one or two themes that I keep coming back to time and time Again because They’re able to be customized so many different ways that it makes it so easy to get the look that you’re going For. So what I’m going To do is I’m going to show you what that theme is and how to get Installed today.

My favorite WordPress theme is Astra theme WordPress tutorial, and it’s available both as a free or paid theme. So in order to find it, we Can go ahead and type in Astra in the search bar and it will pop up here and I’m going to go ahead and install it.

Now you’ll notice by the preview that it doesn’t look that much more amazing Than the 20 20 theme. However, what you can do with it after is what makes It so amazing. So we’re going to go ahead and click Activate. I also in another articles share with you. Another one of my favorite themes generate press. Now, both themes Are pretty similar In that they’re both really fast.

astra theme wordpress tutorial

They have their well-coded. They have Great support. So that way they’re very similar. More and more I’ve Been going back to Astra because they just seem to work really well with my favorite Page builder Beaver builder and are just really easy to customize.

Another step that I like to do is I like to add a child theme to my new projects. So what I’ll do is for Astro, it’s super easy to create and add a child theme. What you’ll do is I’ll leave A link below to the Astra theme WordPress tutorial, where you can create your own child Theme

And give your child theme a name. I’m just going to call Astra Child. There are some Advanced options if you want to fill This out. I am not going to do that at this time. I’m going to go ahead and right and You’ll go Ahead and save as. It’s back to appearance themes in your dashboard, and we’ll click on Add New. Now, this time, Instead of searching since we already have Astra installed, we’re going to go ahead and click Upload Theme down here, my downloads Bar on my Mac is The files I’m going on. Drag that up to the file. Drop it in And click Install now.

And our theme has been installed successfully, so I’ll go ahead and click Activate. Now you’ll see here that I have both the Astroturf theme as well as the Astro theme installed. This looks great. Now I want to take you back out to the front end of the website so you can See the difference. Now here is our just generic astra theme installed.

It doesn’t look much more exciting. In fact, it looks horrible right now. So what you can do is once you have your theme installed, you can go ahead And click Customize in the top Navigation bar to begin customizing. But before I Do that, I like to go back to the dashboard and I’ll show you another trick that makes it super simple To get Your WordPress A starting point to Begin editing from. Astra theme WordPress tutorial

So this is a little trick that I love, and we’re going to go down to appearance and then down to Astra options over. On the right hand side, you’ll see import starter site. What a starter site is, is it gives you a starting point for your website. It actually installs a pre designed website that you can use as a starting point to begin your design. The reason why I Love this is it saves so much design time and you’re going to go Ahead and get a website With a design already installed in just a few Clicks. So what we’ll do is I’ll go ahead and click On install Or plug in. One thing to note, while this is installing is that there is a pro version of Astra and there is a pro version of this prototype Comes with the full version.

So if you like More options, definitely check that out and I’ll leave a link to those below so you can see what additional options you can get with those. The first thing you’re going to do once you have this starter site’s installed is you’re going to select a page builder. Now, if you’re not familiar with page builders, what they do is they’re plugging in allows you to build your Pages Out. Now Bloomberg is What’s involved with your Website with WordPress, so that comes standard elements Is Similar to Beaver Builder. And then also when my favorite to our own report and beaver builder.

astra theme wordpress tutorial

Was, I’m going to go ahead and choose your browser and Next. And on the Next screen, you’re going to see over one hundred plus websites that are already built and Designed professionally.

All you have To do is select one and then click Install. And you can go ahead and scroll through. There’s quite a wide variety here. To look at there’s log business e commerce. Now, what you’ll notice is some of them have like a little box to say agency, so what that means is those are only available with the paid version of charter sites.

astra theme wordpress tutorial

So what if you do Like one of those? Reach out to me, Or you can Follow the link below To go ahead and purchase that on your own. Well, let’s start by Clicking on this nutritionist Site. So I really like The colors of this site, and they do a good job of the design And the layout looks Really good.

astra theme wordpress tutorial

And then she has the book. Yeah, so I really Like this one, and it’s going to give us a great

Starting point. Now the key here is is even If you’re not a nutritionist And You love the layout of this Website, you can still choose it. Once you have this site imported, you will be able to customize the logo, colors and everything and photos and images to reflect your brand and your design. So what I love is it just gives me a

Starting point with everything Preinstalled And then I can Customize from there. So don’t get to have on the fact that this is a nutritionist. I think this

Is The starting point for Many other different projects. So I like this over on the Left hand side, I’m going to click all the check marks. I want to delete any previous plate.

And it’s done so once you get the done notification, you can go ahead and click on You site and We’ll see What it looks like. All right, this looks really good, so you’ll see that in just a few minutes, we were able to install an entire Website pre-designed for us

All in just a few minutes. This is really looks really good. We can go ahead and customize our website further Now that we’ve got It Installed. Astra theme WordPress tutorial

So to do that, there’s a couple of different ways that you can do this now to get started. I always like to start with customize up in the left hand corner. There’s a little paintbrush and you can go ahead and click on Customize Button to set your logo or colors And a few other Things before you get started. Ok, so you’ll see here that there’s a link for your global options, which includes your fonts, Your colors, The container size and your Buttons, so that will Customize the entire website. We can go a little bit Deeper here, And for site identity you will upload your logo And A site icon.

The site icon is just up there with that little world. Globe is over place in the browser. And for sure, we want to replace our site title and our tagline. We don’t want it to Say just another WordPress site. So once you get that Done, you can go back. There’s the primary header.

You can customize How your header looks as well as on your mobile. The primary menu. You can customize how that Looks and a Transparent header. So you’re what your header to be transparent. You can customize that as well. And again, if you’re looking for a lot more options for customization, you’ll want to go check out the Astra Pro version That in the description Below, so you can see all additional options that are available for you with that version.

Now, if you go back, I want to show you how you’re going to edit each individual page now. If you remember, before we installed this starter site, I chose B for Builder as My page builder. Now, in this Example, I’m going to show you how to edit your page with fever builders, so I’m going to click on Beta Builder. And this will open Up my page builder, Ed, Where I can go ahead And start Swapping out the images and the Text. Now it Looks like this might be our first time, so if you want to take A tour, it will Show you around. However, I’m just going to go ahead and get Started and Show you a few things about how to edit. What you do is if you hover over any of these modules, they will allow you to swap out. So here is the image. What I would do is I would swap out This image. Then the image recommendation is five sixty four by seven hundred pixels.

I can go ahead and edit to Replace that Image. And then There are a lot more customizations you Can do. For example, Here we are On the text. And this is just ahead in text, and you can customize this exactly how you Want and Then click Save when you’re done making Your changes up in the top and you’ll click on Done and publish. Another trick I want to share with you is that when you’re editing, I like to. Once I’m done making all my changes and I like to go in and click on responses. This will give us An option to see how things look on both like A tablet and mobile, and we want to make Sure that our website looks good on both of these, as well as on desktop. So this is a tablet version, and that looks pretty good. Astra theme WordPress tutorial

The thing is, When we go to mobile version, we want to make sure things are still looking Good there so we can scroll down. Now some things I see here, like there’s some extra stuff you would want to get rid of what you would just click on it and we would edit. This happens to be a column. Astra theme WordPress tutorial

So now You’ll see here where there’s a little mobile View. We can turn This off for mobile, so you’ll see that right here of the mobile image. Um, and so down to Visibility we

Can put on display, Right, right? You just put this to large and medium devices only Like, say, I will remove It from our Mobile View so you can See that There. Everything else is looking pretty good. Again, here you may want to remove those pieces, But yeah, that looks pretty good on Mobile. Once you’re done Again, we can Click exit or go back to desktop view and done And publish, And that will save our changes. I hope you found this articles useful to install a WordPress theme on your brand new WordPress website, and it saves articles We took it one step further.

#Astra theme WordPress tutorial


0 0 votes
Article Rating
0 0 votes
Article Rating
Notify of
Inline Feedbacks
View all comments