FAIR

Federated and Independent Repositories

Visual Hook Guide for Kadence

Plugin Banner

Visual Hook Guide for Kadence

by Sridhar Katakam

Download
Description

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

  1. Click on the Download button to download the plugin.
  2. Upload the entire kadence-visual-hook-guide folder to the /wp-content/plugins/ directory.
  3. 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

  1. Screenshot showing the WP admin bar menu item.

    Screenshot showing the WP admin bar menu item.

  2. Screenshot showing the actions hooks on the page.

    Screenshot showing the actions hooks on the page.

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.

Very handy!

By lukascech on May 21, 2024

This is a handy tool and a timesaver, thanks Sridhar!

A Must When Using Kadence Hooked Elements

By nathaningram on September 20, 2021

This plugin is a must if you're working with Kadence Hooked Elements. Any plugin that Sridhar is going to be great 🙂

Time Saver!

By Laxmikant Bhumkar (luckybhumkar) on June 19, 2021

It's nice to known hooks within a few seconds.

Very useful

By Francisco (fmarconi) on February 14, 2021

That's it

Find the right Kadence hook in no time

By (Jorix) on February 2, 2021

What a smart idea to make a plugin to visually output the various hooks. Not only for developers but also for everybody who wants to make use of the Kadence elements and insert them with precision in right place on a page.

1.0.1

Added copy to clipboard function.

1.0

Initial Release.

Back to top