In this tutorial I show you how to make an amazing website using the Divi theme! 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! Divi came with a recent update that enables you to make websites even faster! I wil cover that in this tutorial!

Example website: https://divi5.com
Demo Files: https://ferdykorpershoek.com/create-a-wordpress-website-using-the-divi-theme/
Webhosting: http://webhosting126.com
Like me on Facebook: https://www.facebook.com/FerdyKorpershoek/

The Divi builder is a front end editor that shows the result of your editing immediately. The Divi theme comes with 80+ other themes and a few amazing plugins!

Making websites was never so easy as it is this day! If you have a question, please leave a comment!

Overview with Timestamps:
Intro
00:00:15 Overview of the tutorial
00:07:08 For who’s is this tutorial?
00:08:13 Get a domain and webhosting
00:12:53 Install WordPress
00:15:49 Clean Up WordPress
00:16:40 Configure the Permalinks
00:17:24 Remove blogposts
00:17:47 Change User Settings
00:19:23 Create Pages
00:20:53 Create and Assign the menu
00:24:00 Change the homepage to.a static page

00:24:41 Introduction on Themes
00:25:39 Get the Divi Theme
00:25:56 What do you get with the Divi theme?
00:28:25Install the Divi theme
00:29:44 Configure the API Key
00:30:34 Use images I use in the tutorial
00:31:02 Upload a logo and Configure the Theme Options
00:32:25 Social Icons
00:32:25 Other Options
00:33:27 Google Analytics
00:34:27 Change the logo size

The Visual Builder
00:35:10 Explenation of the layout
00:37:05 Creating a blurb
00:39:09 Duplicate Modules
00:39:51 The Editor View
00:40:46 Overview of the options in the Visual Builder
00:42:27 Display options of the Visual Builder
00:42:48 Zoom Out To Drag and Drop
00:43:14 Change to tablet or smartphone view

Create The Homepage
00:43:47 HeaderSlider
00:45:54 How to work with backgrounds
00:49:51 Create a Video Slide
00:54:52 Import Custom CSS to style your website extra
00:57:06 Import Section Options
00:58:18 The Blurb Module
01:03:46 The Video Module Explained
01:04:48 The Text Module Explained
01:07:17 The Gallery Module Explained
01:10:01 The Button Module Explained
01:13:04 Save a Module/Section to your library
01:14:11 Change the look and feel of sections and modules
01:18:11 Use Custom CSS to style your modules
01:23:40 Create a simple clients section
01:25:16 Zoom out to drag and drop areas in your website
01:26:35 Configure the responsive visibility of areas in your website
01:26:55 Work with animations
01:29:04 Load From Library | Pre Made Layouts

01:35:14:16 Divi Theme Settings
01:35:53 Boxed Layout
01:36:20 Website Width
01:36:30 Gutter Width, Section Height and Row Height
01:38:26 Typography
01:40:15 Configure the background of the website
01:41:19 Configure the Menu
01:42:01 The Primary Menu
01:44:27 The Fixed Menu
01:46:25 The Secundary Header
01:48:14 Button Styles
01:48:49 Responsive Settings
01:50:24 Additional CSS
01:50:31 Create beautiful dividers

01:53:12 Verify Your Domain
01:53:50 Add SSL to your website

About Page
01:55:24 Import Pre Made Layouts
01:56:50 Import a Video Background

02:03:24 Create A Custom Footer
02:08:12 Adjust the Socket in the Footer
02:09:08 Add links to your Socket
02:10:54 Change the look and feel of an area in a few clicks

The Services Page
02:13:10 Import a Pre Made Template
02:14:08 Change images using the Divi Filter
02:15:43 Use Fluid Styles to save a lot of time

The Portfolio Page
02:18:36 Create a Portfolio Item
02:20:15 Create a Gallery
02:20:42 Optimise Images | SEO
02:23:16 Create a related projects section
02:26:25 Save your project as a template
02:26:49 Create a second portfolio item
02:29:03 Create a third portfolio item
02:31:18 Configure the portfolio page

The Blog Page
02:36:34 Configure the blog page
02:37:00 Create a fblogpost
02:38:40 The excerpt text
02:39:10 The Text Editor | headers | paragraphs
02:43:22 Style your blogpost
02:46:45 Add a link
02:48:15 Add Images
02:52:17 Use custom CSS to get rid of the sidebar border
02:54:02 Use the live editor to make a blogpost
02:56:32 The Countdown module
02:58:27 Change the postdate or schedule blogposts
03:00:05 Configure the blog page

The Sidebar
03:07:44 Sidebar Widgets
03:08:49 The Facebook Likebox Widget

03:10:33 Blogpost Comments

The Contact Page
03:12:44 Add a free image and optimise it in WordPress
03:15:26. The Call To Action Module
03:16:36 Add 3 blurbs
03:19:30 The Google Maps Module
03:19:43 Get the Google API Key
03:21:11 Configure the Google Maps Module
03:23:19 The Contact Form Module

The Homepage
03:25:19 Add Most Recent Posts on the homepage
03:26:34 Add Most Recent Projects on the homepage

Responsiveness
03:28:05 Make your website even more responsive

03:37:05 What is next?
03:37:22 Thank you so much


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

    • Hass Asraf

      Really this guys is so so talented. thanks a lot for your awesome video

    • Canada Best International Education Services

      Thank you Ferdy! You have provided us with so much helpful information I am building a new website with your great tips and teachings! Excellent video, I can highly recommend it to anyone anytime. Thanks for sharing!

    • Mst Deluara Khatun

      Really Great Video. You are Great Man.

    • nitin rajvansh

      I Follow Ur Steps But The Problem is That I am Not Getting "Enable visual builder not showing" Please Help Me What to do, I am stuck with this issue from last 5 Days,

    • GB Happy Star

      Hello, can you please show how we can sell web site to another person- how it goes with transfer of data and everything else- do we have to show this person how to buy domain and hosting when time for new payment come…

    • Anony mOus

      Lets talk about exploits?

    • votre profil

      This is a great tutorial ,Thanks mate

    • Faith Nte

      This guy's video helped me in 2018 when i was working with a client. His video on newspaper 8 was a game changer.

    • Matteo Borelli

      Amazing tutorial, thank you!

    • Md Imran Hossain

      You are really great Ferdy….carry on dude

    • Mahedi Hassan Pranto 1610268042

      Ferdy bro i want to know that is there any video series about divi theme part by part tutorial? what you made about enfold theme? i mean every section you made video of enfold theme

    • Surendra Nath

      Hi fredy, which tool you are using to create your video thumbnails ?

    • jay gom

      You are the answer to all my questions and the solution to all my problems with Tutorial. God placed ahead of me to solve this one. You are a legend. Thanks

    • Zhenya & Vlada - House of Creators

      I started with this tutorial and now I'm quite good with Divi and even have clients to build their websites with Divi. Thank you for this awesome tutorial man 🙂

    • Dnyaneshwar Mahajan

      How to add whatsapp business catalogue in my wordpress side

    • The Goat

      Hi quick question, if i pay for the 12 mo domain, does it renew?

    • Anjali M

      Object not found!

      The requested URL was not found on this server. The link on the referring page seems to be wrong or outdated. Please inform the author of that page about the error.

      If you think this is a server error, please contact the webmaster.

      Error 404

      localhost

      Apache/2.4.41 (Win64) OpenSSL/1.1.1c PHP/7.4.3

      y this error coming

    • Juwel Rana

      you're amazing Ferdy

    • SZ Editor

      Is this theme free

    • AQ Graphics

      A Really good Man who told everything about WordPress Web Site. I Saw very first time to the man on this You tube and i inspire to see this guy. Thanks Ferdy Korpershoek send me your more videos to make knowledge for us..

    • omar ara

      من میخوام برای سایتم divi بزارم. قدرمتند وزیباست

    • Sayali Loves Life!!

      Hey Ferdy!!
      Great Tutuorial.
      This is my first time with wordpress. Someone suggested me Divi. I purchased it and going through your this tutorial……You are amazing Teacher.Your instructions are clear and so helpfull. I am making my website and it looks so awesome only because of you.
      I just stucked at one place. As comment section appears after the post in your blog posts , In the my website's blog posts I am unable to have that comment section .
      It will be greatfull if you help.
      Thanks for the tutorial again.

    • Patrick Witberg

      Hoi Ferry.
      Kan ik Divi gebruiken in meerdere WordPress Accounts?

Leave a Reply

Your email address will not be published.