Kadence theme has a lot of customization option but there is much more you can accomplish with the Elements module (in pro version). For example, you can add your own content in different places on you site (below content, inside header etc.). If you don’t have the Pro version then you can use hooks to accomplish that. Therefore, today I’m going to show you how to add custom author info box to your single posts.
How to add Custom Author Info Box with Kadence Pro?
Step 1: Disable default author box
In order to do that go to Appearance >> Customizer >> Blog posts >> Single Post Layout and disable “Show post author box”. See the screenshot below.
Step 2: Create a author box using Gutenberg (or Elementor)
Go to Appearance >> Kadence >> Elements and add new element. For an element type choose Default. Give the element a title and now create yourself a nice looking author box.
Step 3: Set up the placement of the author box
Take a look on the right side of your page and you’ll see the placement settings. See the screenshot below. In this example my placement will be in “After inner Content” and “Single posts” (under display settings).
If this is done then publish and you shoulb be good to go.
How to add Custom Author Info Box with Kadence Free?
Since the Kadence free version does not have an Elements module the solution is a bit trickier.
Step 1: Disable default author box
So yeah, so far the road to your own info box under single posts is the same.
Step 2: Install Reusable Blocks Extended plugin
It is a free plugin which allows you to provide a Reusable Blocks Widget to use your block anywhere you want in your theme. You can download it here.
Or just go to Plugins >> Add new >> Search for Reusable Blocks Extended and then install/activate it.
Step 3: Create a custom author box
Go to Reusable Blocks >> Add new and create a new author box. Customize it as you like and then publish it.
Step 4: Copy this code to the Code snippets code box (or in the functions.php file)
In this example I am using the free Code Snippets plugin which allows me to run PHP code snippets on my site without the need to modify functions.php
So, grab this code here below and add it accordingly.
add_action( 'kadence_single_after_inner_content', 'kadence_blog_author', 100 );
function kadence_blog_author() {
if ( is_single() )
echo do_shortcode("[reblex id='883']"); // Replace this shortcode with your own Reusable Blocks shortcode
}
Step 5: Replace the shortcode whith your own shortcode
As you see the code above has a shortcode [reblex id=”883″]. Got to the Reusable blocks menu and grab your own shortcode and replace it in the code. See the screenshot below.
Now click on Save and Activate button and you should be good to go.
