Title: Beans Visual Hook Guide
Author: Jeff Cleverley
Published: <strong>2018 年 3 月 15 日</strong>
Last modified: 2018 年 7 月 20 日

---

搜索插件

![](https://ps.w.org/beans-visual-hook-guide/assets/banner-772x250.png?rev=1840707)

**该插件尚未通过WordPress的最新3个主要版本进行测试**。 当与较新版本的WordPress一起
使用时，可能不再受到维护或支持，并且可能会存在兼容性问题。

![](https://ps.w.org/beans-visual-hook-guide/assets/icon.svg?rev=1841179)

# Beans Visual Hook Guide

 作者：[Jeff Cleverley](https://profiles.wordpress.org/deftly/)

[下载](https://downloads.wordpress.org/plugin/beans-visual-hook-guide.zip)

 * [详情](https://cn.wordpress.org/plugins/beans-visual-hook-guide/#description)
 * [评价](https://cn.wordpress.org/plugins/beans-visual-hook-guide/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/beans-visual-hook-guide/#installation)
 * [开发进展](https://cn.wordpress.org/plugins/beans-visual-hook-guide/#developers)

 [支持](https://wordpress.org/support/plugin/beans-visual-hook-guide/)

## 描述

A Plugin tool to aid theme development with the innovative, flexible, and incredibly
powerful [Beans](https://www.getbeans.io/) 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](https://www.getbeans.io/code-reference/api/)
to rapidly develop beautiful themes.

Any markup added using Beans adds several [dynamic action hooks](https://www.getbeans.io/documentation/markup-and-attributes/)
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.

## 屏幕截图

 * [[
 * Display Hooks Selectively
 * [[
 * Display All Hooks (so many hooks)
 * [[
 * View the possible Hooks for each Markup
 * [[
 * Data Markup IDs viewed in the inspector

## 安装

 1. Upload the plugin files to the `/wp-content/plugins/plugin-name` directory, or 
    install the plugin through the WordPress plugins screen directly.
 2. Activate the plugin through the ‘Plugins’ screen in WordPress

## 常见问题

  Installation Instructions

 1. Upload the plugin files to the `/wp-content/plugins/plugin-name` directory, or 
    install the plugin through the WordPress plugins screen directly.
 2. Activate the plugin through the ‘Plugins’ screen in WordPress

  I installed the plugin, now what?

The Beans Visual Hook Guide doesn’t have any settings as such. It adds an extra 
menu item to the WordPress Toolbar.

If you haven’t enabled Beans Development Mode this menu item will link to the Beans
setting page so that you may enable it.

Once Beans Development Mode has been enabled, you will be presented with an ‘Enable
Beans Visual Hook Guide’ menu item, click on this and the plugin will do its thing.
You will now have a drop-down menu available, from this menu you can:

*Display Action Hooks on a hook by hook basis
 *Display all Action Hooks at once(
Crazy Mode) *Clear all displayed Action Hooks *Clear all displayed Action Hooks 
and Disable the functionality.

  Does this plugin require the Beans Framework to work

Yes

If a Beans Framework Child theme is not the active theme, the plugin will not activate.

Even if it did activate it would be useless.

  What happens if I deactivate the Beans Framework

If you swap themes to a non-Beans framework theme while the plugin is active then
it will just harmlessly disable itself.

  I have my admin bar disabled, can I still use this plugin?

You can, but it is (much) more difficult. As each hook can be displayed selectively,
there are many (so many) query_args used to display each hook.

When the Beans Visual Hook Guide is active your url will already have the following
query_arg added:

?bvhg_enable=show

To display the ‘beans_content’ hook add this to end of your url:

&beans_content=show

So now it will look like the following:

?bvhg_enable=show&beans_content=show

For each hook you wish to display you need to add an ampersand followed by {markup_id}
=show

## 评价

此插件暂无评价。

## 贡献者及开发者

「Beans Visual Hook Guide」是开源软件。 以下人员对此插件做出了贡献。

贡献者

 *   [ Jeff Cleverley ](https://profiles.wordpress.org/deftly/)
 *   [ Tonya Mork ](https://profiles.wordpress.org/hellofromtonya/)

[帮助将「Beans Visual Hook Guide」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/beans-visual-hook-guide)

### 对开发感兴趣吗?

您可以[浏览代码](https://plugins.trac.wordpress.org/browser/beans-visual-hook-guide/)，
查看[SVN仓库](https://plugins.svn.wordpress.org/beans-visual-hook-guide/)，或通过
[RSS](https://plugins.trac.wordpress.org/log/beans-visual-hook-guide/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/beans-visual-hook-guide/)。

## 额外信息

 *  版本 **1.1.0**
 *  最后更新：**8 年前**
 *  活跃安装数量 **10+**
 *  WordPress 版本 ** 4.6 或更高版本 **
 *  已测试的最高版本为 **4.9.29**
 *  PHP 版本 ** 5.6 或更高版本 **
 *  语言
 * [English (US)](https://wordpress.org/plugins/beans-visual-hook-guide/)
 * 标签
 * [Beans](https://cn.wordpress.org/plugins/tags/beans/)[Beans Framework](https://cn.wordpress.org/plugins/tags/beans-framework/)
   [Beans HTML API](https://cn.wordpress.org/plugins/tags/beans-html-api/)[development tool](https://cn.wordpress.org/plugins/tags/development-tool/)
   [hooks](https://cn.wordpress.org/plugins/tags/hooks/)
 *  [高级视图](https://cn.wordpress.org/plugins/beans-visual-hook-guide/advanced/)

## 评级

尚未提交反馈。

[Your review](https://wordpress.org/support/plugin/beans-visual-hook-guide/reviews/#new-post)

[查看全部评论](https://wordpress.org/support/plugin/beans-visual-hook-guide/reviews/)

## 贡献者

 *   [ Jeff Cleverley ](https://profiles.wordpress.org/deftly/)
 *   [ Tonya Mork ](https://profiles.wordpress.org/hellofromtonya/)

## 支持

有话要说吗？是否需要帮助？

 [查看支持论坛](https://wordpress.org/support/plugin/beans-visual-hook-guide/)

## 捐助

您愿意支持这个插件的发展吗?

 [ 捐助此插件 ](https://www.paypal.me/jeffcleverley)