Learn how to make a WordPress website with the Divi Theme 3.0. This theme stands out from others themes because of the new Visual Page Builder! You see immideatly what you edit in your website. No more backend editting.
Get a Domain name and Webhosting: http://hostgatordc.com/
Divi Theme: http://wp-king.com/divi-theme/
Use Coupon Code WordPressKing for the first month for $ 0,01
Use Coupon Code WordPressKing25 to geat at least 25% on the entire plan
Get the Divi Theme: http://wp-king.com/divi-theme/
Download the images I use in this tutorial: http://wp-king.com/wp-content/uploads/Divi3.zip
Divi Theme Example Pages: http://elegantthemes.com/preview/Divi/
A few people asked my to take a look at the Divi theme and make a tutorial about it. So I decided to do so. I am amazed by the Divi Theme! The 3.0 Page Builder is amazing! Making websites this way is more fun and faster than ever before! With this ground breaking page builder you can design your website the way you want it! No more going back between the front end and the back end. Now you SEE what you are editing or making!
In this tutorial I show you step by step how to Divi Theme 3.0 works and how to create a beautiful website! The demo website can be found here: divi4.com
Overview of the video:
00:00 Intro
07:31 Get a Domain and Webhosting
10:45 Install WordPress
12:39 Clean up/organize the backend of your website
14:47 General Settings
16.51 Get the Divi Theme
19:22 Install the Divi Theme
20:35 Create pages (Home, About Us Etc.)
21:48 Create and configure the menu
Divi Theme 3.0
25:48 Configure the Divi General Settings
29:31 Introduction to the Divi Visual Builder. Sections, Rows and Modules.
31:21 Create the Homepage with the Divi Visual Builder
59:09 Lead a template from Divi and adjust it to your desire
01:02:53 Create a video background
01:15:24 Customize your website using the Theme Customizer
01:20:21 Customize the Header and navigation
01:25:27 Customze the footer area
01:26:59 Configure the Latest Work Page
01:29:55 Create your first ‘Project Page’
01:33:51 Create a Gallery in the Visual Page Builder
01:36:18 Create Project Categories
01:36:55 Create a Video Project
01:38:52 Schedule a Project page or post
01:43:19 Filter Project Display based on category
01:44:09 How does the Module Customizer Work
01:46:25 Add widget area’s in the footer
01:47:49 Add a Facebook plugin for the widgetarea
01:49:48 Add a blogpost
01:50:27 The basics of the Text Editor (Header, paragraphs, adding photo’s)
02:00:53 Configure Individuel Post Settings
02:02:30 Configure the blogpost categories
02:03:37 The basics of the Sidebar
02:08:10 Configure the blogpage
02:10:11 Change the exerpt of a blogpost
02:11:20 Change the style of your blogpage
02:17:02 The Most Recent Blogpost Widget
02:18:47 Create the About Page
02:27:01 Create the Contact Us Page. A lesson about the Divi Sections, Divi Rows and Divi Modules.
02:34:25 Thank you and congrats!
Follow up tutorials:
WooCommerce Tutorial:
https://www.youtube.com/watch?v=IMT7WDZ3J5E
Mailchimp Tutorial:
https://www.youtube.com/watch?v=4ESgzrNn6Rc
SEO Tutorial
https://www.youtube.com/watch?v=0SF1a3jDCC8
Thanks guys and goodluck! beginners
can you tell me about how many type of themes available like divi theme,themify ultra…..and what is difference basically between them.
This tutorial is great! But… I do have a problem at 23 min. 42 sec. If I click on latest work, the permalink is fine, but I get an error "404 not found". I build a few wordpress sites before, never a Divi, this is the first time I get this error. Can you help me out please? By the way, I'm dutch also, but in case anyone else has the same problem, better talk english
This is so helpful! Thank you so much!
Thanks for this. I think native english speaking tutorials go wayyyy tooo fast so thanks for the divi noob like me 🙂 subscribed!
If I need to delete my current work and start over completely on my current theme how would I do this ??
Thanks !!
i have some problem with uploading vedios.wordpress saying can not upload vedios more than 2 mb.how can i upload 10/15 mb vedios.
Hi ferdy! I've bought enfold but now i have some requests i cant not solve with it, i'm thinking about buying divi, but i need advise, do you hAve idea if i can do the following with this theme? I have a client a she wants the following:
1- she wants several pages, each of the pages she wants to be in different colours, i mean one page in blue, other in orange, red, etc.. I was wondering if i can change the colour of the font for each page, because she wnats to highlight ramdom words for ecah page in the correspondant colour. (you know whay i mean?)
2- in the menu, i would like to hoover and maintain the colour corresponding for the page. I mean, if that page is in red, i’d like to have the link menu in red, that supposed to be different colours for each link.
3- she wants to put diagrams in the pages. For example, a big circle (In blue colour) in the middle of one page and over that circle, put some text.
really appreciate your support.
regards and Merry Xmas!!!
Subscribing!
Fantastic! where I found : divi visual builder? thank you
This is amazing, thank you so much!
great tutorial! loved it
this is free
will this support sliders?? Thank you
Hi! First of all, thanks for the tutorial. It's amazing. I was wondering why you use custom links for the dropdown menus instead of normal pages?
Hope you can respond & thanks!! :)
Great video !!!!! Thanks a ton….
This tutorial is phenomenal! So very thorough and helpful. I thank you and salute you!
Thank you :)
great (y)
This is a Great tutorial. Thank you!
This is helpful. Thank you for sharing this tutorial. I've got stuck in one area. I was working on a page through the visual builder and then took a break. When I tried to edit the page again, I am not seeing the visual editor in the front page. I am also not seeing the backend default editor. I can only see Revisions column and other sections in the edit page. Can you please help me in locating what is it that I need to correct for me to see the visual editor and default builder ? I did safe my previous work but cannot edit further.
How come after creating the website from a pc, it's not showing on mobile. It only shows the codes
I'm trying to have my logo fit perfectly into the menu. How should I do this? is it the menu that needs to be resized. Website: craigehardel.com
Goedemorgen WordPress King;)
Question: What do you say about the technique of the Divi theme when it comes about SEO.
I heared someplace else that the previous divi themes, were not the best for SEO purposes(i thought they meant cause of the shortcode technique)
Any experience or knowledge in this please?
Alvast bedankt:)
Hi WordPressKing.
Concise and self explanatory.
Thank you for contributing to ET/Divi Community.
From Nigeria with love.
Rich
Thank you!
So very well done.
Awesome!
I love the way you explain things.
Waiting for more tutorials on Divi theme.
And please create some more tutorial on Divi theme specially complete e-commerce tutorial on Dvi.
Finally, you made a great tutorial on Divi theme. It is amazing. Million thanks!
when I upload the theme – wordpress at the file is TOO LARGE