How are scripts and styles handled efficiently?

Scripts and styles are registered via standard WordPress hooks and declared as dependencies in the widget class using get_script_depends and get_style_depends so they only load when needed.

Does this support custom Elementor controls?

Yes, it includes patterns for registering and unregistering custom controls via the elementor/controls/register hook.

How do I register a new widget using this skill?

Use the elementor/widgets/register hook within your plugin's init method to register a class extending \Elementor\Widget_Base.

Is it compatible with the latest Elementor versions?

The skill includes compatibility check patterns to ensure your addon runs on specific versions of Elementor and PHP, providing admin notices if requirements aren't met.

Can I create custom categories for my widgets?

Yes, the skill covers using the elementor/elements/categories_registered hook to add unique categories to the Elementor widget panel.

Elementor Addon & Widget Development

Name: Elementor Addon & Widget Development
Author: peixotorms

bypeixotorms

0•

Content Management

Streamlines the creation of custom Elementor widgets and addons with standardized PHP architecture and asset management patterns.

This skill provides a comprehensive framework for developing Elementor extensions, including widget registration, custom controls, and dynamic tags. It offers boilerplate code for addon architecture, implementation of the Widget_Base class, and best practices for managing frontend scripts and styles. Whether you're building bespoke widgets for a specific project or creating a commercial plugin, this skill ensures compatibility with Elementor's core and follows modern development patterns like singleton plugins and dependency-based asset loading.

Key Features

01Manager registration for widgets, controls, dynamic tags, and finder categories

020 GitHub stars

03Dependency-aware script and style management for performance optimization

04Standardized Elementor addon plugin headers and singleton architecture

05Complete Widget_Base implementation for custom widget creation

06Advanced selector tokens and inline editing toolbar configurations

Use Cases

01Registering dynamic tags and custom categories within the Elementor editor

02Developing full-featured Elementor addon plugins with custom controls

03Building custom WordPress widgets for the Elementor visual page builder

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add peixotorms/odinlayer-skills elementor-development

For use in Claude.ai and ChatGPT

Download Skill