This tutorial provides the steps to show excerpts below the titles for static Pages using the Hooked Elements addon of Kadence Pro. We shall register a custom shortcode that returns the excerpt and add this shortcode inside an element hooked to the correct location. Step 1 Install and activate Code Snippets plugin. Add a new…
This tutorial shows how the layout of Custom Post Types can be built using Gutenberg in a Kadence hooked element whilst showing not only the post details like the featured image but also custom fields using Pods. We shall use Pods and custom shortcodes for showing post content and post meta in a Kadence element…
Here’s a code snippet to remove the site branding just from the homepage of a site that uses Kadence: The above prevents the following (for example) from being output: inside Reference /wp-content/themes/kadence/inc/template-hooks.php
Kadence recently introduced fixed-type of hooked elements allowing us to position Gutenberg-built block content in a fixed (always in view) position with various placement options like fixed on top, fixed on bottom, fixed top after scroll. This article shows how we can use a Kadence fixed element to set up a panel positioned at the…
Looking to set the URL of featured image as the background image URL for Page Titles in Kadence? Pages that do not have a featured image continue to use/show the image set in the Customizer. Follow these steps: Step 1 Install and activate Code Snippets plugin. Go to Snippets > Add New. Title: Add custom…
Kadence makes it easy to have the titles appear overlayed on top of a background image (or color or gradient) for all the Pages. Here is how we can set this up. In the Customizer > Page Layout enable Show Page Title? Ensure that Page Title Layout is set to ABOVE CONTENT. This will enable…
Kadence Theme Pro, a premium plugin that extends the free Kadence theme has shed its beta tag and has been now officially released. To celebrate this occasion, Kadence is having a sale on Kadence Theme Pro and Kadence Membership. To recap, Kadence = Free theme Kadence Theme Pro = Premium addon plugin for Kadence theme…
This tutorial provides the steps to register a custom [widget_area] shortcode so it can be used anywhere shortcodes are accepted in WordPress including in Kadence Elements. This can be used, for example, to show the widgets placed in Sidebar 2 widget area (sidebar) below the site header. Using the shortcode: Simply calling the shortcode without…
In the previous tutorial, I showed how Elements feature of Kadence can be used to add an affiliate disclosure automatically above the entry content on all posts that have a specific tag. Let’s say you decide to use the “Affiliate Disclosure” tag for this, it will be shown at the bottom of single posts tagged…
One of the features that Kadence Theme Pro adds to Kadence theme is called Hooked Elements which provides an interface to build an element using the WordPress Gutenberg editor and hook it to one of the several locations on your pages so it appears exactly where and when you want. A sample use case of…