leogermani

Rodrigo Primo

Billy Bryant

<p>WordPress Tabs allows you to easily split your post/page content into multiple “Tabbed” sections.  This plugin was adapted from <a href="https://wordpress.org/extend/plugins/posttabs/" title="PostTabs" rel="ugc">PostTabs</a> which had gone dormant in 2011.  The adaptation was to permit both Horizontal and Vertical tabs as well as to expand the style functions.</p>
<p>=Features:=<br />
* The color and style of the tabs can be modified easily to fit with any theme<br />
* Tabs can be displayed either Horizontally (On top of Content) or Vertically (To the Left or Right of Content)</p>
<p>This plugin has been tested on Firefox, IE6, iE7, Opera, Safari and Konqueror.</p>
<h3>Usage</h3>
<p>Go to Settings->Wordpress Tabs (or Options->Wordpress Tabs) to adjust the colors of your tabs.</p>
<p>Edit your post and page and add the code below wherever you want to insert the tab:</p>
<p>[tab:Tab Title]</p>
<p>All the content bellow this code will be inserted inside this tab, untill another tab is declared with:</p>
<p>[tab:Another Tab]</p>
<p>And so on.. untill the end of the page or optionally you can add the code bellow to end the last tab and add more text outside the tabs:</p>
<p>[tab:END]</p>
<p>You can also have text before the first tab. Just type it as normal text…</p>


WordPress Tabs

Wordpress Tabs allows you to easily split your post/page content into multiple "Tabbed" sections.

Skyree

<p>Section Page a simple plugin allowing you to insert dropdown sections in your wordpress pages and posts.</p>
<h4>Prerequisite</h4>
<p>This plugin loads wordpress jQuery.</p>
<h4>Options</h4>
<ul>
<li>HTML tag for section title : Can be <code>h1</code> <code>h2</code> (by default) <code>h3</code> <code>h4</code> <code>span</code> <code>strong</code> <code>em</code> <code>p</code></li>
<li>HTML classes for section : Additional html classes for each sections (optionnal)</li>
<li>HTML classes for section title : Addtional html classes for each sections title (optionnal)</li>
<li>HTML classes for section title wrapper : Addtional html classes for each sections title container (optionnal)</li>
<li>HTML classes for section content : Additional html classes for each sections content (optionnal)</li>
<li>Use a char before section title : Add or not html chars at the left of each sections title</li>
<li>Char when section is closed : Char when a section is closed (default : <code>&#9658</code> )</li>
<li>Char when section is open : Char when a section is open (default : <code>&#9660</code> )</li>
<li>Use animation : Smooth or instant dropdown</li>
<li>Custom Css : Customize the plugin here (optionnal)</li>
</ul>
<h4>Usage</h4>
<p>The plugin add a “Add dropdown section” button to your tinymce editor.<br />
Select your block of text and click the button to wrap the text into a section shortcode.</p>
<pre><code>[section=Title of my section]
Your content
...
[endsection]
</code></pre>
<p>This will be automatically replaced by a dropdown section based on the plugin settings.</p>
<h4>Customization</h4>
<p>Use the Custom Css option with the custom classes options.<br />
You can also modify your theme css file if you are using wordpress on your ftp.<br />
Now when a section is open, it receive the css class <code>owc-sp-active</code> so you can use it for more customization.</p>


Section Page

A simple plugin allowing you to insert dropdown sections in your wordpress pages and posts.

WordPress Tabs vs Section Page