Accordion

(Difference between revisions)
Jump to: navigation, search
(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...')
 
(Features)
(3 intermediate revisions by one user not shown)
Line 18: Line 18:
 
** [http://wordpress.org/news/2010/07/eol-for-php4-and-mysql4/ WordPress v3.2 will require mySQL 5.0.15+ (early 2011)]
 
** [http://wordpress.org/news/2010/07/eol-for-php4-and-mysql4/ WordPress v3.2 will require mySQL 5.0.15+ (early 2011)]
 
* WordPress 3.0+
 
* WordPress 3.0+
 +
 +
==Features==
 +
 +
* 4 CSS themes (two horizontal, and two vertical)
 +
* Can adjust the width/height of the Accordion and Accordion items
 +
* Makes use of a post's featured image feature to show images with the Accordion items
 +
* Can embed video or shortcodes into the Accordion content (either via a post or manual entry)
 +
* Can adjust the thumbnail size
 +
* Widget-enabled so you can show an Accordion in any widgetized area
 +
* A shortcode icon is available for posts so you can easily insert an Accordion onto a post or page
  
 
==Shortcode==
 
==Shortcode==
  
Accordion uses the [pb_accordion id='20'] format, where ```id``` is the Accordion's unique id.   
+
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).
 
The shortcode is best placed inside a post or page using the Accordion shortcode icon on the media bar (screenshot).
 +
 +
[[File:Accordion_shortcode.jpg]]
  
 
==Accordion Widget==
 
==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.
 
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.
 +
 +
[[File:Accordion_widget.jpg]]
  
 
==Videos and Tutorials==
 
==Videos and Tutorials==
  
For detailed videos and tutorials, please visit our [http://pluginbuddy.com/purchase/thumbsup/ ThumbsUp page].
+
For detailed videos and tutorials, please visit our [http://pluginbuddy.com/purchase/accordion/ Accordion page].
  
 
==F.A.Q.==
 
==F.A.Q.==
Line 37: Line 51:
  
  
* Allow users to submit their own topics and set up a moderation system so the admin can approve them.
+
* Allow vertical text
* Allow an option to show only the top rated voting group items (e.g., the top 10).
+
* More CSS themes
* 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.
+
 
+
<pre class='brush:php'>
+
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 */
+
 
                
 
                
</pre>
+
 
 
==Additional Resources==
 
==Additional Resources==
 
# [http://pluginbuddy.com/purchase/backupbuddy/ Purchase BackupBuddy]
 
# [http://pluginbuddy.com/purchase/backupbuddy/ Purchase BackupBuddy]

Revision as of 09:14, June 22, 2011

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:

Features

  • 4 CSS themes (two horizontal, and two vertical)
  • Can adjust the width/height of the Accordion and Accordion items
  • Makes use of a post's featured image feature to show images with the Accordion items
  • Can embed video or shortcodes into the Accordion content (either via a post or manual entry)
  • Can adjust the thumbnail size
  • Widget-enabled so you can show an Accordion in any widgetized area
  • A shortcode icon is available for posts so you can easily insert an Accordion onto a post or page

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 shortcode.jpg

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.

Accordion widget.jpg

Videos and Tutorials

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

F.A.Q.

What features are planned for future versions?


  • Allow vertical text
  • More CSS themes


Additional Resources

  1. Purchase BackupBuddy
  1. PluginBuddy Tutorials
  2. PluginBuddy.com
  3. Support Forums
Personal tools
Namespaces
Variants
Actions
iThemes Codex
Codex Navigation
Toolbox