Using Divi with WordPress – drag and drop page builder

Date: 08/04/2020

Background image “Magnolias and Irises”, Louis Comfort Tiffany, circa 1908, favrile leaded glass. Image Source.

✩ Intro

✩ Getting started

  • Good for development
    • Uses standard template structure
    • Works well with CPT, CT, Custom Fields – see next level WordPress
    • Works well with WooCommerce and other plugins
    • CSS works well
    • well documented
    • not needed support
  • Cons of Divi
    • free but not
    • not quite there yet
    • learning curve
    • migration of content > code structure
    • lock in – plugin version
    • buggy on slow connections
    • lacking style library items
    • 3rd party plugins average
    • ad blockers can affect global editor
  • Divi licensing
    • opensource
    • pricing
    • updates – support
  • Installing Divi – standard theme
  • Divi Child Themes
 

✩ Divi Fundamentals

  • Default vs Divi Builder
    • future planning
  • Creating a Divi Page
    • frontend editing / backend

✩ Building a page

  • Bottom Tools
  • Sections, rows, columns
  • Exploring Modules
  • Module settings
  • The power of images – upskill.coach
  • Hover and mobile states
 

✩ Global Design Settings

  • Divi Options
  • Divi theme Customiser
  • Divi theme builder
 

✩ Divi Library

  • Creating reusable design elements
  • Using site wide Sections, rows, columns and Modules
  • Migrating whole divi pages and layouts

✩ Divi Layouts

  • Finding Divi Layouts
  • Installing layouts

✩ Elegant plugins

 

✩ Advanced design

  • Introduction to CSS
  • Targeting
  • Over-riding
  • .style {display: none; }

✩ Close