Tabs In Post Keeping It All Above The Fold

UPDATE 2: Have you ever had one of those days where after you wrote a post you wish you could take it all back? This is one of those days. Upon further investigation I discovered this plugin adds 55 additional lines of styling CSS to the page, meaning it pushes your content for every post down away from the bots another 55 lines even if the plugin isn’t used on the page. I believe the styling should be handled differently. Therefore, while writing about this plugin I CAN NOT RECOMMEND USING IT ON YOUR BLOG. And since it adds those lines of code forever while the plugin is active I’ve got to find some way to keep this post published and remove the code from the page. Looks like now I get to try and learn how to put the CSS in the theme style sheet and remove the offending code from the plugin. YEAH!

UPDATE: 12/10/08 Just after I wrote this post a new version of the plugin (2.9) was released.   IT DOESN’T SEEM TO BE WORKING.   I would wait on this or get a copy of version 2.7 (of the plugin not WP).   Here is a link to the 2.7 version I’m using here.

Well at least most of it above the fold. The Plugin is called “Post Tabs

[tab:Text in Tab]

It has a setup screen where you can configure your own color skeme for your tabs in posts to fit the colors of your theme. Relatively simple to use simply put a bracket [ in the your post with tab:Name of Tab followed by a closing square bracket ]. This first tab contains the content text for the post. You can have introduction text as above.

I like it because you can put an entire post with images on succeeding tabs and not have to scroll down to view the images or text.

You can reference an image or video on another tab and the reader can view and play by simply clicking on the appropriate tab

For example:

When viewing property as a perspective new home you might want to check out the neighboring homes on either side. Given what you find you might not even want to go inside.

[tab:Neighbors to the Right of me]
Noisy Neighbors

Noisy Neighbors

[tab:More Information]

Maybe you can use a tabbed approach on a single property listing site with different information on each tab, possible even having your virtual tour on a tab in a single post rather than on an entirely different page.

There are lots of ways you can use a tabbed approach to a particular topic and make it interesting. How it works with mobile blogging I’m not sure. I’ll have to see what this post looks like in my Blackberry Curve once it is published.


By placing a tab:end in brackets you can close the tabbed section and continue posting outside of the tab structure.

I don’t know that I would use it on all post; Actually, I think I would use it sparingly. But it does add something different to you blog and can make a rather long, plain (boring) post more interesting.


  1. When I first saw your post, I thought that would be a cool addition. Thanks for the honest assessment, don’t want to add anything that will cause problems!

  2. Dave,
    I like the idea behind this plugin a lot.
    I don’t know about your concern with appearance in a feed reader but the tabs look nothing like above in the reader I use.

  3. Matt,

    I really don’t like the code that is placed behind the scenes with this plugin. Hadn’t thought of how it looked in a feed reader. Honestly, I don’t take that into consideration much.

    I’ll take a look at it with my BB and see how they look mobile.

    I really can’t recommend this plugin.

  4. My guess is it will look the same in the bb as it does in the feed reader. It seems my Treo strips all tabs and puts it inline instead.
    I like the concept of the plugin, as I think you do too. But, I have to agree with the code issues and display issues. I’m eager to hear how it looks in the bb.

  5. hi there,

    thanks for the feedback and the review on my plugin.

    Id like to point a few things:

    . the plugin is designed in a way that the posts looks fine (without the tabs) on RSS feeds and also in other out-of-context scenarios, such as a print page.

    . I dont agree with you that it is so bad to add those lines of code. Its very few bytes that will load, and it makes no difference at all wether its added on the page or if its called from a separated css file. I do separate the css and js files needed in the admin: these are only loaded in the admin area.

    Its not very trivial to check if the plugin is present in the page (imagine the home page, with 10 or more posts…). And perhaps the processing time needed to check this has no less impact than the few harmless bytes of css added to the page.

    just few thoughts.



  6. Leo,

    The biggest problem I have with the plugin is with the latest version I can’t even get it to work.

    If you noticed from reading the tabs aren’t functioning.

    You are free to disagree about the lines of code added to each page. I and many others don’t like seeing content more than 100 lines from the top. Pushing that content down further and further with every plugin can move the content down to over 1000 lines of code before there is any content to be crawled.

    I like the plugin concept. I really wish the latest version would work. The first version worked 2.0 broke on this blog and the current version isn’t working either. That is the only reason I removed the plugin. I’ve reactivated it so you can see what it is doing.

    I would really love to give it a full endorsement.