How To Make A WordPress Website 2017 | Divi Tutorial

///How To Make A WordPress Website 2017 | Divi Tutorial

How To Make A WordPress Website 2017 | Divi Tutorial

FavoriteLoadingAdd to favorites

Special discount offer! 70% discount at hostgator!!
http://wp-king.com/hostgator-discount/

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:

Mailchimp Tutorial:

SEO Tutorial

Thanks guys and goodluck! beginners

49 Comments

  1. FAWAD HASSAN April 26, 2017 at 9:21 pm - Reply

    hello brother i am a little confused between two of the themes that you told about one is that enfold one and this divi one. which one is the better and best one. bcz currently i am running sydney child theme and recently i made a website so i wanted to upgrade so which one is the best one to get with video uploading capability and everything. waiting for your reply. Thank you :).

  2. Zeeshan Tariq April 26, 2017 at 9:23 pm - Reply

    great (y)

  3. Leonardo Jr Go April 26, 2017 at 9:23 pm - Reply

    Subscribing!

  4. DiaGraphics April 26, 2017 at 9:25 pm - Reply

    At 1:46:26 you were so close to answering what i came for. But how do you change the icon across every page. It can only change the color. I mean on the "shop" page the shop isnt put in as a module, so you cant use the advanced design option for the module :/

  5. Beagle Line Biased April 26, 2017 at 9:29 pm - Reply

    This is amazing, thank you so much!

  6. Tom Wright April 26, 2017 at 9:31 pm - Reply

    Excellent Divi 3 tut – keep em coming.

  7. OerTube April 26, 2017 at 9:32 pm - Reply

    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

  8. Yvonne van Leeuwen April 26, 2017 at 9:33 pm - Reply

    Thanks so much Ferdy for an awesome tutorial. So well explained. Hoping that my divi build experience seems as straight forward as your tutorial!

  9. Mike Powell April 26, 2017 at 9:33 pm - Reply

    Can I increase the size of my LOGO?  Having some difficulty.

  10. Craige Hardel April 26, 2017 at 9:34 pm - Reply

    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

  11. Zeeshan Tariq April 26, 2017 at 9:36 pm - Reply

    Thank you 🙂

  12. Tom McCarthy April 26, 2017 at 9:36 pm - Reply

    will this support sliders?? Thank you

  13. s ss April 26, 2017 at 9:38 pm - Reply

    If, and only if, you didn’t push a paid theme.

    Wasted my time until I realized this was yet another plug to sell shit.

  14. Hulu Dudu April 26, 2017 at 9:38 pm - Reply

    Awesome!

  15. Deer Mountain Creations April 26, 2017 at 9:38 pm - Reply

    Great tutorial Ferdy! I have been using Divi for quite a while – well, from the beginning… and even so, I really learned a lot from your video =D Very well done! Looking forward to many more –

  16. Andrey Filin April 26, 2017 at 9:39 pm - Reply

    Hello, everyone masters!
    Who can help me?
    Can I set up a blog in Divi_3_theme options as in the picture?
    See attached picture: https://cloud.mail.ru/public/Aeb1/NybttCqdA
    Sorry if this is off topic.
    But I want to know before buy Divi_3.
    I would be very grateful for the informative answer.

  17. isi soft April 26, 2017 at 9:39 pm - Reply

    Respect WPKING your are my best

  18. Deepti Daryanani April 26, 2017 at 9:41 pm - Reply

    This is a Great tutorial. Thank you!

  19. Deepti Daryanani April 26, 2017 at 9:41 pm - Reply

    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.

  20. Saleeth Nisar April 26, 2017 at 9:42 pm - Reply

    great tutorial! loved it

  21. Isabel Sánchez April 26, 2017 at 9:43 pm - Reply

    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!!!

  22. Blake Bueno April 26, 2017 at 9:43 pm - Reply

    what would happen if i delete my elegant theme account after I finished my website?

  23. Miss A April 26, 2017 at 9:44 pm - Reply

    How come after creating the website from a pc, it’s not showing on mobile. It only shows the codes

  24. Karim 07 April 26, 2017 at 9:49 pm - Reply

    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:)

  25. Hk Laptoplifestyle April 26, 2017 at 9:49 pm - Reply

    Hi mate how i can make my site logo not to move or changing size when i scrolling up nd down is there any settings for that thank you

  26. Ken Stovall April 26, 2017 at 9:49 pm - Reply

    If I need to delete my current work and start over completely on my current theme how would I do this ??

    Thanks !!

  27. Tom McCarthy April 26, 2017 at 9:49 pm - Reply

    this is free

  28. Britney Strum April 26, 2017 at 9:51 pm - Reply

    Thank you so much for the amazing content, Please I’d like to know if Divi theme 3.0 is compatible with Yoast SEO

  29. Anna Mhina April 26, 2017 at 9:52 pm - Reply

    This guy is film actor Dolph Lundgren

  30. Saim Ali April 26, 2017 at 9:52 pm - Reply

    i am new in wordpress can any one help me out i am not able to fine the editor option in my chrome browser
    thanks

  31. Tân Hoàng Đức April 26, 2017 at 9:55 pm - Reply
  32. lisaraecrowoman April 26, 2017 at 9:58 pm - Reply

    This tutorial is phenomenal! So very thorough and helpful. I thank you and salute you!

  33. Miro Tóth April 26, 2017 at 9:58 pm - Reply

    Hey Ferdy… I would like to know your opinion… what is in the better theme for you, Enfold or Divi 3.0? What do you prefer, or what you like on Enfold that Divi is lacking and vice versa… thanks!

  34. saddamhossain April 26, 2017 at 10:01 pm - Reply

    sourse file

  35. Philip Redmond April 26, 2017 at 10:02 pm - Reply

    Hi, thanks for the tutorial.
    The issue I have been having which was making things very frustrating was when trying to make my full-width slider it was not being as responsive as I would have expected. Every time I got it right on one computer it looked terrible on iPhone or laptop, I tried adding code and adjusting so many things, spent hours just trying to complete this task. I am using version Version: 3.0.24 so don’t know if the updated version fixes this but I am hesitant to upgrade to update as I was given this version and can’t find the product key. Do you know if the new version is as responsive as enfold or is it still a working progress? Thanks

  36. Piash BEE April 26, 2017 at 10:02 pm - Reply

    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.

  37. Tom Hailey April 26, 2017 at 10:05 pm - Reply

    Thank you!
    So very well done.

  38. Laercio Civali April 26, 2017 at 10:06 pm - Reply

    At 2:18:53 video position, when you start to create About page, you refer to eleganttheme example so a minute further suddenly the page becomes complete with the example, without had to made it, I didn´t realize how you do that?

  39. Neelu Singh April 26, 2017 at 10:07 pm - Reply

    how to generate random code for customers after purchasing items in wordpress?

  40. Romer Carraso April 26, 2017 at 10:08 pm - Reply

    Hello friend, first of all, I congratulate you for your tutorial. It’s very good. I’ve learned a lot with this divi designer. I wanted to ask you how I can create a login for users to register and publish news or posts in a tab I have designed for that part. As I would in that case. First of all, Thanks

  41. Jesse Michael April 26, 2017 at 10:08 pm - Reply

    I recently built my website with Divi. Take a look! http://bigtimetop10.com/

  42. Yashpal Khanna April 26, 2017 at 10:09 pm - Reply

    Great video !!!!! Thanks a ton….

  43. Michele Di Giacomo April 26, 2017 at 10:09 pm - Reply

    Fantastic! where I found : divi visual builder? thank you

  44. A FÓRMULA DO SUCESSO MARKETING MULTINÍVEL April 26, 2017 at 10:09 pm - Reply

    Hello my friend, I really wanted your help, I created a website, I have not really been able to create it, I’m Brazilian and I’m very difficult on the DIVI theme, which here in Brazil is still the first version, could you help me, grateful

  45. bodhisattva April 26, 2017 at 10:10 pm - Reply

    This is so helpful! Thank you so much!

  46. Gourav Mittal April 26, 2017 at 10:11 pm - Reply

    can you tell me about how many type of themes available like divi theme,themify ultra…..and what is difference basically between them.

  47. MuslimShoutOut TV April 26, 2017 at 10:12 pm - Reply

    Thanks for this. I think native english speaking tutorials go wayyyy tooo fast so thanks for the divi noob like me 🙂 subscribed!

  48. Richard Asaolu April 26, 2017 at 10:15 pm - Reply

    Hi WordPressKing.
    Concise and self explanatory.
    Thank you for contributing to ET/Divi Community.

    From Nigeria with love.
    Rich

  49. Nisme Castro April 26, 2017 at 10:18 pm - Reply

    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!! 🙂

Leave A Comment

*