FF Tab Widget

January 09, 2014

FF Tab Widget Plugin

Display popular posts, recent posts, recent commets, and tags in an animated tabs in a single widget.

FF Tab Widget is a great solution for you to display different contents in a single widget. You can display popular posts, recent posts, recent commets, and tags in an animated tabs.

  • Easy to install, just drag the widget into your widgetized sidebar.
  • Has widget options: Label name, limit tab content and show/hide tab item.
  • Uses jQuery Tabs script.

If you’d like to contribute to the plugin you can find it on GitHub.

FF doesn’t stand for anything.

PRO version

Usage

Simply go to Appearance > Widgets and drag “FF Tab Widget” instance to the sidebar of your choice. Within the widget are several options where you can show/hide tab item and specifify the content limit. See the screenshots for more details.

Tabs Widget Style

The tab widget style tested on “Twenty Twelve” theme (see the plugin screenshot). It may look different on other themes. You can adjust its style by modifying CSS file (fftw.css) inside the plugin folder. To make developers easy to make modification I also profide the LESS file (fftw.less).

If you do not have time to make your tabs widget looks beautiful on your theme, you can contact me for plugin customization service.

Contact this plugin author.

Installation

  1. Download the WP Dropdown Hierarchial Category UI Plugin.
  2. In your WordPress Administration, go to Plugins > Add New > Upload, and select the plugin ZIP file.
  3. Activate the plugin.
  4. Go to plugin setting page: “FF Tab Widget” admin menu.
  5. Go to Appearance > Widgets > Drag “FF Tab Widget” – then drop in your prefered sidebar area.
  6. Fill the widget setting fields.
  7. Click Save, and enjoy!

Screenshots

  1. Widget Setting

    Widget Setting

  2. Tab Widget

    Tab Widget

  3. FF Tab Widget Settings

    FF Tab Widget Settings

Changelog

1.1

  • Add plugin settings page
  • Improve CSS rules

1.0

  • Fix bug: content/excerpt disappear https://wordpress.org/support/topic/very-bad-10#post-5030497
  • Fix JS conflict with default WordPress script (jQuery UI Tabs)

0.3

  • Change ‘assets’ folder to ‘includes’

0.2

  • Add missing files

0.1

  • Initial release

Details

  • Version: 1.1
  • Active installations: 60
  • WordPress Version: 3.0
  • Tested up to: 3.7.41

Ratings


5 Stars
4 Stars
3 Stars
2 Stars
1 Stars