Within this tutorial I demonstrate steps to make an incredible website while using Divi theme! I will highlight step-by-step how to produce a website while using Divi Theme. An incredible theme which contains a front finish editor which makes creating websites simpler and faster than in the past! Divi included a current update that allows you to make websites even faster! I wil cover that within this tutorial!
Example website: https://divi5.com
Demo Files: https://ferdykorpershoek.com/create-a-wordpress-website-using-the-divi-theme/
Webhosting: http://webhosting126.com
Much like me on Facebook: https://world wide web.facebook.com/FerdyKorpershoek/
The Divi builder is really a front finish editor that shows caused by your editing immediately. The Divi theme includes 80+ other styles along with a couple of amazing plugins!
Making websites never was very easy because it is this very day! For those who have an issue, please leave a remark!
Overview with Timestamps:
Intro
00:00:15 Summary of the tutorial
00:07:08 For who’s is that this tutorial?
00:08:13 Obtain a domain and webhosting
00:12:53 Install WordPress
00:15:49 Cleanup 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 recption menus
00:24:00 Alter the homepage to.a static page
00:24:41 Introduction on Styles
00:25:39 Obtain the Divi Theme
00:25:56 Exactly what do you receive using the Divi theme?
00:28:25Install the Divi theme
00:29:44 Configure the API Key
00:30:34 Use images I personally use within the tutorial
00:31:02 Upload a emblem and Configure the Theme Options
00:32:25 Social Icons
00:32:25 Other Available Choices
00:33:27 Google Analytics
00:34:27 Alter the emblem size
The Visual Builder
00:35:10 Explenation from the layout
00:37:05 Developing a blurb
00:39:09 Duplicate Modules
00:39:51 The Editor View
00:40:46 Summary of the choices within the Visual Builder
00:42:27 Display options from the Visual Builder
00:42:48 Zoom To Drag
00:43:14 Switch to tablet or smartphone view
Produce The Homepage
00:43:47 HeaderSlider
00:45:54 Working with backgrounds
00:49:51 Produce a Video Slide
00:54:52 Import Custom CSS to create your site extra
00:57:06 Import Section Options
00:58:18 The Blurb Module
01:03:46 The Recording Module Described
01:04:48 The Written Text Module Described
01:07:17 The Gallery Module Described
01:10:01 The Button Module Described
01:13:04 Save a Module/Section for your library
01:14:11 Change the appear and feel of sections and modules
01:18:11 Use Custom CSS to create your modules
01:23:40 Produce a simple clients section
01:25:16 Zoom to drag areas inside your website
01:26:35 Configure the responsive visibility of areas inside your website
01:26:55 Use 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 backdrop from the website
01:41:19 Configure recption menus
01:42:01 The Main 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 aimed at your website
About Page
01:55:24 Import Pre Made Layouts
01:56:50 Import a relevant video Background
02:03:24 Produce A Custom Footer
02:08:12 Adjust the Socket within the Footer
02:09:08 Add links for your Socket
02:10:54 Change the appear and feel of the area inside a couple of clicks
The Help Page
02:13:10 Import a Pre Made Template
02:14:08 Change images while using Divi Filter
02:15:43 Use Fluid Styles in order to save considerable time
The Portfolio Page
02:18:36 Produce a Portfolio Item
02:20:15 Produce a Gallery
02:20:42 Optimise Images Search engine optimization
02:23:16 Produce a related projects section
02:26:25 Save your valuable project like a template
02:26:49 Produce a second portfolio item
02:29:03 Produce a third portfolio item
02:31:18 Configure the portfolio page
Your Blog Page
02:36:34 Configure your blog page
02:37:00 Produce a fblogpost
02:38:40 The excerpt text
02:39:10 The Written Text Editor headers sentences
02:43:22 Style your blogpost
02:46:45 Give a link
02:48:15 Add Images
02:52:17 Use custom CSS to eliminate the sidebar border
02:54:02 Make use of the live editor to create a blogpost
02:56:32 The Countdown module
02:58:27 Alter the postdate or schedule blogposts
03:00:05 Configure your blog page
The Sidebar
03:07:44 Sidebar Widgets
03:08:49 The Facebook Likebox Widget
03:10:33 Blogpost Comments
The Contact Page Form
03:12:44 Give a free image and optimise it in WordPress
03:15:26. The Proactive Approach Module
03:16:36 Add 3 blurbs
03:19:30 Google’s Maps Module
03:19:43 Obtain the Google API Key
03:21:11 Configure google’s Maps Module
03:23:19 The Contact Page Module
The Homepage
03:25:19 Add Newest Posts around the homepage
03:26:34 Add Newest Projects around the homepage
Responsiveness
03:28:05 Help make your website much more responsive
03:37:05 What’s next?
03:37:22 Many thanks
