November 19, 2019
How To Create A WordPress Website – Divi Theme

How To Create A WordPress Website – Divi Theme


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

100 thoughts on “How To Create A WordPress Website – Divi Theme

  1. Hi, i really like you video editing. can you guys make a tutorial that how you edit your videos!!! 🙂

  2. This is like the best tutorial I have seen so far for Divi!! Well explained in a calm and helpful way to follow directions. You are very good with instructions. I would love a playlist just for more Divi tutorials. I would pay a course for Divi Tutorias from you!

  3. Sir mere pass ek website he or me us website me Kon see vendor ko add karu kise normal wholesaler ko ya kisi company ko please guide me

  4. #1
    Brother build the next video on how we add messaging button below all our products
    Bro my english is low but please make a video this topic. Within two days
    Most important bro

  5. #2 comment
    How to add a sign up and login button on my website.
    Please make video this topic please please please

  6. #3
    make video
    MailChimp FREE Email Marketing Tutorial with Automation, A/B Test, eCommerce Features, etc

  7. Great Work Brother !
    This is soooo much helpful for me.
    Could you please tell me how you make your videos ? Means which software you use 🙂

  8. Sir make next video using "how to add any payment gateway in wordpress '' title and use all the steps that may useful for above thing.

  9. Start Here ➜ https://websitelearners.com/how-to-make-a-divi-website/#start

    Get Divi Theme ➜ https://websitelearners.com/get/diviofferp

    Get the best tools for your website ➜ https://websitelearners.com/tools/

    Video Gear We Use: https://kit.com/websitelearners/video-gear-we-use

    Our Video Editing Tool: https://bit.ly/2Od546p

    We're Hiring: https://websitelearners.com/careers/

    Want your website developed by us? Email us your requirements to [email protected]

    Follow Us on Instagram: https://www.instagram.com/websitelearners/

    Or Facebook: http://fb.me/websitelearners

    Or Twitter: https://twitter.com/websitelearners

    Business inquiries: [email protected]

  10. I loved your all videos it is an easy way to understand .. ❤👌
    Please make a whole video on Seo..
    Extraordinary work ..👌

  11. Your all videos are so helpful. Keep it up guys. Make a video on different ways to monitize our web site or how we can earn from it.

  12. So i am assuming you must have your own shopify store right? You are so good at it that there is no doubt you have one.

  13. Sir how to download wordpress site to our local machine which we have created on local wordpress…….

    Sir please make a video…

  14. Hi dude kindly can you tell me that divi in which language use this please word press or HTML CSS ….i am learning word press… Kindly help me in this language…
    Can you reply me when I need your help..?????

  15. respected website learners team your videos have really helped me and my partner to move forward our small business but its not the end we would like to have a multi vendor video like how can we create a multi vendor videos like existing ecommerce website a*** and f****

  16. I have a question only my website is not reachable
    I try ipconfig from cmd satrt wnd …to reset and renew ip … Dns but it still like this and when i use dns i can't login it to cpanel and wordpress just by vpn

  17. Love from Pakistan! Fantastic teaching Sir 🙂 btw the video felt like ASMR at some point :p I was probably feeling sleepy 😀

  18. Wow so you are here selling what other people already selling that stuff!! I am sure few people fall for it.
    But this the way you started the video you made it sound like going to your website was the only way.

  19. Hello is is comment ka reply jrr dena sir,,, mane hostinger se domains kharid liya lekin usko web hostaing kasek are aur aage ki process nhi mlm h sir,,, plz sir help🙏

Leave a Reply

Your email address will not be published. Required fields are marked *