4.77 out of 5
4.77
136 reviews on Udemy

The Complete Divi Course For WordPress

Master the Divi builder for WordPress | Learn how to build any website with WordPress & Divi without programming!
Instructor:
Tanzeel Ur Rehman
808 students enrolled
English [Auto]
The Difference between Sections, rows, and modules in Divi
Divi Basic Stylings
Margins and Paddings in Divi
Parallax Effects in Divi
Box Shadows in Divi
Entrance Animations in Divi
Live Animations (Scroll Effects) in Divi
Shape Dividers in Divi
Divi Global Controls
Divi Custom positions (3D Effects)
Mobile Rendering (Responsiveness) in Divi
Divi Custom Header/Footer template
Sticky Headers
Transparent Headers
Filters
Divi theme Development without programming
eCommerce Crash Course
Shop Archive Custom Design in Divi
Shop single product Custom Design in Divi
Custom Fields Integration in WordPress
Dynamic Data in Divi Theme
Cart Page design using Divi Theme
Checkout Page Design Using Divi Theme
My Account Page Design Using Divi Theme
Advanced Conditions in Divi
Custom Post Types Integration in WordPress
Custom Taxonomies (Categories) integration in WordPress
Custom theme for all custom post types using Divi
How to add relationship between custom post type and Taxonomy
Google Maps Integration using API

Building a website is similar to painting, except that you cannot see the finished design until the page has been published and is being viewed in a browser. Thanks to the Divi Page Builder for WordPress from Elegant themes, users can now “paint” a website while actually viewing it in real-time.

The issue with WordPress was that, until recently, the only option to build a website was to utilize a WordPress theme, which is always constrained since you have to work within the boundaries of what the developers built. Your options for features and designs may frequently be constrained as a result. But when the Divi theme for WordPress was made public, it completely altered the narrative!

With Divi, you can construct complicated layouts graphically and design your website live without having to move between the editor and preview mode. Divi is a visual WordPress website builder that replaces the default WordPress editor with a live frontend editor.

You will be able to create stunning and useful designs without using code or CSS and without consulting developers once you have finished this comprehensive Divi course. Your designs will automatically be displayed beautifully on PCs, tablets, and mobile devices since they are responsive by default.

Additionally, you will learn how to use Divi’s “Theme Builder,” which enables you to build every aspect of your theme using the Divi interface, including your header, footer, WooCommerce shop pages, and custom body layouts. Likewise, you will learn how to establish global settings that enable one-click control over the design pattern for your entire website.

Introduction

1
Why Divi
2
Before you begin
3
Course Curriculum

WordPress Installation (Leave this section if you already have a WordPress site)

1
How to setup a WordPress site?
2
Installation of WordPress on Windows
3
Installation of WordPress on Mac
4
Installation of WordPress on Web Hosting

WordPress Basics (Leave this Section if you know how WordPress Works)

1
What you will learn in this section?
2
WordPress Dashboard Overview
3
How to create Pages in WordPress
4
What are WordPress Themes?
5
What are WordPress Plugins?

Divi Installation

1
How to get Divi at Discounted Price?
2
How to Install Divi Theme in WordPress
3
Creating Home Page

Divi Basics

1
Divi Basic Structure (Section, Row, Modules)
2
Section Basic Styling
3
Rows/Columns Basic Stylings
4
Module Basic Styling
5
Margins and Paddings

Demo Website

1
Introduction + Project Resources
2
Designing the header and Menu
3
Designing the Footer
4
Home Page:Designing the hero section
5
Color Palette Settings
6
Home Page: Designing the Counters
7
Home Page: Designing Services Part 1
8
Home Page: Designing Services Part 2
9
Home Page: Designing Team Section
10
Home Page: Help Section
11
Home Page: Testimonial Section
12
Home Page: Call to Action
13
About Page: Hero Section
14
About Page: Why we are the best section
15
About Page: Quotation & Team Section
16
About Page: Portfolio & Call to Action
17
Services Page: Hero & Services
18
Services Page: Counter Section
19
Contact Page Design with Contact Form

Essential Skills

1
What you will learn in this Section?
2
How to choose colors?
3
Article on Choosing Colors
4
The Hover Effects in Divi
5
How to choose and resize Images?
6
Entrance Animations in Divi
7
Live Animations (Scroll Effects) in Divi
8
Parallax Effects in Divi in Divi
9
Shape Dividers
10
Design Presets
11
Global Controls
12
Position & Transforms

Mobile Rendering

1
Introduction
2
How to make a change in mobile based site?
3
Home Page Mobile Rendering
4
Home Page Tablet Rendering
5
About Page Mobile & Tablet Rendering
6
Services Page Mobile & Tablet Rendering
7
Contact Page Mobile & Tablet Rendering

Theme Builder (Part 1)

1
Introduction
2
Custom Header
3
Mobile Rendering for Header
4
Custom Footer
5
Footer Mobile Rendering
6
Sticky Headers and its Transitions
7
Transparent Header
8
Filters

eCommerce Crash Course

1
Why eCommerce Course in the Divi Course?
2
Installation of eCommerce Plugin: WooCommerce
3
Adding 5 Products
4
Basic Settings of WooCommerce
5
Demo Order
6
What are Categories

Theme Builder (Part 2)

1
Woocommerce Menu and Mobile Rendering
2
What is a template and how it works?
3
Building the single product template (theme)
4
Single Vs Archive Templates
5
Designing the Archive Pages
6
Single Product (Specific Category) Template
7
Custom Fields
8
Dynamic Tags
9
Related Products
10
Cart Page Design
11
Checkout Page Design
12
My Account Page Design
13
My Account Page CSS
14
Products on Any Page

Custom Post Types

1
Introduction
2
Project Post Type
You can view and review the lecture materials indefinitely, like an on-demand channel.
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!
4.8
4.8 out of 5
136 Ratings

Detailed Rating

Stars 5
100
Stars 4
31
Stars 3
5
Stars 2
1
Stars 1
0
864201d2d0749360d9480b465cb2b862
30-Day Money-Back Guarantee

Includes

19 hours on-demand video
2 articles
Full lifetime access
Access on mobile and TV
Certificate of Completion