This is possible using shortcodes!
First of all, you will need to create an empty sidebar, apart from “tabs-content” sidebar. It should hold hello ajax tabs widget. Create it on hello ajax tabs settings page, like “tabs-content” sidebar or add new sidebar’s registration code manually in your functions.php file:
register_sidebar(array(
'name' => 'Content tabs',
'id' => 'content-tabs',
'description' => 'Hello tabs widgets',
'before_title' => '<h2>',
'after_title' => '</h2>'
));
After, add this shortcode in your functions.php too:
function hat_content( $atts, $content = null ){
extract(shortcode_atts(array(
"id" => ""
), $atts));
ob_start();
dynamic_sidebar( $id );
$html = ob_get_contents();
ob_end_clean();
return $html;
}
add_shortcode( 'hat', 'hat_content' );
This is it! You can use this shortcode in your content to display sidebar with hello ajax tabs widget.
Shortcode syntax:
[hat id=”content-tabs”], where
id is equal to sidebar’s id, which holds hello ajax tabs widget.
Important information:
- This plugin was developed for sidebars ONLY and it takes 100% of sidebar’s width. To control tabs width use column shortcodes or any other containers with fixed width.
- We strongly recomend you to use demo version of this plugin before purchase and see how widgets look like on your site.
- Some or all of your widget may lose css styling in content.
- This small tutorial is not a part of hello ajax tabs and we don’t provide support for this solution.