Skip to content

README.md

Latest commit

 

History

History
80 lines (63 loc) · 2.29 KB

README.md

File metadata and controls

80 lines (63 loc) · 2.29 KB

D5 Tutorial Module Conversion

About this repository

This repository contains a Divi extension used as an example for the tutorial of Module Conversion from Divi 4 to Divi 5.

Getting Started

Prerequisites

  • Node.js (at least version 18)
  • npm (Node Package Manager)
  • Composer (PHP Dependency Manager)

Installation

  1. In your WordPress website plugin folder, clone the repository:

    git clone https://github.com/your-repo/d5-tutorial-module-conversion.git
cd d5-tutorial-module-conversion

  2. Install Node.js dependencies:

    cd divi-4/visual-builder
npm install
    cd divi-5/visual-builder
npm install

  3. Install PHP dependencies:

    cd divi-5
composer install

Example Modules

This plugin have two main folder divi-4 and divi-5 each has two example modules.

  1. Static Module - Simple static module like Blurb module.
  2. Dynamic Module - Dynamic module like Blog module.

Commands

Development

  • Start Development Server for Divi 4:

    cd divi-4/visual-builder
npm run start

    This command starts the Webpack development server for Divi 4, which watches for changes and rebuilds the project automatically.

  • Start Development Server for Divi 5:

    cd divi-5/visual-builder
npm run start

    This command starts the Webpack development server for Divi 5, which watches for changes and rebuilds the project automatically.

Production

  • Build for Production (Divi 4):

    cd divi-4/visual-builder
npm run build

    This command builds the project for production, optimizing the output for performance.

  • Build for Production (Divi 5):

    cd divi-5/visual-builder
npm run build

    This command builds the project for production, optimizing the output for performance.

Usage

  1. Activate the plugin in your WordPress installation.
  2. Use the Divi Builder to add and configure the modules provided by this extension.

For more detailed instructions, refer to the tutorial of Module Conversion from Divi 4 to Divi 5.