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

220 Responses to "Wordpress Tabs Slides"

HB | February 6, 2010 @ 7:32 am - Reply

Thanks Abdul for this awesome plugin, I have been using it a lot with no problems, but now there is something I cant figure out, it is showing each tab twice!
http://citymarketingsolutions.com/web/

Aribibi | February 5, 2010 @ 4:09 am - Reply

Hello, is it possible to substitute the link {slide=Slide Title} with a picture ?

It will be nice if you could add in next version an "easy in / easy out just to smooth the mouvement.

Thanks again, it's a nice and very usefull plugin

alex | February 4, 2010 @ 4:50 pm - Reply

how its work?

bee | February 4, 2010 @ 1:51 am - Reply

I want to put that code in my footer, but doesn't works!!

Sare | February 3, 2010 @ 8:30 am - Reply

Good web site and good post. Thanks

kgstew | February 2, 2010 @ 6:18 am - Reply

Hi Abdul,

Thanks for the great plugin. Ive got it installed and everything is working great.

I am trying to find a way to get different tabs to load by default depending on which link a user clicks to get to the page with tabs. Do you have any ideas?

Thank you,

Kyle

Rubin | January 30, 2010 @ 3:02 pm - Reply

I have tried to remove the css line, it shows a heading with the name of the tab below the tab, and the layout breaks. I will get a screenshot, by tomorrow.

Rubin | January 30, 2010 @ 11:59 am - Reply

Hi Abdul,

Quick question, Is there a way to may h2 and h3 display in the tabs? I noticed the css rules for h2 & h3 tags is display=none. Is there a way to make my headings appear in the tab?

Abdul Ibad | January 30, 2010 @ 2:38 pm

Hi Rubin,

Try to comment or remove that line.

Kevin | January 29, 2010 @ 7:47 am - Reply

Hi Abdul, the tab plugin is pushing my sidebar off the screen and down. Only happens on pages where I add tab or slider. Any idea what is causing this? Please follow the link below.

http://www.dancesportlife.com/instruct/

Abdul Ibad | January 30, 2010 @ 2:37 pm

Where's the tab?

Alex | January 26, 2010 @ 8:44 am - Reply

Hello again, I fixed the CSS problem with negative values and now it is OK.

A new problem happened though...

I use two tabs. One is Header text and the other is Paragraph and Unordered List.

When this happens, if I visit the page, the tabber opens in the Second tab (with the ordered list) and not in the first.

If I remove the list from that tab and leave only other text (paragraph or header) the page opens in the first tab, as it should.

There seems to be a small bug here. How can I fix it?

Thank you very much!

Abdul Ibad | January 30, 2010 @ 2:36 pm

Alex, can you give me a screenshot.
I can't figure out.

Wordpress Tabs Slides