Build WordPress Plugin to extend Beaver Builder

Explore folder structure for a base WordPress plugin, create a custom plugin, and organize code with an includes folder and separate folders for modules in a local environment.

Set up the base file structure for a WordPress Beaver Builder module by creating a root custom module folder, an includes directory, and essential PHP and front-end files.

Learn how WordPress recognizes a plugin from its header in the root plugin file, configure metadata, and activate the custom plugin in a sandbox with a health check.

Learn to build a Beaver Builder module as a WordPress plugin by setting up the plugin, registering the module class, and wiring initialization and partial refresh options.

Copy and rename a custom module into a new base plugin folder, update metadata, activate the plugin, and plan the continued development of the pushy module.

Build a basic starter plugin to extend Beaver Builder by creating a canvas pushy menu called Puchi menu. Learn installation tips and code insights from the demo.

Learn to enqueue JavaScript and CSS in a WordPress plugin using proper queueing hooks, load minimal front-end assets for Beaver Builder integrations, and manage dependencies.

Fix an error in the Beaver Builder plugin by correcting a misused period that breaks string concatenation on line 17. Then test by refreshing to ensure the site displays correctly.

Run an initial test of the WordPress plugin for Beaver Builder by validating the front-end module and checking the console for errors before dynamically adding content.

Extend a Beaver Builder plugin by implementing a menu select field, reusing existing code to fetch and display menus, and wiring dynamic content into a custom module.

Develop a menu button content module for a Beaver Builder extension, with configurable text fields, a text editor, default values, placeholders, and left or right canvas alignment.

Create a left or right menu in the Beaver Builder plugin by adding a select field with left and right options, mapping values for front-end display, and planning dynamic navigation.

Implement a menu alignment feature in a WordPress plugin for Beaver Builder, adding settings for left, right, and center alignment and updating CSS classes accordingly.

Configure the button styling in the Beaver Builder plugin by adjusting the background color, text color, and padding, then publish and review the bottom section changes.

Style the menu in a WordPress plugin for Beaver Builder, configuring background colors, list item styles, padding, and hover effects. Troubleshoot layout with CSS tweaks and width adjustments.

Style the overlay by setting a black background at 50 percent opacity and using hex to rgb for the color. Adjust font sizes and font families to refine the overlay.