Accordion

From IThemes Codex
Revision as of 08:23, June 22, 2011 by Ronalfy (Talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search

Release date: June 22, 2011 (stable)

Contents

Description

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.

Accordion1.png

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:

Shortcode

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.

F.A.Q.

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 */
	div.pb_thumbsup_item
    	div.pb_thumbsup_media
        	/* MEDIA GOES HERE */
        /* end div.pb_thumbsup_media */
        div.pb_thumbsup_vote
        	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
                	span.plus
                    span.minus
				 /* end div.pb_thumbsup_vote_stats */
			 /* end div.pb_thumbsup_vote_icons */
			div.pb_thumbsup_loading_gif
            /* 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
  2. PluginBuddy.com
  3. Support Forums
Personal tools
Namespaces
Variants
Actions
iThemes Codex
Codex Navigation
Toolbox