Create an amazing website using the Divi theme! In this tutorial I will show you step by step how to create a website using the Divi Theme. An amazing theme that contains a front end editor that makes creating websites easier and faster than ever before!

Demo Website:
Demo Files:

First I will show you how to get a domain name and webhosting. After getting that I will show you how to install and configure WordPress and get the Divi theme. After installing the Divi theme we will create the homepage using the Divi Builder.

The Divi builder is a front end editor that shows the result of your editing immediately. The Divi Builder works with Sections. In those sections you can place rows. Rows can have different amount of columns, and in those columns you can place modules. Modules like images, gallery, text, counter, contact form and more. Using Sections, Rows and Modules you can create your website with ease and save a lot of time im comparison with other themes and builders and editors.

Divi also has the possibility to import premade pages with a few clicks. That is a real timesaver! So just look at what kind of page you want to create, import a page like that and adjust it.

Besides the Divi theme you will get access to 80 other themes and a few amazing plugins! You can use the themes and plugins on unlimited websites and even can pay a one time fee so you can use all the themes and plugins inlimited times for the rest of your life! A great choice for webbuilders!

Overview with Timestamps:
00:00:00 Intro
00:00:17 What we will make
00:07:12 Get A Domain and Webhosting
00:10:37 Install WordPress
00:11:54 Optimize the urls for Search Engines
00:13:07 Change your username display
00:13:49 Clean up your WordPress website
00:14:42 Get the Divi Theme
00:16:24 Download and install Divi
00:17:37 Use your API key for automatic updates
00:18:24 Download the images I use in the video
00:19:16 Create Pages
00:21:17 Create A Menu
00:25:00 Change the Homepage settings

Create The Homepage Using Divi
00:25:48 Enable the Visual Builder of Divi
00:26:17 How Does The Visual Builder Work?
00:28:14 Create A Fullwidth Slider
00:37:37 Create a Services Section
00:42:25 Add an animation to a module
00:43:05 Create A Why Choose Us Section
00:45:11 Add Custom CSS to your module
00:47:40 Create A Who We Work For Section

Import Pages and Sections
00:49:52 Import a pre build page
00:51:37 Export a section as a template

Divi Theme Settings and Customizations
00:55:24 The Divi Theme Options / Upload a logo
00:56:12 The Divi Custom Colors
00:56:51 Add Social Media Links

The Them Customizer
00:57:53 The Them Customizer
00:58:59 Add a Site Icon
00:59:22 Change The size of the website and the boxed layout option
01:00:16 Adjust the website gutter width
01:01:26 Change the theme accent color
01:01:42 Typography
01:05:01 Change the menu appearance
01:10:59 Add and configure the top bar
01:12:52 The Footer Settings

The About Page
01:16:00:22 Create the about page
01:16:37:16 Import a premade page
01:18:16:19 Create a video background
01:19:50:17 Adjust the premade page
01:21:44:13 The Bar Counters Module

The Blogpage
01:27:13 Create a blogpost
01:28:00 Headers and Paragraphs explained
01:31:28 Style the text
01:32:11 Add an image
01:33:52 Add more modules to your blogpost
01:36:46 Add categories to your blogpost
01:37:25 Select a featured image
01:38:02 Create a blogpost using the WordPress editor
01:41:44 Change the publishing date
01:42:52 Change the blogpost view
01:47:01 Add a custom excerpt
01:49:33 Add a comment to a blogpost

The Sidebar
01:50:16 Add sidebar widgets
01:51:16 Add the Facebook Likebox widget

Latest Project/Portfolio Page
01:53:48 Add a portfolio item
01:59:56 Save the portfolio item page as a template
02:03:49 Import the Portfolio page
02:12:21 Add custom CSS to the portfolio page

02:15:33 Finish the homepage
02:20:38 Add the footer (and footer widgets)
02:24:08 Create the services page
02:29:36 Create a contact form
02:32:10 Create the contact page
02:36:41 Create a Google Api key for Google Maps

    28 replies to "How To Create A WordPress Website | Divi Theme"

    • WAHB 50YY

      Definitely the best Divi TUT I have come across, I have bought the life time package and it was just sitting there for 4 months unused… Your video gave me the push I needed, I can't thank you enough!

    • maldit0x

      just thanking you for making a well explained tutorial

    • Sarosh Ahmed

      All themes are free???

    • Truyền Biện Văn

      Hello. I used this theme for my website, and I have a problem with contact form, can you help me.

      I run Google Ads for my website and sometimes I receive empty mail, with no information. I tried fill contact form by myself, it runs normally. So I dont know where empty mail comes from?

      Thank you very much. (Sorry because my English is not very good).

    • Anis Azam

      I am watching right now and hopefully will buy Divi and start creating my website. Thank you so much, Ferdy, for all the help.

    • Adeshina Ajibola

      Pls can you kindly upload the DIVI page builder to download for free….Can you cover tutorials to make it responsive on mobile

    • Lisa Du

      I am from China,I will learn how to build a website,to sell my cnc machines,haha

    • Lisa Du

      thank you very much,very useful


      Thank you for this it's great cos you show the common path to do things while providing extra stuff to go further all in a relatively short video I will check the 2019 tutorial to find out new stuff hopefully


      Great stuff

    • Abas Kisekka

      Man your a nude in this field

    • watomo youla

      Hi, I just discover your YT channel and I thank you so much for your tutorials. I'm a brand new subscriber. Merci encore pour tout. C'est très apprécié.

    • Михаил

      акцент есть но все понятно)

    • Tofael Ahmed

      Brother your tutorial so very helpful . Thanks for tutorials . DIVI Theme all tag Explain video …
      i have collect some video of your . But here videos not Complete a all tag Explain .

    • Jawid Mahir

      Great ferdy i am enjoying your videos thanks so much #Mahir from Afghanistan

    • Cosmin Anton

      Nice video and thank's for the info! But man, you killed me with FOUR , FOUR, FOUR……FOUR……FOUR…….FOUR :)))))))))

    • Hayley McMillion

      Thank you so much for this video! It is really helpful and I learned so much

    • gamesINN

      How to put dummy content in divi theme ? Reply ASAP,Thanks

    • ali khalid

      Love your videos man. 💓

    • Saiful Islam

      Love from Bangladesh

    • bert wesler

      Do you have Premier Pro vids?

    • Mr albert

      Thanks so much bro, this tutorial is definitely among the best i have ever watched. I just found something i have been looking for long to do. Thumbs up for you my man.

    • Mireille Wezendonk

      Supertof! Jij bent mijn Divi held!!!

    • Jack-Yves Deschamps

      Vous êtes le meilleur ! (You are the best !)

    • junaid akhter

      You are a great a make a website after watching and learning your video thanks,

    • LimeCrafts Productions

      can you share the divi theme

    • Usman Mumtaz

      Hi Ferdy… I am new to Divi builder. When ever i make custom website on my desktop, it works fine. But when i open the same website on laptop, most of the setting gets crumble. If I try to resolve on laptop, it gets crumble on desktop. 🙁 How to resolve it…

    • Aminul Islam Joy

      Wow really good tutorial. Great job broo

Leave a Reply

Your email address will not be published.