HOT
blank

The Complete Divi Course For WordPress

Design

Rating4.9
Enroll Now

The Complete Divi Course For WordPress, available at $84.99, has an average rating of 4.88, with 122 lectures, based on 403 reviews, and has 2116 subscribers.

You will learn about 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 This course is ideal for individuals who are WordPress users who do not like the default gutenberg Editor. or Web Designers who want to design their own theme without Programming. It is particularly useful for WordPress users who do not like the default gutenberg Editor. or Web Designers who want to design their own theme without Programming.

Enroll now: The Complete Divi Course For WordPress

Summary

Title: The Complete Divi Course For WordPress

Price: $84.99

Average Rating: 4.88

Number of Lectures: 122

Number of Published Lectures: 122

Number of Curriculum Items: 122

Number of Published Curriculum Objects: 122

Original Price: $99.99

Quality Status: approved

Status: Live

What You Will Learn

  • 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

Who Should Attend

  • WordPress users who do not like the default gutenberg Editor.
  • Web Designers who want to design their own theme without Programming.

Target Audiences

  • WordPress users who do not like the default gutenberg Editor.
  • Web Designers who want to design their own theme without Programming.

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.

Course Curriculum

Chapter 1: Introduction

Lecture 1: Why Divi

Lecture 2: Before you begin

Lecture 3: Course Curriculum

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

Lecture 1: How to setup a WordPress site?

Lecture 2: Installation of WordPress on Windows

Lecture 3: Installation of WordPress on Mac

Lecture 4: Installation of WordPress on Web Hosting

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

Lecture 1: What you will learn in this section?

Lecture 2: WordPress Dashboard Overview

Lecture 3: How to create Pages in WordPress

Lecture 4: What are WordPress Themes?

Lecture 5: What are WordPress Plugins?

Chapter 4: Divi Installation

Lecture 1: How to get Divi at Discounted Price?

Lecture 2: How to Install Divi Theme in WordPress

Lecture 3: Creating Home Page

Chapter 5: Divi Basics

Lecture 1: Divi Basic Structure (Section, Row, Modules)

Lecture 2: Section Basic Styling

Lecture 3: Rows/Columns Basic Stylings

Lecture 4: Module Basic Styling

Lecture 5: Margins and Paddings

Chapter 6: Demo Website

Lecture 1: Introduction + Project Resources

Lecture 2: Designing the header and Menu

Lecture 3: Designing the Footer

Lecture 4: Home Page:Designing the hero section

Lecture 5: Color Palette Settings

Lecture 6: Home Page: Designing the Counters

Lecture 7: Home Page: Designing Services Part 1

Lecture 8: Home Page: Designing Services Part 2

Lecture 9: Home Page: Designing Team Section

Lecture 10: Home Page: Help Section

Lecture 11: Home Page: Testimonial Section

Lecture 12: Home Page: Call to Action

Lecture 13: About Page: Hero Section

Lecture 14: About Page: Why we are the best section

Lecture 15: About Page: Quotation & Team Section

Lecture 16: About Page: Portfolio & Call to Action

Lecture 17: Services Page: Hero & Services

Lecture 18: Services Page: Counter Section

Lecture 19: Contact Page Design with Contact Form

Chapter 7: Essential Skills

Lecture 1: What you will learn in this Section?

Lecture 2: How to choose colors?

Lecture 3: Article on Choosing Colors

Lecture 4: The Hover Effects in Divi

Lecture 5: How to choose and resize Images?

Lecture 6: Entrance Animations in Divi

Lecture 7: Live Animations (Scroll Effects) in Divi

Lecture 8: Parallax Effects in Divi in Divi

Lecture 9: Shape Dividers

Lecture 10: Design Presets

Lecture 11: Global Controls

Lecture 12: Position & Transforms

Chapter 8: Mobile Rendering

Lecture 1: Introduction

Lecture 2: How to make a change in mobile based site?

Lecture 3: Home Page Mobile Rendering

Lecture 4: Home Page Tablet Rendering

Lecture 5: About Page Mobile & Tablet Rendering

Lecture 6: Services Page Mobile & Tablet Rendering

Lecture 7: Contact Page Mobile & Tablet Rendering

Chapter 9: Theme Builder (Part 1)

Lecture 1: Introduction

Lecture 2: Custom Header

Lecture 3: Mobile Rendering for Header

Lecture 4: Custom Footer

Lecture 5: Footer Mobile Rendering

Lecture 6: Sticky Headers and its Transitions

Lecture 7: Transparent Header

Lecture 8: Filters

Chapter 10: eCommerce Crash Course

Lecture 1: Why eCommerce Course in the Divi Course?

Lecture 2: Installation of eCommerce Plugin: WooCommerce

Lecture 3: Adding 5 Products

Lecture 4: Basic Settings of WooCommerce

Lecture 5: Demo Order

Lecture 6: What are Categories

Chapter 11: Theme Builder (Part 2)

Lecture 1: Woocommerce Menu and Mobile Rendering

Lecture 2: What is a template and how it works?

Lecture 3: Building the single product template (theme)

Lecture 4: Single Vs Archive Templates

Lecture 5: Designing the Archive Pages

Lecture 6: Single Product (Specific Category) Template

Lecture 7: Custom Fields

Lecture 8: Dynamic Tags

Lecture 9: Related Products

Lecture 10: Cart Page Design

Lecture 11: Checkout Page Design

Lecture 12: My Account Page Design

Lecture 13: My Account Page CSS

Lecture 14: Products on Any Page

Chapter 12: Custom Post Types

Lecture 1: Introduction

Lecture 2: Project Post Type

Instructors

Rating Distribution

  • 1 stars: 0 votes
  • 2 stars: 2 votes
  • 3 stars: 14 votes
  • 4 stars: 93 votes
  • 5 stars: 294 votes

Frequently Asked Questions


How long do I have access to the course materials?


You can view and review the lecture materials indefinitely, like an on-demand channel.


Can I take my courses with me wherever I go?


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!

You may also like

Top 10 Animation Courses to Learn in November 2024

Top 10 Digital Illustration Courses to Learn in November 2024

Top 10 Interior Design Courses to Learn in November 2024