totally-tabular-header

Totally Tabular Tabbed Slider WordPress Plugin

Responsive Tabbed Widgets – Aiming to Increase Usability through responsive tabbed-regions & drop-down-menus.

Install

Totally Tabular - Responsive Tabbed Widget WordPress plugin

Installation Guide:
  1. Activate Plugin
  2. Visit Appearance >> Widgets & Add widgets to 'Tabular Sidebar'
  3. Use [tabular] shortcode Tabular-Sidebar in your WordPress theme, posts or pages.
  4. Tabs will cycle automatically & switch between tabs when clicked.
  5. Visit Settings >> Totally Tabular to change the speed of the animation
  6. Only One [tabular]-shortcode supported per-page! (at this point)
Use [tabular]-shortcode to include widgets added to the Tabbed-Sidebar in your WordPress theme. Tabs will cycle automatically & are clickable.
Gallery
Twitter
D/L
Download Totally Tabular here!
(I'll get this thing hosted on wordpress.org sometime soon)
Visit the GitHub Repo Here

Totally Tabular – Responsive Tabbed Widget WordPress plugin

This WordPress plugin adds a sidebar which you can then add widgets to. Output the sidebar anywhere in your theme (or post/page contents) using the [tabular] shortcode. Any widgets added to the sidebar will be displayed as tabbed content. The css-styles are still rough and I plan to add more options to the admin-interface. This is a beta release. Please email me your feedback.


This program is free software; you can redistribute it and/or modify
it under the terms of the GNU General Public License, version 2, as
published by the Free Software Foundation.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program; if not, write to the Free Software
Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA


Installation Guide:
  1. Activate Plugin
  2. Visit Appearance >> Widgets & Add widgets to ‘Tabular Sidebar’
  3. Use [tabular]-shortcode Tabular-Sidebar in your WordPress theme, posts or pages.
  4. Tabs will cycle automatically & switch between tabs when clicked.
  5. Visit Settings >> Totally Tabular to change the speed of the animation
  6. Only One [tabular]-shortcode supported per-page! (at this point)

Use [tabular]-shortcode to include widgets added to the Tabbed-Sidebar in your WordPress theme.
Tabs will cycle automatically & are clickable.


Download Totally Tabular here!
(I’ll get this thing hosted on wordpress.org sometime soon)


Visit the GitHub Repo Here*This is a ‘Developer-release’ The options-page to adjust the speed & colour of the output hasn’t been built yet*


Developer Notes

As of right now the whole tabbed-area is css position:relative and the tabbed content-areas position:absolute. This is because the widgets are output in a title1,content1,title2,content2 sequence.

I had to position the content areas a fixed amount from the top of their container to make room for the tabs / links… Any other configuration results tab/content/tab/content… Rather than tab/tab/rotating-content.

Ideally I would like to see them output in title1,title2,title3 – content1,content2,content3 sequences so I could avoid using absolute-positioning which may not display where expected in some themes.

It’s one thing to filter the widget titles… But I’m finding filtering the content output with each widget to be difficult, as there is no one way to format widget-content, and thus no one-way to filter them all to behave in this custom-formatted sidebar. If you find bugs or can suggest improvements please get in touch with me.

2 thoughts on “Totally Tabular Tabbed Slider WordPress Plugin”

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Current ye@r *