Select Page

1. To use this plugin you need custom post registerred.

You may check Post Types to see how to do it.

Example from WP Codex – for testing, copy and paste code below to theme functions.php

add_action( 'init', 'create_post_type' );
 function create_post_type() {
 register_post_type( 'Accordion',
 array(
 'labels' => array(
 'name' => __( 'Accordions' ),
 'singular_name' => __( 'Accordion' )
 ),
 'public' => true,
 'has_archive' => true,
 )
 );
 }

2. Add shortcode to page or post where you want to use accordion.

If you used code above to create custom posts type you would use following shortcode:

			

Description

This plugin creates a basic accordion from custom posts. Fully compatible with WPML, just translate your posts and use shortcodes as explained below. The plugin currently does not support Woocommerce.  

Installation

1. Extract downloaded .zip file and upload the extracted folder to the `/wp-content/plugins` directory, or install the plugin through the WordPress plugins screen directly.
2. Activate the plugin through the 'Plugins' screen in WordPress - click on "Activate" link below plugin name

How to use

1. To use this plugin you need custom post registerred.
You may check Post Types to see how to do it.
Example from WP Codex - for testing, copy and paste code below to theme functions.php

add_action( 'init', 'create_post_type' );
 function create_post_type() {
 register_post_type( 'Accordion',
 array(
 'labels' => array(
 'name' => __( 'Accordions' ),
 'singular_name' => __( 'Accordion' )
 ),
 'public' => true,
 'has_archive' => true,
 )
 );
 }
2. Add shortcode to page or post where you want to use accordion.
If you used code above to create custom posts type you would use following shortcode:
[gw_accordion post_type="Accordion"]
Optionally, you may add CSS class
[gw_accordion post_type="Accordion" class="my_css_class"]
You can also add code to your theme
<?php echo do_shortcode('[gw_accordion post_type="Accordion"');?>
or with CSS class
<?php echo do_shortcode('[gw_accordion post_type="Accordion" class="my_css_class"]');?>
You also may set ordering , default is by ID and Ascending (ASC)
[gw_accordion post_type="Accordion" class="my_css_class" order_by="title" order="asc"]

Known Issues

If your theme use smooth scroll script like this one

jQuery(function() {
 jQuery('a[href*="#"]:not([href="#"]').click(function() {
 if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
 var target = jQuery(this.hash);
 target = target.length ? target : jQuery('[name=' + this.hash.slice(1) +']');
 if (target.length) {
 jQuery('html,body').animate({
 scrollTop: target.offset().top
 }, 2000);
 return false;
 }
 }

});

});
You may need to change this line
jQuery('a[href*="#"]:not([href="#"]')
To look like this
jQuery('a[href*="#"]:not([href="#"], a:not([data-toggle])')
to avoid conflict.    

Frequently Asked Questions

Q: Does plugin support Woocommerce?
A: No, not right now.
Q: Can I put images in content to show in accordion?
A: Yes. 🙂

Q: Can I use the plugin in the multilanguage setup?
A: Yes. The plugin is tested and confirmed to work with WPML, all you need to do is to translate your content.
Q: Does plugin support featured images?
A: No, not right now

Optionally, you may add CSS class

			

Description

This plugin creates a basic accordion from custom posts. Fully compatible with WPML, just translate your posts and use shortcodes as explained below. The plugin currently does not support Woocommerce.  

Installation

1. Extract downloaded .zip file and upload the extracted folder to the `/wp-content/plugins` directory, or install the plugin through the WordPress plugins screen directly.
2. Activate the plugin through the 'Plugins' screen in WordPress - click on "Activate" link below plugin name

How to use

1. To use this plugin you need custom post registerred.
You may check Post Types to see how to do it.
Example from WP Codex - for testing, copy and paste code below to theme functions.php

add_action( 'init', 'create_post_type' );
 function create_post_type() {
 register_post_type( 'Accordion',
 array(
 'labels' => array(
 'name' => __( 'Accordions' ),
 'singular_name' => __( 'Accordion' )
 ),
 'public' => true,
 'has_archive' => true,
 )
 );
 }
2. Add shortcode to page or post where you want to use accordion.
If you used code above to create custom posts type you would use following shortcode:
[gw_accordion post_type="Accordion"]
Optionally, you may add CSS class
[gw_accordion post_type="Accordion" class="my_css_class"]
You can also add code to your theme
<?php echo do_shortcode('[gw_accordion post_type="Accordion"');?>
or with CSS class
<?php echo do_shortcode('[gw_accordion post_type="Accordion" class="my_css_class"]');?>
You also may set ordering , default is by ID and Ascending (ASC)
[gw_accordion post_type="Accordion" class="my_css_class" order_by="title" order="asc"]

Known Issues

If your theme use smooth scroll script like this one

jQuery(function() {
 jQuery('a[href*="#"]:not([href="#"]').click(function() {
 if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
 var target = jQuery(this.hash);
 target = target.length ? target : jQuery('[name=' + this.hash.slice(1) +']');
 if (target.length) {
 jQuery('html,body').animate({
 scrollTop: target.offset().top
 }, 2000);
 return false;
 }
 }

});

});
You may need to change this line
jQuery('a[href*="#"]:not([href="#"]')
To look like this
jQuery('a[href*="#"]:not([href="#"], a:not([data-toggle])')
to avoid conflict.    

Frequently Asked Questions

Q: Does plugin support Woocommerce?
A: No, not right now.
Q: Can I put images in content to show in accordion?
A: Yes. 🙂

Q: Can I use the plugin in the multilanguage setup?
A: Yes. The plugin is tested and confirmed to work with WPML, all you need to do is to translate your content.
Q: Does plugin support featured images?
A: No, not right now

You can also add code to your theme

<?php echo do_shortcode('
			

Description

This plugin creates a basic accordion from custom posts. Fully compatible with WPML, just translate your posts and use shortcodes as explained below. The plugin currently does not support Woocommerce.  

Installation

1. Extract downloaded .zip file and upload the extracted folder to the `/wp-content/plugins` directory, or install the plugin through the WordPress plugins screen directly.
2. Activate the plugin through the 'Plugins' screen in WordPress - click on "Activate" link below plugin name

How to use

1. To use this plugin you need custom post registerred.
You may check Post Types to see how to do it.
Example from WP Codex - for testing, copy and paste code below to theme functions.php

add_action( 'init', 'create_post_type' );
 function create_post_type() {
 register_post_type( 'Accordion',
 array(
 'labels' => array(
 'name' => __( 'Accordions' ),
 'singular_name' => __( 'Accordion' )
 ),
 'public' => true,
 'has_archive' => true,
 )
 );
 }
2. Add shortcode to page or post where you want to use accordion.
If you used code above to create custom posts type you would use following shortcode:
[gw_accordion post_type="Accordion"]
Optionally, you may add CSS class
[gw_accordion post_type="Accordion" class="my_css_class"]
You can also add code to your theme
<?php echo do_shortcode('[gw_accordion post_type="Accordion"');?>
or with CSS class
<?php echo do_shortcode('[gw_accordion post_type="Accordion" class="my_css_class"]');?>
You also may set ordering , default is by ID and Ascending (ASC)
[gw_accordion post_type="Accordion" class="my_css_class" order_by="title" order="asc"]

Known Issues

If your theme use smooth scroll script like this one

jQuery(function() {
 jQuery('a[href*="#"]:not([href="#"]').click(function() {
 if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
 var target = jQuery(this.hash);
 target = target.length ? target : jQuery('[name=' + this.hash.slice(1) +']');
 if (target.length) {
 jQuery('html,body').animate({
 scrollTop: target.offset().top
 }, 2000);
 return false;
 }
 }

});

});
You may need to change this line
jQuery('a[href*="#"]:not([href="#"]')
To look like this
jQuery('a[href*="#"]:not([href="#"], a:not([data-toggle])')
to avoid conflict.    

Frequently Asked Questions

Q: Does plugin support Woocommerce?
A: No, not right now.
Q: Can I put images in content to show in accordion?
A: Yes. 🙂

Q: Can I use the plugin in the multilanguage setup?
A: Yes. The plugin is tested and confirmed to work with WPML, all you need to do is to translate your content.
Q: Does plugin support featured images?
A: No, not right now

');?>

You also may set ordering , default is by ID and Ascending (ASC)

			

Description

This plugin creates a basic accordion from custom posts. Fully compatible with WPML, just translate your posts and use shortcodes as explained below. The plugin currently does not support Woocommerce.  

Frequently Asked Questions

Q: Does plugin support Woocommerce?
A: No, not right now.
Q: Can I put images in content to show in accordion?
A: Yes. :)

Q: Can I use the plugin in the multilanguage setup?
A: Yes. The plugin is tested and confirmed to work with WPML, all you need to do is to translate your content.
Q: Does plugin support featured images?
A: No, not right now

How to use

1. To use this plugin you need custom post registerred.
You may check Post Types to see how to do it.
Example from WP Codex - for testing, copy and paste code below to theme functions.php

add_action( 'init', 'create_post_type' );
 function create_post_type() {
 register_post_type( 'Accordion',
 array(
 'labels' => array(
 'name' => __( 'Accordions' ),
 'singular_name' => __( 'Accordion' )
 ),
 'public' => true,
 'has_archive' => true,
 )
 );
 }
2. Add shortcode to page or post where you want to use accordion.
If you used code above to create custom posts type you would use following shortcode:
[gw_accordion post_type="Accordion"]
Optionally, you may add CSS class
[gw_accordion post_type="Accordion" class="my_css_class"]
You can also add code to your theme
<?php echo do_shortcode('[gw_accordion post_type="Accordion"');?>
or with CSS class
<?php echo do_shortcode('[gw_accordion post_type="Accordion" class="my_css_class"]');?>
You also may set ordering , default is by ID and Ascending (ASC)
[gw_accordion post_type="Accordion" class="my_css_class" order_by="title" order="asc"]

Installation

1. Extract downloaded .zip file and upload the extracted folder to the `/wp-content/plugins` directory, or install the plugin through the WordPress plugins screen directly.
2. Activate the plugin through the 'Plugins' screen in WordPress - click on "Activate" link below plugin name

Known Issues

If your theme use smooth scroll script like this one

jQuery(function() {
 jQuery('a[href*="#"]:not([href="#"]').click(function() {
 if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
 var target = jQuery(this.hash);
 target = target.length ? target : jQuery('[name=' + this.hash.slice(1) +']');
 if (target.length) {
 jQuery('html,body').animate({
 scrollTop: target.offset().top
 }, 2000);
 return false;
 }
 }

});

});
You may need to change this line
jQuery('a[href*="#"]:not([href="#"]')
To look like this
jQuery('a[href*="#"]:not([href="#"], a:not([data-toggle])')
to avoid conflict.