NEW TUTORIAL AVAIALBLE: https://www.youtube.com/watch?v=1l5OnKj_-5Q
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: http://divi2018.com
Demo Files: http://ferdykorpershoek.com/how-to-make-a-wordpress-website-divi-theme-3-0/
Webhosting: http://webhosting125.com
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
In My Divibuilder there isnt a category called Animation. Is that an additionally Plugin?
It's the best tutorial I've ever seen in my life, thanks for being very professional, greetings from Barcelona
I can build a website if someone is interested
What about lightboxes?
Hey Ferdy! Wat een waanzinnig goede tutorial zeg! Ik heb er erg veel aan, en wat fijn dat je jouw kennis wilt delen. Ik heb echter wel een vraag over het contactformulier, ik krijg het niet voor elkaar invulvelden naast elkaar te zetten. Maar daar ga jij mij vast op antwoorden! Alvast bedankt!
awesome tutorial sir
very good video! I visited the webpage you build in the movie and it became a bit strange when you look through a phone. The text on Picture two in the slide show disappears from the screen and a text further down flows together. Can you optimize it better for your mobile? Sincerely
I have a client & I Got him setup with a server and got his domain secured through godaddy but my problem is I setup my WordPress through the WordPress.com & I wanted to setup through WordPress.org so I could use the elegant themes for free but how do you switch it to WordPress.org do I have to go through the process again & restart everything?
I’ve been messaging all 3 companies & nothing has really helped & I just think I need someone to talk me through the process if possible.
I’m 17 years old & I really don’t want to mess up on my first job
I took all the videos on how to do it step by step but I’m confused on what exactly I should do I would really appreciate if anyone has a solution. Thanks!
This video is really amazing. It's very useful for me.Thank you so much.I am waiting for your next video.
Ferdy, quick question. You have three web sites in WordPress can I assume you configured WordPress for multiple sites. If so was it simple enough to do? Thanks man. Garry.
Awesome work Ferdy, I have avoided WordPress for a long time simply because I don't have the time to sit and build web site in it manually. DIVI theme makes life much easier but your tutorials save me Soooo much more time, Thanks Man! 🙂
Ferdy heel erg bedankt voor je tutorial man! ik heb alleen een probleem bij 00:25:48 ik zie geen knop met enable visual builder? hoe kan dat
Which is better DIVI or ELEMENTOR? I need to make a decision
Thnk you…. For alll
The visual builder is not working in my case. It says plugin conflict but I tried deactivating all plug-ins it still doesn't work. Can you suggest why?
It is not closed captioned for the deaf. Hope someday you will add. Good luck!
is it possible gradient overlay on background pictures
Hi Ferdy, (here from Chile, sorry my English 😉 I have a problem with the name of my pages on divi (SLUG) , i can´t change slug name. All my new page are asigned (-2) , example: newpage = newpage-2 , i dont want have -2, understand me? Thanks Very Much !
Such an amazing website. You've saved me a lot of money.