Awesome Accordions website

Implementing your design

If you would like to implement your custom design for the accordion you can read about it here

Adding custom HTML

If you want to add your own custom accordion you can add a folder in your active theme folder with your custom template.  The themes are located in the wp-content folder on your root WordPress installation.

theme folder

Open the currently active theme and create a folder named ‘awesome-accordion’. Like in the example using the default WordPress theme - Twenty Seventeen.

create awesome accordion folder

In the folder you just created add a new file named default.php inside this file you can add your new custom layout code:

default theme file

You can add this code in the file to test if it is working:



You should see the text displayed in the frontend where you have the accordion shortcode as shown below:

frontend custom template

This function is designed to first check if there is a custom template in your theme if not the plugin template is loaded.

To get started with creating a custom template for the accordion, you can copy the existing code from the plugin; default template located in the following path inside your plugin files /public/partials/cards/default.php

plugin folder default template