Beans Visual Hook Guide

A Plugin tool to aid theme development with the innovative, flexible, and incredibly powerful Beans Framework.

When enabled alongside Beans Development Mode, this plugin displays all possible Markup Action Hooks made available by the Beans HTML API.

Beans is a dream to develop with, as all markup and attributes added using Beans are registered using a unique Markup ID which can be exposed by enabling the Beans Development Mode in settings.

Once Development Mode is enabled, the Markup IDs are output in a data-markup-id tag in the front-end. The values of which can be used by the various Beans APIs to rapidly develop beautiful themes.

Any markup added using Beans adds several dynamic action hooks both before and after it:

{$markup_id}_before_markup, fires before the opening markup {$markup_id}_prepend_markup, fires after the opening markup {$markup_id}_append_markup, fires before the closing markup {$markup_id}_after_markup, fires after the closing markup. 

( _prepend_markup and _append_markup are not available for self-closed markup )

In short, this means pretty much anything can be added anywhere on any page by adding actions to the available hooks.

This plugin is intended as a companion tool to the Beans Development Mode and your Browser inspector. It displays all of the available hooks that have been created dynamically by the Beans HTML API, making it easy for Beans Themes Developers to visualise the appropriate hook to use.

The Beans logo and Beans name are being used with kind permission from the amazing people behind the Beans Framework.