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
leogermani how are you doing? i’m eagerly awaiting your posttabs v3.0. thanks for the great plugin.
problem with version 2.9.1. in posts when selecting a tab the tab on other posts would be affected for some reason. version 2.0 did not have this problem so I compared the postTabs.js file between version 2.9.1 and version 2.0. the problem lies here:
jQuery('.postTabs_divs').each(function() {jQuery(this).hide();
});
jQuery('#postTabs_ul_'+post + ' li').each(function() {
jQuery(this).removeClass('postTabs_curr');
});
to fix the issue i was having i replaced the above code with the folowing code from version 2.0.
for(x=0;x<30;x++){if(document.getElementById("postTabs_"+x+"_"+post)){
document.getElementById("postTabs_"+x+"_"+post).style.display="none";
document.getElementById("postTabs_li_"+x+"_"+post).className="";
}else{
break;
}
}
problem solved. i don’t know javascript so i was not able to make changes to the jquery code to fix the problem so my old solution was to copy and paste.
in the above comment i stated that I compared the postTabs.js files. it was actually the postTabs.php files.
Anyways i’ve come across an additional issue. For example if i have 3 tabs in a post labeled A, B and C and I have tab C selected after I refresh the page tab C is still selected but the content has changed and now shows tab A content.
I’m using wordpress 2.8 by the way.
Sorry for so many posts. Anyways I just wanted to give an update on the last problem I ran into. Looks like firefox works fine and the tab info show right but for some reason internet explorer 6 is having a cookie issue. I havent figured it out yet.
[...] PostTabs – for ajaxified tabbed posts [...]
Hi
I love your plugin. It’s quite useful.
I have one question to ask you.
When I go to the post archives for year 2009, I have a list of posts (you can see it by clicking on the link I entered for the website). If I use PostTabs in one post, in the list of posts, the post with PostTabs shows code like following (you can find this at the end of the post list):
Photos
Vidéos
Photos
Vidéos
jQuery(document).ready(function() { if(postTabs_getCookie(’postTabs_1825′)) postTabs_show(postTabs_getCookie(’postTabs_1825′),1825); });
Also I noticed that the tabs appear twice in the post in the list. If have 2 tabs like Photos and Videos, it is written Photos Videos Photos Videos.
I don’t know if there’s something I can do.
Thank you if you have some advise
Raphael
is cool theme! Thank you)))))
[...] 101 © postTabs Yazı veya sayfalarınızda tab menü tarzı içerik yayınlayabilirsiniz.. TEST [...]
Is there a way tostack the tabs vertically along the right side of the text box instead of horizontally along the top of the text box?
anyway so I can add css to it and alter the image and placements of the tab abit?
very nice plugin! ^_^
but i’ve a question…how to put the tabs as in 2 rows?
not sub-tabs, automatically the excedent tabs goes on the second row if necessary…i’ve tryed more solution on css but neither works
someone can help me?
Recently upgraded to Wordpress-MU 2.8 and now POST-Tabs no longer works.
Could you have a look and offer a fix please?
cheers
emmsee
Cairns, Australia
Hi
I’ve found post-tabs incredibly useful for organizing websites using Wordpress as a CMS.
I’ve run into a bug which is giving me so much trouble lately. Whenever you write the word “from” inside a post with post-tabs activated and try to save it, you get a 404 error and the updating is lost. (You wouldn’t believe what I went through to find out that the problem was that single word.) I thought it would get fixed in the last update but I guess nobody has run into it yet.
Any help, please write to me. postbop@gmail.com
It would be nice to be able to style individual tabs by passing additional infomation e.g. [tab: WE 1 class: specialtab]
I find posttabs very usefull.
Hey Leo the plugin is great, but the tabs are not showing up in IE7 for me. Could you email me and I’ll send you the link to the website?
Yo Leo,
How come the version for download here is 2.0, yet the version I have on my site is 2.9.1?
Secondly, I run my site with Wordpress MU which has been recently upgraded – now Post Tabs no longer works.
When will we see an upgrade compatible with WP-MU 2.8?
ta
emmsee
Hi Leo
I wanted to know if it was possible to use posttabs with some php code instead of using the [tab:].
I am using a plugin, TDO mini forms, that enables to create forms that users fill online. As my forms are a bit long, I would like to split them. I tried using [tab: but it didn't work. Instead of creating a tab, it was written [tab:]
I think it would work with a php code.
Could you tell me if I can do something ?
Thank you
Olá. Parabéns pelo excelente plugin.
Gostaria apenas de informar que estou utilizando Post Tabs em um site de testes com Wordpress 2.8.4 e o puglin funcionou direitinho até agora! Foi o único tabs que não deu erro no Wp 2.8… Quanto a browsers, testei com IE 8 e Chrome 2.0.172.39 sem problemas.
Seria interessante que outras pessoas testassem com a nova versão do Wp para atualizar a compatibilidade no diretório wp_puglins em Wordpress. org.
Mais uma vez, parabéns e meus agradecimentos pelo excelente trabalho.
Um abraço,
Iggy
[...] 101 © postTabs Yazı veya sayfalarınızda tab menü tarzı içerik yayınlayabilirsiniz.. TEST [...]
Excelente plugin!
Gostaria de ter tabs na vertical. Isto é possÃvel?
is there a way to anchor a link to a particular tab and have that show by default when linked to? i.e. use:
lorem ipsumSorry I meant to include this in the above post:
lorem ipsum
(html anchor)
[...] 101 © postTabs Yazı veya sayfalarınızda tab menü tarzı içerik yayınlayabilirsiniz.. TEST [...]
This plugin is such a great addition to extending WP!
However, it’s the only plugin preventing me from upgrading to WP 2.8.4
Any idea when or if it will be updated for the latest WP version?
Or is this plugin dead?
Okay… I installed WordPress 2.8.4 and it did not work. The I noticed that I added the code shortcode wrong… (had [tab:END] more than once, etc)
Added the correct shortcode – i.e.
[tab:My 1st Tab]
1st tab content
[tab:My 2nd Tab]
2nd tab content
[tab:END]
And it works fine on 2.8.4! I didn’t need to move any files or code – just installed on 2.8.4 and it worked great!
Thanks for the plugin – it’s really the best one out there!!
Thank you for the great plugin! The only problem I have is small CSS bug with Opera, the list breaks at new lines (In IE, Firefox and Chrome it’s great). Could you take a look, I use 2.7 version.
Sorry, forgot URL of the site, where I use PostTabs – freebg.eu
Is there a way to change the style of how the tabs transition from one to another? More like an innerfade, say?
b
[...] » The sidebarTabs uses a portion the code of the plugin postTabs of Leo [...]
Is this plugin dead?
[...] [...]
Daniel and all,
No. Not completely dead. But for now I am not able to add new features to it, hopefully in a brief future I will come up with a new version
For all the feature requests, sorry but Im not able to do it right now.
[...] 101 © postTabs Yazı veya sayfalarınızda tab menü tarzı içerik yayınlayabilirsiniz.. TEST [...]
Hi Leo, thanks for answering. I asked because of a bug I am experiencing (described above) and wanted to see if you could tell me what’s wrong, or else I will have to use a different solution for my website. Would you please contact me? postbop [at] gmail.com
[...] postTabs by Leo Germani postTabs allows you to easily split your post/page content into Tabs that will be shown to your visitors. [...]
Hi Léo,
First: excuses my bad english, I am a old french man!
Thank’s for this very useful script
I use it many times on my site.
Specially for the “publications page”, it was vey interesting to automatise run on all the tabs with a parametrable time and with loop or not. the run will be stop when the cursor is over the tab or content.
Thank’s if you can upgrade your script.
Give me direct answer on my mail,as quickly as you can.
cordially
Gracias!!!…Lo vi y lo voy a usar me parece excelente este plugin…simple y funcional…Era lo que necesitaba…
Arrrrh,
1/ awesome plugin!
2/BUT … can’t get it to work, I copy and paste the text example. and it creates tabs, but puts all the text in the first tab, the other can’t be accessed (although it is visible).
Is the [tab:Title] .. [tab:title2] … [tab:END]
only for the visual editor ??
hmm ok just figured, I use WP 2.8.4 …
can’t wait for the update.
OUCH!!!
just downgraded to WP 2.7.1 and the same problem occurs !!!
that is the code:
[tab:Title1]
bla bla
[tab:Title2]
bloo bloo
[tab:END]
gives to tabs, but only 1 is accessible and contains all the text (”bla bla” and “bloo bloo”).
Why ?? oh why ??
Hi!
Thanks a lot for plug-in – very nice navigation tool!
I just wonder if it would be possible to add small icons to each tab – i.e.
[tab:ABOUT icon="/images/about-32x32.png"]
or somehow else… Thanks a lot again!
Evgeny
problem comes when a line break. How to switch to the bottom line?
How would you auto center all the content inside the tabs?
Hi, I have recently installed the postTabs plugin and it is exactly what I have been lokking for. All tabs were closely alighed as they should have and the outlook was clean and neat.
However after upgrading Wordpress to 2.8.5. a big gap appeared between the tabs (see how it looks now http://www.pazaruvane.com/photobox.html). Before the upgrade all the tabs were placed in one line.
Please help me decrease the indent between tabs and fix the problem!
Hi,
Thanks for the useful plugin.
When I activate & use this plugin my website become invalid, as per w3c xHTML transitional validation at validator.w3.org.
Problem is in postTabs.php. 33 errors.
Mark
I got a problem when i use it i get this gap between the tabs and a video player. How do i fix this
Am using the latest firefox Browser.
Hi, I’ve installed your useful plugin and added the generated CSS to my own stylesheet. The tabs look like they are fine – just what I want. But… it displays all the content vertically on one page and the tab hyperlinks don’t change the pages. Any suggestions would be very welcome? I’m happy to send you the link to the relevant page and css if you can spare the time to take a quick look for me? I’ve tried all I know. The problem is not browser-specific. Thanks.
Hey, I use your plugin. It works great. I would like to make my site mobile compatible. could you collaborate with mobilewebjunkie and add this 18 lines of code so that the tabs show up on mobile phone browsers.
thanks
http://mobilewebjunkie.com/how-wordpress-developers-can-mobilize-their-plugins/#more-514
Hi there,
Have you tested it on mobile. Post Tabs should not display the tabs outside the content of wordpress (such as RSS feeds) or when there is no JS. How does it show up in the mobiles?