Custom Accordion


The Custom Accordion plugin allows you to easily create accordions in your WordPress posts, pages, and widget areas. Simply use the [ca-accordion] and [ca-accordion-item title=»Your Title Here»]


p>Your Content Here


p>[/ca-accordion-item][/ca-accordion] shortcodes to create accordions.

Arbitrary section

The Custom Accordion plugin is optimized for performance by conditionally loading its assets. This helps prevent unnecessary HTTP requests on pages where the accordion functionality is not needed. The plugin now supports accordion shortcodes in ‘text’ widgets, making it even more versatile.

Advanced Customization

For developers looking to further customize the accordions, the plugin provides CSS classes that can be easily targeted for custom styles. You can add your custom CSS in your theme’s stylesheet to change the look and feel of the accordion to match your site’s design.


If you encounter any issues with the display of accordions on your site, first ensure that there are no JavaScript conflicts with other plugins by disabling other plugins one by one to identify any conflicts.

Future Enhancements

Future updates may include new features such as:
– Multiple accordion styles to choose from.
– Integration with the WordPress Customizer for adjusting styles.

Feedback and Support

For feedback, support, and suggestions, please visit the support forums on the WordPress plugin directory page or the GitHub repository page.

Remember, if you enjoy using the Custom Accordion plugin and find it useful, rate it and leave a review on the WordPress plugin directory page. Your feedback is appreciated and it helps to improve the plugin!

Sample Shortcode Usage

[ca-accordion-item title=»Section 1″]


p>This is the first section of the accordion.


[ca-accordion-item title=»Section 2″]


p>This is the second section of the accordion.




  • Screenshot 1.
  • Screenshot 2.


  1. Upload the plugin files to the /wp-content/plugins/custom-accordion directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress
  3. Use the [ca-accordion] and [ca-accordion-item title=»Your Title Here»]


p>Your Content Here


p>[/ca-accordion-item][/ca-accordion] shortcodes to create accordions.


Can I use HTML inside the accordion content?

Yes, HTML can be used within the content of each accordion item.

Is there a limit to the number of accordion items I can add?

No, you can add as many accordion items as you want.


No hay reseñas para este plugin.

Colaboradores y desarrolladores

«Custom Accordion» es un software de código abierto. Las siguientes personas han colaborado con este plugin.


Traduce «Custom Accordion» a tu idioma.

¿Interesado en el desarrollo?

Revisa el código , echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.

Registro de cambios


  • Added GPL-2.0+ license declaration in the plugin header.
  • Added a check to prevent direct file access to the plugin.
  • Changed prefixes of functions, shortcodes, and CSS classes to «ca_» for uniqueness and to avoid conflicts.
  • Updated shortcode names to use the «ca-» prefix.
  • Updated CSS selectors to match the new class names with the «ca-» prefix.


  • Added support for accordion shortcodes in ‘text’ widgets.
  • Optimized code to conditionally load assets only when accordion shortcodes are present in posts, pages, or widgets.
  • Refactored code for better readability and maintainability.


  • Fixed stable tag mismatch issue.
  • Ensured consistent versioning across all plugin files.


  • Performance improvement: Conditionally load styles and scripts only on pages with accordions.
  • Security fix: Escaped title attribute in shortcode output to prevent XSS attacks.
  • Other minor bug fixes and improvements.


  • Initial release.