Accordion Shortcodes wordpress plugin resources analysis

Download This Plugin
Download Elegant Themes
Name	Accordion Shortcodes
Version	2.1.1
Author	Phil Buchanan
Rating	96
Last updated	2014-12-29 02:29:00
Downloads	26892
Download Plugins Speed Test plugin for Wordpress

Home page

Delta: 0%

Post page

Delta: 0%

Accordion Shortcodes plugin has no negative impact on PageSpeed score.

Home page PageSpeed score has been degraded by 0%, while Post page PageSpeed score has been degraded by 0%

Accordion Shortcodes plugin added 4 bytes of resources to the Home page and 5 bytes of resources to the sample Post page.

Accordion Shortcodes plugin added 0 new host(s) to the Home page and 0 new host(s) to the sample Post page.

Great! Accordion Shortcodes plugin ads no tables to your Wordpress blog database.

Resources Added (Post page)

Description

Accordion Shortcodes is a simple plugin that adds a few shortcodes for adding accordion drop-downs to your pages.

The accordions should blend seemlessly with your theme. However, you may want to be able to edit your themes main stylesheet in order to add some custom styling (CSS).

Features

Adds two shortcodes for adding accordions to your site
Supports multiple accordions with individual settings on a single page
Two buttons in the TinyMCE editor make it easy to add and configure the accordion shortcodes
Responsive
No default CSS added
Only adds JavaScript on pages that use the shortcodes
Support for item IDs and direct links

Optional Features

Open the first accordion item by default
Open all accordion items by default
Disable auto closing of accordion items
Manually close items by clicking the title again
Scroll page to title when it's clicked open
Set the HTML tag for the title element
Change the semantic structure of your accordions (advanced)

The Shortcodes

The two shortcodes that are added are:

[accordion]...[/accordion]

and

[accordion-item title=""]...[/accordion-item]

Basic Usage Example

[accordion]
[accordion-item title="Title of accordion item"]Drop-down content goes here.[/accordion-item]
[accordion-item title="Second accordion item"]Drop-down content goes here.[/accordion-item]
[/accordion]

This will output the following HTML:

<div class="accordion">
    <h3 class="accordion-title">Title of accordion item</h3>
    <div class="accordion-content">
        Drop-down content goes here.
    </div>
    <h3 class="accordion-title">Second accordion item</h3>
    <div class="accordion-content">
        Drop-down content goes here.
    </div>
</div>