Up next in 10
Astra Theme Customization in WordPress_ A Step-by-Step Guide
4K views
Jan 24, 2024
In this comprehensive video guide, viewers are taken through a step-by-step process of customizing the Astra Theme in WordPress. Released in 2023, the tutorial is designed to empower users with the knowledge and skills needed to personalize their WordPress websites using the versatile Astra Theme. Whether you're a beginner or an experienced website owner, this video covers various aspects of customization, including layout adjustments, color schemes, typography, and more. Learn to create a visually stunning and unique website tailored to your preferences by following the detailed instructions provided in this Astra Theme customization tutorial.
View Video Transcript
0:00
Hello and welcome to the brand new video from Kito Blogging and in this video I will
0:03
show you the step by step process of installing the Astra theme and I will show you how
0:08
you can customize the layout color typography in this theme and I will also show you how you
0:13
can import different templates to create a professional WordPress website within minutes
0:17
and you can also use this theme with popular page builder like BVBuilder or you can create
0:22
a e-commerce website using UCommerce plugin and it is also compatible with LANDAS spectra page builders
0:29
So let's check how you can install this theme in your WordPress website
0:33
So if you found this video helpful, then make sure to hit the like button and if you
0:37
are new to this channel, consider subscribing. So let's start the video
0:42
All right guys, I am back in WordPress dashboard and as you can see I'm using the 2023 default
0:47
WordPress theme. So we are going to use the Astra theme in this website
0:51
So to install the Astra theme, we can go to the appearance here and I will click on theme here
0:56
And here I can click on the add new button here. And here you can upload your theme by downloading the theme from this WP Astra.com or you
1:05
can directly search for this theme here. And as the Astra is a popular theme, it is showing at the top here
1:12
So I will just install the Astra theme from here. Okay, theme is now installed
1:18
Let me just activate the Astra theme here. Okay, now our theme is activated
1:23
Now let's click on the guest started button here. Okay, now it will guide you through this process of installing a template in your website
1:31
So let's click on build your website now here. Now here I will click on the block editor here
1:37
Now you can choose different templates according to your category. So let me just click on the finance category here
1:43
And as you can see that there are multiple finance category templates here
1:48
So let me just import the first template here. So I will click on here
1:52
Now this is how the website looks like and as you can see that the website
1:56
website is looking quite good and you can easily import this website with a click away button So let import this website So I will click on skip and continue Now here you can choose the color palettes here and you can choose the font here
2:12
So let's click on continue. Now it will ask you to enter your name, email address
2:17
So let me just fill this off here. Now let's click on I agree to receive newsletter or if you don't want that, you can also uncheck that
2:25
And make sure to tick mark all the options here. Now let's click on Submit and build my website
2:32
So it will take some time to import that content to your website and it will create a stunning
2:37
WordPress website within minutes. So let's wait for that. Okay, the import is now finished and let's click on view your website button here
2:53
And as you can see that the exact same website is added to your website and now you can customize
2:58
this website. So let's do that. So for this I will click on Edit page here
3:03
Now if this is not looking good, so we need to change the layout settings here
3:08
So I will click on the Astra settings here and here in the content layout you have to select
3:13
it as full width stretched. So let's click on here. And as you can see that the website is now looking good here
3:23
So here you can easily change any values. So if you want to change the text, just select the text
3:27
text here and you can change the text from here so let me just change it here like
3:33
this and here you can easily change the image according to your choice just
3:39
click on the replace button here and select the media library and you can easily
3:44
change the image from here so this is how easy to make a WordPress website using the
3:49
Astra theme so let me just update this page first now let's go back here now let's go to the
3:57
dashboard and let's check the theme customizer options with this theme. Now let click on the Astra option here This is how the Astra dashboard looks like and here you can get different quick links like Site Identity Color typography And here you can get some Pro features here
4:14
So let's click on the settings here and here you can click on performance and here you can load
4:19
your Google Fund locally here and you can preload local fonts here
4:24
Now let's click on the Spectra here. Now let's click on the blocks and extension here and you can see that these are the blocks that
4:31
we get with the Spectra plugin and these are some core blocks and you can add some post blog
4:37
like that you can add some social blocks like social share team block code testimonials and you
4:44
can also add forms here and here you can get FAQ how to review table up content blocks
4:50
here with Spectra plugin. Overall Astra is a lightweight theme and you can use the Spectra page builder to create a
4:57
WordPress website like this and you can easily change the text, you can change the colors
5:01
you can change the images and create a professional WordPress website within minutes
5:06
And you can customize the theme by clicking on the customize button here
5:10
So this is how the Astra theme customizer looks like and here you can see that here you'll
5:15
get different options like Global header builder, breadcrumbs, blog, page sidebar, footer builder
5:20
So let's click on the global here and here you can see the typography, color, container
5:25
button scroll to top. So let's click on typography here and here you can change the body font by clicking on the
5:31
the pencil icon here and here you can choose the font family. So here you will get a lot of font options here and here you can change the color of this
5:40
theme and here you can change the link color, heading color, body tag side background
5:45
You can change everything here and here you can see the button settings here
5:49
Here you can customize everything regarding buttons and you can also add a scroll to top button
5:54
here just click on enable button here and as you can see the scroll to top button is added
6:01
Here you can adjust the icon site here. And here you can also change the header builders here
6:06
So here you can add buttons here or you can change the site title here or you can add the menu here So let go back here Now let click on block here and here you can see block or archive pages or single posts
6:20
so you can add different layouts like left sidebar right sidebar. Here you can enable the related post section with this theme and this is how the theme customizer
6:31
so it is very easy to use and easily you can easily create a footer header like this
6:36
with Astra theme. So I hope you have got the idea how powerful the Astra theme is and how you can
6:41
easily create a WordPress website using the Astra theme. So if you have any doubt regarding
6:47
this theme, then you can ask me in the comment section and if you want to use this theme
6:51
then you can use the link in the description or you can directly install it from your WordPress
6:56
dashboard. Now let me just check the page speed of this theme. So let me just copy the page link
7:02
here and let me just go to the page speed inside here and let me just enter the URL
7:11
and let's yze the page and as you can see that the mobile score is quite impressive
7:17
i am getting 92 in mobile and if i check the desktop score it is showing like 95 and let's
7:24
check the total page size here and as you can see that the total page size is 700 kb so which is
7:30
is quite good. So overall Astra is a very lightweight theme and you can easily use this theme just
7:36
by searching the Astra in your WordPress dashboard or you can directly download the Astra theme
7:41
from WP Astra.com. And you can also check the pro features and you can check the pricing of the
7:46
pro plan. So it starts with $47 and if you check the essential bundle, it is around $137. And if you
7:55
can also take the lifetime plan with just $227. So overall Astra is a lot
8:00
a very good theme that you can consider and if you found this video helpful then make sure to
8:05
hit the like button and we will be covering more videos on Astra theme so stay tuned for that
8:10
so make sure to hit the subscribe button and i will see you in the next video thank you
#Online Goodies
#Skins
# Themes & Wallpapers