How To Make A Website - Using Divi Theme

Video Statistics and Information

Video
Captions Word Cloud
Reddit Comments
Captions
Hi guys Today we are going to see how you can make your website site using the Divi Now after watching this video you'll be able to make a website like this just by using drag and drop So make sure you watch this video till the end To learn how to do it So I am Shyam from Websitelearners.com and let's start making our web site using the Divi Theme So to make a website using Divi We are 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 a wordpress website In order to use Divi So in order to launch our wordpress site We are going to do three steps The first step is to choose a name for 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 In this box So I'm gonna enter the webinvents.com and then click check availability Now as you can see This name is available So once you get your name You can go to the next step Which is to get your hosting and domain Now hosting is a place where your website 's files are stored and domain is the name of your website So to get your hosting and this domain name Just scroll down this page and click get hosting Now it'll take you to a siteground.com Where we're going to get our hosting and domain Now here you can see that we have three different plans Now if you want to launch one website You can go for this plan and if you want to launch multiple websites You can choose these plans As you want to build one website I'm going to choose this one So let's click here and now it'll ask you to choose your domain name So just enter the same name which you found earlier So I'm going into the same name and click proceed Now to get your domain and hosting Just fill up these details Now here you can see that we are getting our hosting and domain for one year Which means once you make this payment your website will be live on the Internet For the next one year So to get it Let's enter our payment details and click pay So now we have successfully made the payment and we have got a domain and hosting So once you got your domain and hosting You can now go to the final step of launching your website Which is to install Wordpress Now WordPress is the platform which is going to let us build our divi website so to install Wordpress just click proceed Then select start a new website Now select WordPress and then enter the logging details you want for wordpress So I'm going to enter my email Username and password Then click conform and then click complete setup So now wordpree is installed and this means your website is now live on the Internet So to check it let's open a new tab and now if we go to our website webinvent.com and press enter You can see that we have a brand new website On the name which we selected So once you launched your wordpress site You can now go to part two of this tutorial Which is to setup the Divi theme in WordPress Once you setup the divi theme you'll be able to start making your website using divi Now in order to setup Divi We are going to do five steps The first step is to login to your wordpress site So to login to your site All you have to do is Type /login After your sites address and now if you press enter It will take you to the login page of your website Now enter the login details Which you created for wordpress and click login Okay so now we have successfully logged into our wordpress site and this is the WordPress dashboard Now this is the place from 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 Now once you get the Divi theme You'll be able to start building your website Using Divi So to get the Divi theme Just go to the video you're watching right now and then click this link in the description Now this 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'll get updates to Divi for one year and if you go for this plan you will get lifetime updates for divi and you will not be required to renew it again So you can choose any one of these plans based on what you need I'm going to choose this one and Then click sign up To create our account Let's end of these details and click complete registration Now enter your payment information and click pay okay So now we have got our Divi theme So 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 downloaded to your computer So once you've downloaded the Divi We can now go to the next step Which is to install the Divi on your wordpress site So to install the Divi theme Let's go to our WordPress dashboard and then go to appearence and click themes Now to install the Divi 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 Click install To install the Divi theme and then click activate okay so now we have installed the Divi on our wordpress site So once you have installed the Divi theme If you go to your site and click refresh You can see that the Divi logo now appears on a site Which means that Divi is now installed So once you install the divi theme You can now go to the final step of setting up the theme Which is to activate the Divi theme So only after activating Divi You'll be able to use all of its features To activate the divi theme Let's go to WordPress and then click Divi Now let's go to updates and then 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 and let's click here to copy the key and then go to our website and then paste it here Now to activate divi all have to do is click save and it will be activated So now we have successfully setup a 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 a page which everyone will see When they first land on your website So to create our homepage Let's go to our site and right now you can see this is our homepage Which is empty Now To create our homepage 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'll get three options to create your page First we are going to see this option Where you can build your page using layouts So layouts readymade designs Which you can use to build your page So let's look browser layouts and 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 got the exact design into our page Now once you 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 change it Now if you want to change the text on this button Just double click it and then change the button text here So 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 and the image will be change 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 So now we have created our homepage But we do have a problem here Now If you open a new window and go to a site's homepage 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 make this page as our homepage Which is here So next we are going to see how you can set the page you created As your homepage So to set our homepage We are going to go into wordpress and then click dashboard now go to setting and click reading Now here you can see that we have this option called your homepage displays Now 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 Now let's click save changes and now we have successfully set the page we created As our homepage So now if you go to our homepage and click refresh You can see that we have now 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 new page from scratch So how do you start from a blank page like this and then build your page it very easy so next we're going to see how you can create a new page from scratch So to create a page from scratch Let's go to New and click page Now 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 this blank page Where we can start creating our page Now to start creating this page Just click the blue plus icon and you'll get these three options Now if you want to create a section like this Which uses the full weight of the page Just choose full width and you'll get different types of full width items you can add to your page Now as I want to create a header for this page I'm going to click full with header and you'll get the section Now as we did before If you want to change the text just select it and then change it To add the next section Just click the plus icon and this time select regular As we don't need the full width and now you'll 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 this section will be created Now if you click the plus icon You can see the 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 item will be added 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've completed building the page Just click publish and now the new page will be published on your site So now if you 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 To create a new 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 If you wanted to appear in this area Just use primary menu and then click next Okay so now we can start adding items to our menu To add items Just click here and here you can see the pages which we have created Now select the pages which you want to add to your menu and now if we click here You can see that our menu has been created With the pages we selected So once you've 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 you click Contact You can see that we have a contact page and if we click home We have our homepage So this is how you can create your menu So Once you 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'll be added Now if we click save changes and then go to our website and click referesh You can see that we have now got our logo So this is how you can change the logo on your website So now you know how can change your menu and your logo So next let's go to the bonus part of this tutorial we're 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 So let's say you want to change the design of your contact page Just like contact Now this is a page which we built before Now to make changes to this page Just click enabled visual builder and I 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'll see different places Where you can change the design Now as we want to change that title Let's go to title text Now to change the text size all you have to do is Just drag this slider and the text size will be changed Now in the same way If you want to change the font You can just click here and then select the font you want and 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 you can 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 the section Just like settings here To make the section look more nice We are going to go to design Now go to dividers then choose style and select any design you want Now if we drag the 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 a new design here So this is how you can design your page using divi So 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 setup the Divi in WordPress and then finally build your website Okay guy's Now if you're ready to start making your own website just click here and it will take you to the page which we saw in first step Which is choosing your website name So just choose your website name and then build your website So make sure you subscribe to websitelearners to get more videos like this one Thanks for watching I will see you in the next video Be-bey
Info
Channel: Website Learners
Views: 142,052
Rating: undefined out of 5
Keywords: divi tutorial, divi theme, divi, How to make a WordPress Website with DIVI, How to make a Divi Website, DIVI Website, Making a website using Divi Theme, How to install a Divi Theme, How to make a Website, Divi theme Tutorial for beginners, Divi theme Vs Elementor, Divi Builder, Elegant Themes
Id: FHWCiNmh9DA
Channel Id: undefined
Length: 23min 13sec (1393 seconds)
Published: Mon Jun 24 2019
Related Videos
Note
Please note that this website is currently a work in progress! Lots of interesting data and statistics to come.