Widgets bundle developer docs

The SiteOrigin Widgets Bundle is far more than just a collection of widgets. It's a foundation you can use to create widgets in a fraction of the time. It features powerful form building, data handling and templating. The core of the Widgets Bundle handles everything for you, so you can focus your efforts on building beautiful widgets.

Even if you don't want to create custom widgets from scratch, the Widgets Bundle is easy to extend in other ways. You can create custom templates, styles and form fields for all our existing widgets. One example use case is creating a custom style for the button widget that fits in with the look and feel of your theme.

These developer docs will teach you everything you need to know to build on top of the SiteOrigin Widgets Bundle.

Topics

Getting started

• Creating a widget
• Extending existing widgets
• Initializing a widget

Form building

• Form fields
• Repeaters and sections
• Presets
• Post selector
• Input sanitization
• Icons and fonts
• Adding custom fields
• Modifying forms
• State emitters
• Overriding form fields
• Link Form Field Filters
• Global Widget Settings

Templating

• HTML templates
• LESS stylesheets

Advanced concepts

• Instance storage
• Hooks and filters
• Post meta boxes for widget data

Tutorials

• Hello world!
• Adding custom styles to a button widget
• Changing form structure