postTabs allows you to easily split your post/page content into Tabs that will be shown to your visitors.
The colors of the tab can be easily changed to match you theme
Tested on Firefox, IE6, iE7, Opera, Safari and Konqueror.
Please note that although it was tested in all major browsers, it still can have some conflict with a specific theme on a specific browser, and then you will need to adjust you css by hand.
Installation
. Download the package
. Extract it to the “plugins” folder of your wordpress
. In the Admin Panes go to “Plugins” and activate it
Upgrade
. Replace the files
. Go to Setting > PostTabs, choose a value to the new options and save it
Usage
Check the README file for instructions or see the screenshot bellow.
Demo
Hi, Im the text of the first tab! Nnonono onon ononon on onon ononon on onon ononon on onon ononon on onon ononon on onon ononon on onon ononon on onon ononon on onon ononon on onon ononon on onon ononon on onon ononon on onon ononon on onon ononon on onon ononon on
You can have an image inside your tab.
Even Video! Anything you can add on you editor.
Screenshot
oi. excelente plugin! parabéns! como faço para diminuir o espaço onde começa o conteúdo da tab? tem tipo um parágrafo. eu já queria o texto bem colado na tab. é possível? grato!
Hi, how do change the function of one tab so when I click it, I get redirected to another page?
[...] be improved allowing multiple levels, but still: administration is really easy, functionality vast.Post TabsWhile using this plugin will definitely break your site W3C compatibility (usually broken by posts [...]
[...] Post Tabs – If you have been a reader for any time, you KNOW I like to write long posts. The Post Tabs plugin gives you the ability to write a long post, then break it into manageable sections. I hope this makes these long posts easier to digest! [...]
[...] 101 © postTabs Yaz? veya sayfalar?n?zda tab menü tarz? içerik yay?nlayabilirsiniz.. TEST [...]
Oi, leo: estou com um problema com o post tabs. Estou usando o wp 2.9 com o atahualpa 3.44. Minha primeira página é uma pagina estática com uma coluna na lateral direita e um footer que funciona como uma coluna, cheio de widgets. Vc pode ver em: http://www.pequenosprazeres.com.
Quero q essa pagina funcione como uma capa, sempre com uma nova ilustração, imagem, etc. mas para ganhar espaço usei o post tab com uma tab como “capa” e a outra como “apresentação” com um texto.
Qual o problema? O espaço entre a pagina e o footer duplica quando ponho as tabs. Isto é, quando é a página “pura” o espaço é x. Quando insiro as tabs o espaço passa para 2x, esculhambando com o visual. Tem cura?
Hi
I wanted a line to appear beneath the tab area representing [tab:END] so that it’s clear where the tabbed area ends and the following text begins. I modified the postTabs_filter function as follows:
——————————–
#print tabs content
for ($x=0; $x<sizeof($results_t); $x++){
#if tab title is END, just print the rest of the post
if ($results_t[$x]=="END") {
$op .= "\n\n”; <—– ADDED
## Prints the table of contents
if(!is_feed() && $options["TOC"]=="rightAfter") <—– MODIFIED HERE AND BELOW
{
$op.=postTabs_printTOC($results_t,$post,$linktype,$options["TOC_title"]);
$op .= "\n\n”;
}
$op .= substr($a, $results_f[$x]+1);
break;
}
——————————–
It might be nice if this were an option in the settings for the plugin: “add line separators”
-David
Excellent plugin. Implemented it into the site. The process could not be easier. looks and works great. Thanks and keep up the good work.
I love your plugin and it’s so user friendly, thank you so much! I do have one question… How do you force the second line of tabs to the next line (so it’s not breaking up the words). http://www.lauravhdesign.com/resume and take a look at “Awards & Volunteer”.
=) Laura
Hey, totally love your plugin! I’m using it all over the place. I build web sites and develop WordPress customizations myself.
One problem, it seems this plugin is not designed to work without JavaScript. As far as I know, the tabs still appear, but do not function – the content is all displayed at once, which is a good fallback. You can, however, add an anchor tag (or any tag with an id attribute) just below each tabs short-code, turning the tabs into a TOC when JavaScript is not available. The anchor tag (id) needs to have the same exact name as the tab for this to work. That’s what I did, so you can see examples at my sites. (in this case, it would be nice if there was a link to go back up to the TOC in each tabs section)
Also, maybe others requested this already, but when and if you do start adding features to this plugin, it would be nice if it could display multiple sets of tabs on the same page.
Just found the rest of the comments, any chance of adding a translator plugin to your site?
Figured I would answer a few questions since I can…
@Laura
There are two ways to fix this:
In the styles, you can add “ul.postTabs li a{display:inline-block;}”
OR
Use non-breaking spaces in the tab names. So your “Awards & Volunteer Work” tab would be coded as “Awards & Volunteer Work”
You also may want to add margin to the bottom of ul.postTabs li, so that tabs don’t overlap (I think this works, haven’t tested)
@Anybody who cares
You can probably use CSS3 advanced selectors to give each tab a different style, including adding images before the tab text. Each tab and each tabs text link has an id that contains the tabs number, starting with 0 – so the first tab has 0 in the id, the second has 1, and so on. I’m not sure how, but someone might be able to figure this out. (the post’s id number is also used in the tabs, which could be used to allow more than one set of tabs per page, hint hint)
Hope I’m not overstepping…thanks again for such a great plugin!
Sorry Laura, that ‘coded’ version is correct, but you can’t see the code. Basically, replace the spaces with this (but no spaces):
& nbsp;
and replace the normal & with (again no spaces):
& amp;
Hope those codes come out properly, if not, we’ll figure something out…
[...] Plugin Homepage » [...]
Seems to be broken on my website. Using plugin version 2.9.1, Wordpress version 2.9.1. Is there a list of incompatible plugins?
thanks buddy…..very nice plugin…….using on my site..
Ahoy there… I’m unable to get this plugin to work on a site I’m building… Wherever I try to add the tabs, I get a chunk of code that spits out instead:
jQuery(document).ready(function() { if(postTabs_getCookie(’postTabs_29′)) postTabs_show(postTabs_getCookie(’postTabs_29′),29); });
and the tabs don’t appear.
http://www.reuniongenie.com/nice-reunion-lodge/
Does anyone know how to fix this? Thanks!
Is there a way to make this work on the sidebar? I would like to use this to tab some of my chatango chats if possible. Any suggestions? I tried the normal way you would do it in a post but no such luck.
Hi — for some reason, only 3 of the 6 tabs I have for one page actually work. I have checked and re-checked the page itself, and tabs 4, 5 and 6 have been done correctly, but they don’t load. Any thoughts?
http://allaboutdarien.com/facts/
[...] http://pirex.com.br/wordpress-plugins/post-tabs/ [...]
thanks i am using this plugin in my site……..again thanks
nice plugin thanks for creating….
I was using another tabs plugin and it was giving me problems so I started searching for another. Yours said compatible to WordPress 2.7 and I am at 2.9.2 but I gave it a try and it worked beautifully. I wanted to send you a small donation but saw nowhere to do that and I also wanted to encourage you to update the plugin or at least change your WordPress entry to show compatible to 2.9.2 so more would try it.
Ok i get it, the plugin works great.
Actually the problem cames from my template, it cuts the posts in the category and tag pages, so the end tag is not in those pages
Gonna try to fix it.
Hi, this is a great plugin. Thank you so much for this.
I have one question though:
is there a template tag, too. So i could lets say display the content in one tab and the comments in the second tab?
Again. Thank you very much!
Ciao!!! great plugin!!!! is it possible insert in sidebar widget?
sorry for my bad english
hi guys.. this plugin only works on posts and pages content. No template tags or sidebar widgets, sorry
Leo,,