Title: FF Tab Widget
Author: Kharis Sulistiyono
Published: <strong>2013年11月11日</strong>
Last modified: 2014年1月9日

---

搜尋外掛

![](https://ps.w.org/ff-tab-widget/assets/banner-772x250.png?rev=802814)

這個外掛**並未在最新的 3 個 WordPress 主要版本上進行測試**。開發者可能不再對這個
外掛進行維護或提供技術支援，並可能會與更新版本的 WordPress 產生使用上的相容性問題。

![](https://s.w.org/plugins/geopattern-icon/ff-tab-widget_568cbd.svg)

# FF Tab Widget

 由[Kharis Sulistiyono](https://profiles.wordpress.org/kharisblank/)

[下載](https://downloads.wordpress.org/plugin/ff-tab-widget.zip)

 * [詳情](https://zh-hk.wordpress.org/plugins/ff-tab-widget/#description)
 * [評價](https://zh-hk.wordpress.org/plugins/ff-tab-widget/#reviews)
 *  [安裝](https://zh-hk.wordpress.org/plugins/ff-tab-widget/#installation)
 * [開發](https://zh-hk.wordpress.org/plugins/ff-tab-widget/#developers)

 [支援](https://wordpress.org/support/plugin/ff-tab-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](https://github.com/amazingSurge/jquery-tabs).

If you’d like to contribute to the plugin you can find it on [GitHub](http://github.com/kharissulistiyo/FF-Tab-Widget).

FF doesn’t stand for anything.

[PRO version](http://www.kharissulistiyono.com/ff-tab-widget-pro/)

#### 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](https://wordpress.org/plugins/ff-tab-widget/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](https://zh-hk.wordpress.org/plugins/ff-tab-widget/kharisblank@gmail.com?output_format=md)
for plugin customization service.

Contact this [plugin author](http://kharissulistiyo.com).

## 螢幕截圖

 * [[
 * Widget Setting
 * [[
 * Tab Widget
 * [[
 * FF Tab Widget Settings

## 安裝

 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!

## 評價

There are no reviews for this plugin.

## 貢獻者及開發者

“FF Tab Widget” 是一個開源的軟體。以下的人對這個外掛作出了貢獻。

貢獻者

 *   [ Kharis Sulistiyono ](https://profiles.wordpress.org/kharisblank/)

[將 FF Tab Widget 外掛本地化為台灣繁體中文版。](https://translate.wordpress.org/projects/wp-plugins/ff-tab-widget)

### 對開發相關資訊感興趣？

任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/ff-tab-widget/)、
查看 [SVN 存放庫](https://plugins.svn.wordpress.org/ff-tab-widget/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/ff-tab-widget/?limit=100&mode=stop_on_copy&format=rss)
訂閱[開發記錄](https://plugins.trac.wordpress.org/log/ff-tab-widget/)。

## 修改日誌

#### 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

## 其它

 *  Version **1.1**
 *  Last updated **12 年之前**
 *  Active installations **80+**
 *  WordPress version ** 3.0 or higher **
 *  Tested up to **3.7.41**
 *  Language
 * [English (US)](https://wordpress.org/plugins/ff-tab-widget/)
 * Tags
 * [comments](https://zh-hk.wordpress.org/plugins/tags/comments/)[posts](https://zh-hk.wordpress.org/plugins/tags/posts/)
   [sidebar](https://zh-hk.wordpress.org/plugins/tags/sidebar/)[tags](https://zh-hk.wordpress.org/plugins/tags/tags/)
   [widget](https://zh-hk.wordpress.org/plugins/tags/widget/)
 *  [進階顯示](https://zh-hk.wordpress.org/plugins/ff-tab-widget/advanced/)

## 評分

 2.3 out of 5 stars.

 *  [  1 5-star review     ](https://wordpress.org/support/plugin/ff-tab-widget/reviews/?filter=5)
 *  [  0 4-star reviews     ](https://wordpress.org/support/plugin/ff-tab-widget/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/ff-tab-widget/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/ff-tab-widget/reviews/?filter=2)
 *  [  2 1-star reviews     ](https://wordpress.org/support/plugin/ff-tab-widget/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/ff-tab-widget/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/ff-tab-widget/reviews/)

## 貢獻者

 *   [ Kharis Sulistiyono ](https://profiles.wordpress.org/kharisblank/)

## 支援

有話想說？需要協助？

 [檢視支援論壇](https://wordpress.org/support/plugin/ff-tab-widget/)

## 捐贈

想要支援這個外掛的發展嗎？

 [ 贊助這個外掛 ](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=ACYNA5XNUGBUL)