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
How To Create A Wordpress Website 2018 | Divi Theme#wordpressthemes
Comments
Post a Comment