Enej Bajgorić

ctlt-dev

ubcdev

<p>To make the accordions appear the way you want you need to add your own styling to them<br />
Lets you add accordion to your post and pages.</p>
<p>By using the following shortcodes</p>
<pre><code>[accordions]
[accordion title="title1"] tab content [/accordion]
[accordion title="title2"] another content tab [/accordion]
[/accordions]
</code></pre>
<p>will generate the following html.</p>
<pre><code><div id="random-accordion-id-872" class="accordions-shortcode">
            <h3 id="title1-0" ><a href="#title1-0">title1</a></h3>

            <div class="accordian-shortcode-content" >


 Some Text<br />
            </div>

            <h3 id="title2-1" ><a href="#title2-1">title2</a></h3>

            <div class="accordian-shortcode-content " >


 Some Text<br />
            </div>

</div>
</code></pre>
<p>Additional attributes that you could pass into the shortcode<br />
    [accordions autoHeight=’true’  disabled=’false’ active=0  clearStyle=false collapsible=false fillSpace=false ]<br />
    [accordion title=’title1′ class=’new-class’]<br />
     Some Text<br />
    [/accordion]<br />
    [accordion title=’title2′ class=’new-class’]<br />
     Some Text<br />
    [/accordion]<br />
    [/accordions]</p>
<h3>Sample CSS</h3>
<p>Here is some sample css to get you started.<br />
Another place to look for it would be the http://jqueryui.com/themeroller/, The shortcode used the jQuery UI to generate the accordion.</p>
<pre><code>.ui-accordion-header{
    margin:5px 0 0;
}
.ui-accordion-header a{
    padding:5px 12px;
    background: #CCC; 
    color:#FFF;
    display:block;
}
.ui-accordion-header.ui-state-active a,
.ui-accordion-header a:hover{
    background-color: #DDD;
}
.ui-accordion-content{
    padding-top:10px;
}
</code></pre>


Accordion Shortcode

Lets you easily add accordions into your posts and pages using the accordion shortcode

Chris Baldelomar

<p>The Shortcodes by Angie Makes plugin adds a family of easy to use shortcodes to your WordPress theme. These shortcodes work flawlessly with <a href="http://angiemakes.com/feminine-wordpress-blog-themes-women/" rel="nofollow ugc">Angie Makes WordPress themes</a>.</p>
<h4>Demo</h4>
<p>See A DEMO of These Shortcodes Here:</p>
<p><a href="http://gentry.angiemakes.com/shortcodes/" rel="nofollow ugc">http://gentry.angiemakes.com/shortcodes/</a></p>
<h4>Features</h4>
<p>Here are the handy shortcodes included with this plugin:</p>
<p>Columns</p>
<ul>
<li>1/2 + 1/2</li>
<li>1/3 + 1/3 + 1/3</li>
<li>1/3 + 2/3</li>
<li>2/3 + 1/3</li>
<li>1/4 + 1/4 + 1/4 + 1/4</li>
<li>1/4 + 1/2 + 1/4</li>
<li>1/2 + 1/4 + 1/4</li>
<li>1/4 + 1/4 + 1/2</li>
<li>1/4 + 3/4</li>
<li>3/4 + 1/4</li>
</ul>
<p>Elements</p>
<ul>
<li>Button</li>
<li>Font Awesome Icon</li>
<li>Heading</li>
<li>Highlight</li>
<li>Spacing</li>
<li>Clear Floats</li>
<li>Inline Code</li>
<li>Divider</li>
</ul>
<p>Content</p>
<ul>
<li>Pricing Table</li>
<li>Social Icon</li>
<li>Share Buttons</li>
<li>Testimonial</li>
<li>Countdown</li>
<li>Skillbar</li>
<li>Image</li>
<li>Box</li>
<li>HTML</li>
<li>Preformatted Text</li>
</ul>
<p>Posts</p>
<ul>
<li>Masonry – Box</li>
<li>Masonry – Borderless</li>
<li>Grid – Box</li>
<li>Grid – Borderless</li>
<li>Post Slider 1</li>
<li>Post Slider 2</li>
</ul>
<p>Actions</p>
<ul>
<li>Accordion</li>
<li>Accordion Section</li>
<li>Tabs</li>
<li>Tab Section</li>
<li>Toggle</li>
<li>Google Map</li>
<li>RSVP</li>
</ul>
<p>Wrappers</p>
<ul>
<li>Center Content</li>
<li>Full Width</li>
</ul>
<h4>Professional Support</h4>
<p>We have tested this plugin to work with the latest version of WordPress, but do not offer individual troubleshooting support as this is a free plugin. If you need individual support, we’re happy to assist you if you purchase our premium support by purchasing a premium, Angie Makes WordPress theme from <a href="http://angiemakes.com" rel="nofollow ugc">angiemakes.com</a>.</p>


Shortcodes by Angie Makes

I'm using this on a Genesis site and it does exactly what it says. I'm not really pushing it to the limit, but it's a decent plugin.

Works like it claims

According to me, there is no any other shortcode plugin for wordpress that is better than this. Even not any Premium plugin is good in front of this plugin. Love it!! It is simple, clean and with every necessary option. Work so good with Newspaper theme.

Best of the Best

A plugin that adds a useful family of shortcodes to your WordPress theme.

Accordion Shortcode vs Shortcodes by Angie Makes