Welcome to the repository featuring examples of core Divi modules designed for Divi 5.0. This collection serves as a practical reference aimed at developers who are in the process of developing custom modules for the Divi 5.0 API.
The primary goal of this repository is to provide illustrative examples of how core modules are structured and function within Divi 5.0. It's crucial to highlight that:
- This repository is not an instructional guide on crafting custom modules from scratch.
- It is tailored for developers already acquainted with Divi 5.0’s API, assisting them to get a clearer understanding through real-world module examples.
- The content herein should not be implemented as a proper plugin. Instead, it is intended for you to examine and utilize as a guidepost during the development of your unique Divi modules.
Developers can utilize this repository to:
- Analyze the code for core Divi modules to understand their architecture and API usage.
- Learn best practices surrounding the use of Divi's API and module design.
- Draw inspiration for structuring and handling functionality in custom Divi modules.
We have included a variety of core Divi modules in this repository, each demonstrating different aspects of module development and functionality.
Here is a brief overview of each module and notable features demonstrated:
The CTA module is a relatively simple module that demonstrates how to create a module with autogenerated module settings, without requiring any custom settings definitions. Additionally, the CTA module also is a great example showing how to implement buttons.
The Blurb module is relatively simple and demonstrates how to create a module, this time without implementing autogenerated module settings. The Blurb module has settings for the title, content, and notably features a toggle for image or icon toggle settings, which dynamically display or hide other settings based on the user's selection.
The Pricing Tables module is a module that demonstrates how to create a module with child elements. It also makes use of autogenerated module settings.
The Accordion module is a module that demonstrates how to create a module with child elements.
The Blog module is a dynamic module that demonstrates how to create a module which fetches data from the WordPress database.
The Button module is a module that allows users to create stylish, responsive buttons for calls-to-action. It supports advanced design options, dynamic links, and styling for hover effects, providing enhanced interactivity for websites.
The slider module is a module that allows users to create dynamic, customizable sliders with images, text, and buttons for showcasing content interactively. It includes advanced design settings, autoplay options, and support for responsive layouts, enhancing visual appeal and engagement.
Feel free to browse through the examples and incorporate the demonstrated techniques into your Divi module projects. Happy coding!