July 24, 2023

Visual Hook Guide for Kadence Plugin

Find Kadence action hooks quickly and easily by seeing their actual locations inside your Kadence theme.

This plugin is for use by developers working with the Kadence theme and adds a Kadence Hooks item in the WP admin bar on the front end.

Clicking Action Hooks item in the submenu will display the currently available Kadence action hooks on that page. Clear clears the hooks.

Clicking anywhere on a hook copies the hook name to your clipboard.

The hook name is also shown as the tooltip when hovering on a hook.

Kadence theme required.

Automatic Installation

Search for visual hook guide kadence from within your WordPress plugins’ Add New page and install.

Manual Installation

Click on the Download button to download the plugin.
Upload the entire kadence-visual-hook-guide folder to the /wp-content/plugins/ directory.
Activate the plugin through the Plugins menu in WordPress.

Credits

This plugin is based on my Genesis Simple Hook Guide which was made possible thanks to

Gary Jones for the idea
Sal Ferrarello for the code

Screenshots

Screenshot showing the WP admin bar menu item.
Screenshot showing the actions hooks on the page.

FAQ

My fixed header appears to be offset from the top when scrolling down with the hooks showing

Use your browser DevTools, locate the the div having a class of item-is-fixed (this is usually div.site-main-header-wrap) and uncheck position: fixed temporarily.

Is it possible to view the hooks when the WP admin bar is not visible?

Yes. Add ?kvhg_hooks=show at the end of your page URL.

Is this an official plugin by Kadence WP?

No. This is a third party plugin created by a community member.

Changelog

1.0.1

Added copy to clipboard function.

1.0

Initial Release.