From iThemes Codex
Revision as of 14:23, 22 June 2011 by Ronalfy (talk | contribs) (Created page with ''''Release date:''' June 22, 2011 (stable) == Description == Accordion is a commercial WordPress plugin that allows you to group items together in accordion format (vertical or...')
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search

Release date: June 22, 2011 (stable)


Accordion is a commercial WordPress plugin that allows you to group items together in accordion format (vertical or horizontal). Items can be posts, pages, and data from our built-in Accordion post type.


Server Requirements & Recommendations

Server configuration is a very complex topic and varies wildly between hosts, server operating systems, and even the personal preference of the server administrator. Below are the bare minimum requirements for the plugin along with the recommended setup to get the most out of this plugin. You may use ServerBuddy to help you determine how your server compares to our minimum requirements & recommendations.

Server Requirements & Recommendations

Requirements for functionality:


Accordion uses the [pb_accordion id='20'] format, where ```id``` is the Accordion's unique id.

The shortcode is best placed inside a post or page using the Accordion shortcode icon on the media bar (screenshot).

Accordion Widget

A Widget option is available for showing Accordion in any widgetized area. In the WordPress admin area, head to Appearance->Widgets and drag the Accordion widget to your desired area. Select which Accordion you would like to show and save the widget.

Videos and Tutorials

For detailed videos and tutorials, please visit our ThumbsUp page.


What features are planned for future versions?

  • Allow users to submit their own topics and set up a moderation system so the admin can approve them.
  • Allow an option to show only the top rated voting group items (e.g., the top 10).
  • More thumbs-up icon sets and style options.
  • Allow votes from only logged-in users.
  • Hide stats
  • Do ThumbsUp or ThumbsDown only

Advanced CSS Override

Advanced users may want to disable the ThumbsUp CSS to better integrate the plugin into their theme.

The plugin's CSS may be disabled in the ThumbsUp settings page in the WordPress admin area.

Listed below is the structure for displaying the ThumbsUp Items.

div.pb_thumbsup_container /* or div.pb_thumbsup_widget_container for widgets */
        	/* MEDIA GOES HERE */
        /* end div.pb_thumbsup_media */
        	div.pb_thumbsup_vote_icons, div.pb_thumbsup_light /* Can also be  div.pb_thumbsup_dark */
            	a.pb_thumbsup_icon, a.pb_thumbsup_selected /* .pb_thumbsup_selected is present if the icon has been selected */
                a.pb_thumbsdown_icon, a.pb_thumbsdown_selected /* .pb_thumbsdown_selected is present if the icon has been selected */
				div.pb_thumbsup_vote_stats, div.pb_thumbsup_display_stats
				 /* end div.pb_thumbsup_vote_stats */
			 /* end div.pb_thumbsup_vote_icons */
            /* end div.pb_thumbsup_loading_gif */
		/* end div.thumbsup_vote */
	/* end div.pb_thumbsup_item */
    /* MORE ITEMS */
/* end div.pb_thumbsup_container */

Additional Resources

  1. Purchase BackupBuddy
  1. PluginBuddy Tutorials
  3. Support Forums