how you can make your website site using the Divi

 able to make a website like this just by using drag and drop So make sure you watchthis video till the end To learn how to do it So I am Shyam fromWebsitelearners.com and let's start making our web siteusing the Divi Theme So to make awebsite using Divi We are going to do three parts The first part is to launchyour WordPress website Now since Divi isa wordpress theme You need to first launcha wordpress website In order to use Divi So in order to launchour wordpress site We are going to do three steps The first step is tochoose a name for website So to choose your website name Just click the linkbelow this video and it'll take you to this page Now enter the name you want In this box So I'm gonna enterthe webinvents.com and then clickcheck 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 yourhosting and domain Now hosting is a place whereyour website 's files are stored and domain is thename of your website So to get your hostingand this domain name Just scroll down this page and click get hosting Now it'll take youto a siteground.com Where we're going to getour hosting and domain Now here you can see that wehave three different plans Now if you want tolaunch one website You can go for this plan and if you want tolaunch multiple websites You can choose these plans As you want tobuild one website I'm going to choose this one So let's click here and now it'll ask you tochoose your domain name So just enter the same namewhich you found earlier So I'm going into the same name and click proceed Now to get yourdomain and hosting Just fill up these details Now here you can see that we aregetting our hosting and domain for one year Which means once youmake this payment your website will belive 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 successfullymade the payment and we have got adomain and hosting So once you got yourdomain and hosting You can now go to the finalstep of launching your website Which is to install Wordpress Now WordPress is the platformwhich is going to let us build our divi website so to install Wordpressjust click proceed Then select start a new website Now select WordPress and then enter the loggingdetails 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 websiteis now live on the Internet So to check it let'sopen a new tab and now if we go to ourwebsite webinvent.com and press enter You can see that we havea brand new website On the name which we selected So once you launchedyour wordpress site You can now go to parttwo of this tutorial Which is to setup theDivi theme in WordPress Once you setup the divi themeyou'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 loginto 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 thelogin page of your website Now enter the login details Which you created for wordpress and click login Okay so now we have successfullylogged into our wordpress site and this is theWordPress dashboard Now this is the place from whereyou 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 startbuilding your website Using Divi So to get the Divi theme Just go to the videoyou're watching right now and then click thislink in the description Now this will take youto the Divi website Where you can getthe Divi theme Now once you reach this page You need to choosea plan for Divi So the main difference is If you go for this plan You'll get updatesto Divi for one year and if you go for this plan youwill get lifetime updates for divi and you will not berequired to renew it again So you can choose any one ofthese 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 yourpayment information and click pay okay So now we have gotour Divi theme So once you've gotthe 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 andpassword which you created for Divi and click login Now to download Divi All you have to dois click download and the Divi theme will bedownloaded to your computer So once you'vedownloaded the Divi We can now go to the next step Which is to install theDivi on your wordpress site So to install the Divi theme Let's go to ourWordPress dashboard and then go to appearence and click themes Now to install theDivi 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 installedthe Divi on our wordpress site So once you haveinstalled the Divi theme If you go to your site and click refresh You can see that the Divilogo now appears on a site Which means that Diviis now installed So once you installthe divi theme You can now go to the finalstep of setting up the theme Which is to activatethe Divi theme So only after activating Divi You'll be able to useall 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 usernamewhich you chose for divi now to activate divi we needto 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 hereto copy the key and then go to our website and then paste it here Now to activate divi allhave to do is click save and it will be activated So now we have successfullysetup a Divi theme in WordPress Which means we can now go tothe final part of this tutorial Which is to startbuilding your website So to build our website We are going to do four steps The first step is tocreate your homepage So homepage is a pagewhich everyone will see When they first landon your website So to create our homepage Let's go to our site and right now you cansee this is our homepage Which is empty Now To create our homepage Let's go to New and click page Now here we needto enter a name for our page I'm going to callthis page as home Now to start buildingyour homepage Just click Use Divi builder and now you'll get threeoptions to create your page First we are goingto see this option Where you can buildyour page using layouts So layouts readymade designs Which you can useto build your page So let's look browser layouts and as you can see We have differenttypes 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 usethis design for your page Just click Use this layout and the entire design willbe added to your page So as you can see we got theexact design into our page Now once you got this designhow do you change this content So let's say you wantto change this text All you have to do isjust select the text and then enter your own text Now in the same way you canchange any text you want just select the textand then change it Now if you want to changethe text on this button Just double click it and then change thebutton text here So as you can see thetext has been changed So that's how easy it is You can change everything onthis page in the same way Now if you want tochange this image Just double click it Select the image here Now just drag and drop animage from your computer and the image will be change So that's how easy it is Now in the same way you canchange any part of this page Once you're donewith all the changes Just click publish and now if we click exit You can see that we havea new page on our site Which has all thecontent we added So you can create anynumber of pages you want In the same way So now we havecreated 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 stillhave the default page Which is empty and the page we created Appears on a separatepage called /home Now instead ofappearing like this How do you make thispage as our homepage Which is here So next we are going to seehow you can set the page you created As your homepage So to set our homepage We are going togo into wordpress and then click dashboard now go to setting and click reading Now here you can see that wehave this option called your homepage displays Now here we need to firstchoose a static page and then select thepage 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 successfullyset the page we created As our homepage So now if you goto our homepage and click refresh You can see that we havenow got our homepage Which is here So this is how you can setthe page you created as your homepage So now you know how you canbuild a page by importing layouts But what if instead of importinga layout you want to create a new page from scratch So how do you start froma blank page like this and then build your page it very easy so next we're going to seehow you can create a new page from scratch So to create apage from scratch Let's go to New and click page Now let's say youwant to create a contact page Just enter the pagetitle as contact and now to startbuilding the page Just click Use divi builder Now instead of layout Let's choose Build from scratch Now this will giveyou this blank page Where we can startcreating our page Now to start creating this page Just click the blue plus icon and you'll getthese three options Now if you want to createa section like this Which uses the fullweight of the page Just choose full width and you'll get different typesof full width items you can add to your page Now as I want to createa header for this page I'm going to clickfull 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 differenttypes of sections you can add to your page So if you want to havea section like this You can choose this layout or if you want to havea section like this You can choose this one So I'm going to choose this one and this sectionwill be created Now if you click the plus icon You can see the differenttypes of items you can add to your page Now let's say you want toadd 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 animage from your computer and as you can see The image has been added Now if you want tochange the size Just drag here To change its size Now in the same way You can add contentto this area Just click the plus icon and select the itemwhich you want to add I'm going to choosethe contact form So let's click here and it will be added So once you've completedbuilding the page Just click publish and now the new page willbe published on your site So now if you click exit You can see that a new contactpage has been added to our site So now you know how youcan create a new page From scratch So you can create anynumber of pages you want In the same way Next let's go to the thirdstep of building our website Which is to create your menu Now as you can see wedon'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 givea name for our menu So I'm going to callthis menu as main menu and next you need to choose where your menu needs to appear If you wanted toappear in this area Just use primary menu and then click next Okay so now we can startadding items to our menu To add items Just click here and here you can see thepages which we have created Now select the pages whichyou want to add to your menu and now if we click here You can see that ourmenu has been created With the pages we selected So once you've done Just click publish and all the changeswill be saved and now if you click here You can see that ourmenu has been created Now if you click Contact You can see that wehave a contact page and if we click home We have our homepage So this is how youcan create your menu So Once you created your menu Let's go to the final stepof building your website Which is to change your logo Now here you can see that wehave the default Divi logo Now to add your own logo here just go here and click dashboard now click divi and here you willsee the logo option Now to add your logo Just click upload and then drag anddrop 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 changethe logo on your website So now you know howcan change your menu and your logo So next let's go to thebonus part of this tutorial we're going to see howyou can design your page Using Divi So we are going to see how youcan change different parts of your page Just like this So let's say you want to changethe design of your contact page Just like contact Now this is a pagewhich we built before Now to make changesto this page Just click enabledvisual builder and I will take youto this editing mode Now let's say you want tochange the size of this text Just click settings and then go to design and now you'll seedifferent places Where you can change the design Now as we want tochange that title Let's go to title text Now to change the textsize all you have to do is Just drag this slider and the text sizewill be changed Now in the same way If you want to change the font You can just click here and then selectthe font you want and once you're donewith all the changes Just click here and the changes will be saved So this is how you can changethe design of any item on your page Next Let's say you want toadd some space here All you have to dois just go here and then drag To add the space Okay so now you know how you canchange the design of this part But what if you want to changethe design of this entire section So to change thedesign of the section Just like settings here To make the sectionlook more nice We are going to go to design Now go to dividers then choose style and select anydesign you want Now if we drag the slider You can see that wehave got that design On our section So this is how you can changethe design of your section So once you're donewith all the changes just click save and now ifwe go to our contact page and click refresh You can see that We have got a new design here So this is how you candesign your page using divi So now you know how you cancreate a website using Divi In just a few minutes So to create yourwebsite using Divi You need to first launchyour wordpress site then setup theDivi in WordPress and then finallybuild your website Okay guy's Now if you're readyto start making your own website just click here and it will take you to thepage which we saw in first step Which is choosingyour website name So just choose your website nameand then build your website So make sure you subscribe towebsitelearners to get more videos like this one Thanks for watching I will see you inthe next video Be-bey