Hi guys today we are going to see how
you can make a website using the DIVI theme So after watching this video, you
will be able to make a website just like this by using drag and drop. So make sure you watch this video till the end to learn how to do it. Okay. I'm Bryan from Website Learners and let's
start making our website using the Divi theme To make a website using Divi, We're going to do three parts. The first part is to
launch your WordPress website. Now, since Divi is a WordPress
theme, you need to first launch your WordPress site in order to use Divi So in order to launch our
site, we're going to do two steps. The first step is to choose
a name for your website. So to choose your website name, just
click the link below this video, and it'll take you to this page. Now enter the name you want here. I'm going to enter webinvents.com and click search. Now you can see that this name is available Once you choose your name, you can go
to the next step, which is to get your domain name and hosting.Domain is the
name of your website, which people need to enter to visit your site. And hosting is the place where your
website's files are stored like your website's images, and files. So to get this domain name
and hosting, Lets click add to cart and then click continue. And it will take you to this page. This is the place where we are
going to get our hosting and domain. Now here it will ask us to
choose a hosting plan. Now hosting is needed so that your
website is visible on the internet and can be accessed by anyone. And as you can see here hosting
provides the space to store your your website on the internet. So based on the number of
websites that you want to build, you can choose a plan here. I want to build one website. So I'm going to choose this plan Now here you can choose how
long you want the hosting for. You can choose any length
here. As you go longer, You can see that we
are getting a discount. No, I'm going to choose 12 months and click continue. Well here you can see that
we're getting our domain with this webadmins.com for free and a hosting Now, both of these are valid for one
year, which means once we complete the purchase, our site will be
live on the internet for one year. So to get our domain and hosting,
let's fill up these details enter your payment details and click order now. Okay. So now we have successfully placed the
order and we've got our domain and hosting. So now if we click here, you can see that we have successfully
got our hosting and domain. Okay. So once you've got your domain
and hosting your website should now be live on the internet. So to check that let's open a new tab Now If we type web admins.com and press enter, you can see that we have got a brand new website on the name which
we selected. Now sometimes it might take a few minutes for the domain
to become active on the internet. If you're not seeing this, try refreshing after 5 to 10 minutes. Okay. So now we've successfully
launched our website on the internet Once you have launched your site, we
can now go to part two of this tutorial. which is to set up the Divi theme in wordpress So once you set up the Divi theme, you will be able to start making your website using Divi, Now in order to set up the Divi
theme, we are going to do five steps. The first step is to log
into your WordPress site. So to log into your site, all you
have to do is type /login. After your site's address. And now if you press enter, it will take
you to the login page of your website. Now, here, you need to enter
your username and password to log into your worepress dashboard. Now, once your site is active, you
should have to see the login details of WordPress in your email. So let's go to our inbox, and you can see
that we have got this email. Just open it, As you can see, we have the
username and the password. Now to login to our website, just copy
these details and paste them here. So let's copy this user name and paste it here then copy this password, paste it here And then click login You can see that we have successfully
logged into our WordPress site and this is the WordPress dashboard.This is the
place where you can control your website. So once you've logged in,
we can now go to step two. which is to get the Divi theme. Now, once you get the Divi theme
you will be able to start building your website using Divi So to get the Divi theme just
go to the video you are watching right now and then click this link Now, it will take you to the Divi website
where you can get the Divi theme. Now, once you reach this page, you
need to choose a plan for Divi So the main difference is, if
you go for this plan, you will get updates to Divi for 1 year And if you go for this plan, you will
get lifetime updates for Divi So you can choose any one of
these plans based on your need. I'm going to choose this one. So let's click sign up Now to create our account, Let's enter these details and
click complete registration now enter your payment details and click pay Okay. So now we have got our Divi theme Once you've got the Divi theme
you can now go to step three which is to download the Divi theme So to download it, Just click login, Now enter the username and password,
which you created for Divi and click login. Now to download Divi, All you have to do is click download and the Divi theme will be
dwnloaded to your computer. So once you have downloaded the
Divi theme, we can now go to the next step. Which is to install the Divi theme
on your WordPress site. So to install the Divi theme, let's
go to our WordPress dashboard, then go to appearance and click themes.
Not to install the Divi theme on your site, Just click add new theme and
then click upload theme. Now click choose file And then select the Divi theme
which you have downloaded and it will be selected. Now to install
the Divi theme let's click install, and then click activate. Okay. So now we have installed the
Divi theme on our WordPress site. Once you have installed the Divi theme, Now If you go to your site and click refresh, You can see that the Divi logo now
appears on our site, which means the Divi theme is now installed. So once you have installed the
Divi theme, you can not go to the final step of setting up the theme,
which is to activate the Divi theme So to activate the Divi theme, let's
go to WordPress and then click Divi Now lets go to updates And enter the username,
which you chose for Divi Now to activate Divi, we need to
get this key from the Divi website. So to get it, let's go to the Divi website and then go to my account, then click API keys Now let's click here to copy the key.
Then go to our website and paste it here. Now to activate Divi, click save and it will be activated. So now we have successfully set up the Divi theme in WordPress, which means we can now go to the final part of this tutorial,
which is to start building your website So to build our website, we
are going to do four steps. The first step is to create your homepage. So homepage is the page, which
everyone will see when they first land on your website. So the create our homepage let's go to our site Right now you can see this on a home base, which is empty. Now to create our home page, Let's go to new and click page Now here we need to enter
a name for our page. I'm going to call this page as home. Now to start building your homepage, Just click use Divi builder And now you will get three
options to create your page. First, we're going to see this
option where you can build your beads using layouts. So layouts are ready-made designs, which
you can use to build your page. So let's click browse layouts Now as you can see, we have
different types of layouts here. Now let's say you like this design, just click on it And you can see a preview here. Now, if you want to use this design for
your page, just click use this layout and the entire design will
be added to your page. So as you can see, we have
got the exact design into our page. Now once you've got this
design, how do you change this content? So let's say you want to change this text. All you have to do is, just select
the text, and then enter your own text. Now in the same way, you can change any text you want. Just select the
text and then enter your text. Now, if you want to change the text
on this button, just double click it. And then change the button text here, as you can see, the text has been changed. So that's how easy it is. You can change everything on
this page in the same way. Now, if you want to change this image,
just double click it, select the image here Now just drag and drop an
image from your computer. you can see that the
image has been changed. So that's how easy it is. Now in the same
way you can change any part of this page. Once you're done with all the changes, Just click publish and now if we click exit, You can see that we have a new page on our site, which has all the content we added. So you can create any number of
pages you want in the same way. Okay. So now we have created our homepage,
but we do have a problem here. Now, if you open a new window
and go to our site's home page You can see that we still have the
default page, which is empty. And the page we created appears on
a separate page called /home. Now, instead of appearing like this,
how do you want to make this page as our home page, which is here. So next, we're going to see
how you can set this page you created as your homepage. So to set our home page, Lets go to our site And then click dashboard. Now go
to settings and click Reading. Now here, you can see that we have this
option called Your homepage displays. Here we need to first choose a static
page and then select the page we created as our homepage. So let's click here and then select
home, which is the page we created Once you selected just click save changes. Okay. So now we have successfully set the
page we created as our homepage. Now, if we want to go to our
homepage, just click refresh, and you can see that we have
got our homepage, which is here. So this is how you can set the
page you created as your homepage. So now, you know how you can build a
page by importing layouts, but what if instead of importing a layout, you
want to create a page from scratch. So how do you start from a blank page like
this and then start building your page? It's very easy. So next we're going to see how you
can create a new page from scratch. So to create a new page from
scratch, let's go to new. And click page No, let's say you want
to create a contact page. just enter the page title as contact And now to start building the page, just click use Divi builder Now instead of layout, let's
choose build from scratch. Now, this will give you a blank page
where you can start creating our page Now to start creating this page, just click the plus icon and you will get these three options. No, if you want to create a section like
this, which uses the full width of the page, just choose full width and you
will get different types of full width items, which you can add to your page Now, as I want to create a header for this page, I am going to click full width header.And you will get this section. No, as we did before, if you want to
change this text, just select it, and then enter your text. Now to add the
next section, just click the plus icon. This time we will select
regular as we don't need the full width And now you will find
different types of sections. You can add to your page. So if you want to have a section like
this, you can choose this layout. Or if you want to have a section
like this, you can choose this one. So I'm going to choose this one
and the section will be created. Now if we click this plus icon, You can see different types of
items you can add to your page. Now let's say you want to add an
image to your page. Just click image and the item will be added here. Now to add your image, just click here and then drag and drop an
image from your computer. And as you can see, the
image has been added. Now, if you want to change the size, just
drag here to change its size Now in the same way you can add content to this area. Just click the plus icon and select the item which you want to add. I'm going to choose the contact form. So let's click here And it will be added. So once you complete building
the page, just click publish, and now the new page will
be published on your site. So now if we click exit You can see that a new contact
page has been added to our site. So now, you know how you can
create a new page from scratch. So you can create any number of
pages you want in the same way. Next let's go to the third
step of building our website, which is to create your menu Now, as you can see, we don't have a
menu here. So to create our menu, let's go here and then click theme customizer then click menus. Now to create a menu, Let's click here And now we need to give
a name for our menu. So I'm going to call this menu as
main menu and next you need to choose where your menu needs to appear. So if you want the menu to
appear in this area, just choose primary menu and then click next. Okay. Now we can start adding items to our menu. So to add the items, just click add items And here you can see the pages which
we've created now select the pages which you want to add to your menu. And now we click here, you can see
that our menu has been created with the pages we selected. So once you're done just click publish and all the changes will be saved. And now if you click here, You
can see that our menu has been created. Now if we click contact, You can see that we have our contact page, and if we click home, we have our homepage. So this is how you can create your menu. So once you have created your menu, let's
go to the final step of building your website, which is to change your logo. Now here you can see that
we have the default Divi logo Now to add your own logo here,
just go here and click dashboard. Now click Divi And here you will see the logo option.
Now to add your logo just click upload And then drag and drop your
logo here and it will be added. Now, if we click save changes, then go to our site and click refresh You can see that we have now got our logo So this is how you can change
the logo of your website. Now you know how to change your menu And your logo. So next, let's go to the bonus part of
this tutorial, where we are going to see how you can design your page using Divi So we are going to see how you can
change different parts of your page. just like this let's say you want to change the design
for your contact page, just click contact. And this is the page which we built
before, but to make the changes to this page, just click enable visual builder. And it will take you to this editing mode. Now let's say you want to change
the size of this text, just click settings, and then go to design. And now you will see different
places where you can change the design. Now as we want to change the title, Let's go to the title text, Now to change the text size, All you have to do is just drag this slider And the text will be
changed. Now in the same way, If you want to change the font, just
click here and select the font you want, once you're done with
all the changes, just click here and the changes will be saved. So this is how you can change the
design of any item on your page. Next let's say you want to add some space here All you have to do is just go
here and then drag to add the space. Okay. So now you know how to change the design of this part, but what if you want to change the design of this entire section? So to change the design of this
section, just click settings here now to make this section
look more nice, go to design, then go to Dividers Then choose a style and select any design you want. Now if you drag this slider, you can see that we have got
that design on our section. So this is how you can change
the design of your section. So once you're done with
all the changes, just click save. And now if we go to our contact
page and click refresh, you can see that we have
got our new design here. So this is how you can
design your page using Divi Now, you know how you can create a
website using Divi in just a few minutes. So to create your website using Divi,
You need to first launch your WordPress site Then set up the Divi theme in WordPress,
and then finally build your website. No, if you're ready to start creating
your website, just click here And it'll take you to the page
which we saw in the first step, which is choosing your website name. So just choose your website
name and then build your website. Also make sure you subscribe to Website Learners to get more videos like this one. So thanks for watching. I'll see you in the next video. Take care. Bye-bye.
