A professional, lightweight and performance-optimized Elementor addon collection. This project is developed by Md. Nayemur Rahman for the ProjuktiPlus community to demonstrate custom widget development using WordPress and Elementor APIs.
| Widget Name | Key Functionalities | Tech Stack |
|---|---|---|
| PPA Team Member | Slick Slider integration, Flip hover effects, Social icons. | PHP, JS, Slick |
| PPA Service Card | Customizable icons, Dynamic typography, Hover animations. | PHP, CSS |
| PPA Pricing Table | Badge support, Feature list repeater, CTA styling. | PHP, CSS |
- Security: Comprehensive data validation and output escaping using
esc_html(),esc_attr(), andesc_url(). - Performance: Assets (CSS/JS) are enqueued only when the widgets are active.
- Modern API: Uses the latest
Icons_Managerfor SVG support andRepeaterfor dynamic content handling. - Conflict Prevention: All classes, functions, and variables are prefixed with
ppa_orPPA_.
elementor-widgets-collection/
├── assets/
│ ├── css/
│ └── js/
├── includes/
│ └── widgets/
│ ├── ppa-team-members.php
│ └── ppa-service-card.php
├── ppa-elementor-addons.php # Main Plugin Entry Point
└── README.md
Elementor Page Builder must be installed and active on your WordPress site.
- Download: Clone or download this repository as a
.zipfile. - Upload: Go to your WordPress Dashboard > Plugins > Add New > Upload Plugin.
- Activate: Once activated, open any page with Elementor.
- Find: Search for "PPA" in the Elementor widget panel to find all custom elements.
I am Md. Nayemur Rahman, a Passionate WordPress and Laravel Developer. Instructor, ProjuktiPlus Academy. I specialize in creating scalable web solutions and teaching modern development workflows.