Loading ...
Tabs are a nice way to display a huge amount of content on less space. On WordPress powered websites you mostly see them in sidebars. This nice and tiny plugin enables you to use tabs even in your posts and pages. Much more content can then easily be displayed. Another nice feature is that you still can use other plugins inside like a WordPress Gallery Slideshow.
It looks like it must be very complicated to add tabs? Sorry to disappoint you but it’s the simplest step.
Table of contents
Installation
Installation
There are two ways to install this plugin. But both start with downloading the plugin and getting the login information of your FTP account. As I am very lazy writing documentations I’ll only describe the easiest one. So let’s start:
- First you need to login to your backend: http://example.org/wp-admin
- Then you navigate to Plugins -> Add New
- There you can read: “Install a plugin in .zip format” click on the browse button.
- Now find the previously downloaded tabbed-content.zip.
- Click on install now.
- You will be asked if you want to activate the plugin, click on it.
That’s the whole installation of the plugin. Now you can use it.
Documentation
Documentation
Getting started
Let’s now create the first post with a tab container in it. Click on Posts -> Add New and give it some dummy information. When you’re in the text area you have a very simple markup for your tabs:
[ tabcontainer] // Here you define a new tab container [ tab title="sometitle"] // This is a simple tab Here you need some content. [ /tab] [ tab title="moretitle" start="true"] // A checked tab. Some more content goes here. [ /tab] [ /tabcontainer]
Please notice that I let a space between “[" and for example "tab". This is just because I don't want it to be rendered - you must write it without a space!
Theming
Theming
You can override the standard css file by using the same definitions in your style.css with your rules. Another possibility is to download a theme from the jQuery Themeroller – be carefull what version of jQuery you use. And you can also use one of the many themes which I packed up with the plugin. Just take a look in the css folder of the plugin.
FAQ
Frequently Asked Questions
-
Is it possible to use more than one tab container in one post/page?
I have been waiting for this type of plugin! From the looks of things, this is going to be a popular plugin for Wordpress. Unfortunately, when I tried activating it on 2.8, I get the following error:
Parse error: parse error, expecting `T_OLD_FUNCTION’ or `T_FUNCTION’ or `T_VAR’ or `’}” in /qol/wp-content/plugins/tabbed-content/tabbed-content.php on line 32
Any thoughts?
Ok so I’m pretty sure the issue is due to my server running off of PHP 4. Damn. Well if you do have a way around it, feel free to let me know. Otherwise I’ll just have to find a way to upgrade.
@smi1ey:
You should ask your hoster if he can switch you to PHP 5. Most of them doesn’t have a problem with it.
Is there a way to make the tabs stack vertically along the left side of the content box instead of horizontally along the top?
the plugin crashes with my template… that is too bad, I really like it..
Hey there,
This is a pretty slick plugin, nice work! I’m testing it on one of my installs now and it seems to be working as expected.
Thanks for making this available to the communtiy!
@ smi1ey
Hi, it seems that you should remose “static” form the code to make it work with your Php4 hosting (as static is a Php5 only element).
Your line 32 will be : private $id = 0;
(and so on for the follwing lines)
Hope this will help you.
Just a quick question, is it possible to open the tabs from elsewhere on the page – ie a sidebar menu?
I’ve added the link ‘#tab-1-1′ for example, but it isn’t opening and focusing the tabs – I guess this is because it isn’t in the same div?
Any workaround for this?
Other than that, I love this plugin, thanks :)
Great Plugin!! Is there a way to style one of the tabs differently than the others? Ie: So one can stick out more?
How could I accomplish this?
Thanks.
I have been waiting for this type of plugin! From the looks of things, this is going to be a popular plugin for Wordpress. Unfortunately, when I tried activating it on 2.8, I get the following error:
Parse error: parse error, expecting `T_OLD_FUNCTION’ or `T_FUNCTION’ or `T_VAR’ or `’}” in /qol/wp-content/plugins/tabbed-content/tabbed-content.php on line 32
What Any thought?
How change the appareance of this tabbed content?? from jQuery?
Like this!!!
See the image!
is it possible to put this plugin into index.php outside a post or page? to shows all time on site…
thanks for attention..
the plugin looks awesome and pretty much like what i’m looking for. BUT i’m on wordpress 2.9 – any chance to get this working?
if not, does somebody know about a similar plugin working with 2.9?
thanks alot!
@ vivelevin
I’m on 2.9.1.1 (wpmu) and it works as expected:)
Have you tried it on your install?
i uploaded the files to my plugin folder but when i try to install i get the following fatal error:
Parse error: syntax error, unexpected T_STRING, expecting T_OLD_FUNCTION or T_FUNCTION or T_VAR or ‘}’ in /home/punkrdbv/www.pressurepressure.de/wp/wp-content/plugins/tabbed-content/tabbed-content.php on line 32
maybe this is a php 4/5 issue? my provider told me to rename files as “.php5″ instead of just “php”, but if i do so the plugin cannot be aktivated (”not found”)
hmm.. not being an expert on this field! ;)
Thank you very much for this plugin – it works beautifully!
My question is: I use a few themes that have a “feature” block (under the header, above the content, the full width of the blog) – an example is the Flexibility2 theme — how can I make this work in the feature block area please?
So far I have only been able to make this work inside the text area of a post or page.
I would love to be able to use this in the feature blocks and sidebars.
Thank you!!
I am wondering if someone might see what my issue is. I have the tabbed content working fine…
http://www.ryanontheradio.com/about/services2/
I can not get the theme to change. I entered this code on my functions.php page right above near the bottom.
wp_enqueue_style( 'jquery-ui-tabs', plugins_url($path = 'tabbed-content/css/start/ui.all.css'), false, '1.6', 'screen' );
You’ll see I changed “redmond” to “start” . It does nothing to the appearance. Anyone see anything wrong with this scenario?