Wordpress Tabs Slides

October 27th, 2009

Summary

Wordpress Tabs Slides give you tabs and slides (in post/page) gives you the ability to easily add content tabs and/or content slides. The tabs emulate a multi-page structure, while the slides emulate an accordion-like structure, inside a single page!

Installation

1. Upload folder wp-tabs-slides to the /wp-content/plugins/ directory.
2. Activate the plugin through the 'Plugins' menu in WordPress.
3. Test and enjoy!

Usage

You can use shortcode Tabs:

{tab=Tab Title} Contents {/tabs}

{tab=Tab 1}
Contents Tab 1
{tab=Tab 2}
Contents Tab 2
{/tabs}

Slides:

{slide=Slide Title} Contents {/slide}

Screenshot

Tabs

Slider
Slider

Changelog

Click here to see changelog

Support & Donate

Report bugs and feature request use contact form. Support plugin development if you need support regarding to this plugin.

Download

Download Wordpress Tabs Slides

Category: Projects
Tags: Projects, Wordpress

216 Responses to "Wordpress Tabs Slides"

Elio Franco | March 7, 2010 @ 8:10 pm - Reply

Hi! I'v just update your plugin but it seems like it is disabled in homepage (i've checked out "Disable in front page" in plugin's options=

Abdul Ibad | March 7, 2010 @ 11:54 pm

Thanks Elio.

To fix it, go to line 84 or search is_home()

then remove from line 84 until line 86

The Code to remove is like this

if(is_frontpage() || is_home()){
return
}
Elio Franco | March 8, 2010 @ 6:30 am

thanks! now it works!

Ted | March 6, 2010 @ 12:15 pm - Reply

Your plug in stopped working after an upgrade. Getting a JavaScript Error. Deactivated all other plug-ins problem persists. Suggestions?

Abdul Ibad | March 7, 2010 @ 3:05 pm

Hi ted,

can you tell more specific?

You're wordpress version ?

or link to the page ?

Henk | March 2, 2010 @ 8:13 am - Reply

@ Abdul...

why don't you add this to line 1 of your stylesheet, it will make te posts and comments much more readable:
p {
line-height:150%;
margin:1em 0;
}

I still hope to find a way to use the plugin and get it to validate ... I am still hoping someone here will come up with a good idea !

ade | March 2, 2010 @ 7:30 am - Reply

Any chance you can address my previous comments?

I really like this plugin... but there is a bunch of things really winding me up about it
1 - why the hell is it sticking spam into my excerpts - as seen in this pic: http://i50.tinypic.com/2la8qs0.png - that is frankly COMPLETELY OUT OF ORDER DUDE... especially as the bulk of this plugin is not even your own work but actually taken from the joomla plugin

2 - the validation is absolutely terrible, when you run any page containing either tabs or slides through w3 validator you get a bunch or errors, depending on the number of tabs/slide somewhere in the region of 20-30 errors

3 - The most annoying of the validation errors is a stray paragraph tag "" in there somewhere... this depending on the browser is parsed in different ways, this has the knock-on effect of breaking the styling of the tabs/slides making it impossible to get consistent styling across all browsers... fix the styling in one browser, and it will break in another
You are on the verge of creating the ultimate tabs & slides plugin for wordpress... but these 3 problems are holding it back in a big way... I urge you to get them fixed

Henk | March 2, 2010 @ 8:09 am

@ Ade,

just like you I was surprised at the validation, I did some research posted here on februari 13...

Just a little extra about the validation. I looked a bit further into the matter and found out that its is not the fault of the tabs & slides plugin.
The way Wordpress insists on wrapping everything in p tags causes the warnings/errors. Abdul has refered to the wpautop info is here: http://codex.wordpress.org/Function_Reference/wpautop

Other post about the problem here: http://wordpress.org/support/topic/201178

In Wordpress its simply not possible to insert real html in an easy way.
While writing this post I thought of a way to get valid code and still use the tabs, but that is only for people who want to use the editor in html mode and use the tables that webdesigners have been trying to get rid off.
I will do some more testing and post the method here later on.

so its absolutely not Abdul who is to blame for the validation errors.

There is a way to get rid of most of the errors, but I doubt if you want to use it... what you do is stick the whole content of your tabbed post in a table and it will nearly validate, (about 3/4 errors)

But its not a userfriendly way of creating posts

Adam Atkinson | March 2, 2010 @ 6:22 am - Reply

Fantastic plugin, thankyou, I was just wondering is it possible to edit the code somehow, so that on mouse over it changes to the selected tab rather than having to click it.

Thankyou

Wordpress Tabs Slides