Title: Flex Top Bar
Author: bigmikesolutions
Published: <strong>2026 年 6 月 3 日</strong>
Last modified: 2026 年 6 月 3 日

---

搜尋外掛

![](https://ps.w.org/flex-top-bar/assets/icon.svg?rev=3559002)

# Flex Top Bar

 由 [bigmikesolutions](https://profiles.wordpress.org/bigmikesolutions/) 開發

[下載](https://downloads.wordpress.org/plugin/flex-top-bar.0.2.0.zip)

 * [詳細資料](https://tw.wordpress.org/plugins/flex-top-bar/#description)
 * [使用者評論](https://tw.wordpress.org/plugins/flex-top-bar/#reviews)
 *  [安裝方式](https://tw.wordpress.org/plugins/flex-top-bar/#installation)
 * [開發資訊](https://tw.wordpress.org/plugins/flex-top-bar/#developers)

 [技術支援](https://wordpress.org/support/plugin/flex-top-bar/)

## 外掛說明

Flex Top Bar lets you add a configurable notification/announcement bar to the top
or bottom of your site.

**Key features**

 * Display a bar at the **top or bottom** of the site.
 * Edit the message with a **WYSIWYG editor** (text, links, formatting, media).
 * Build the bar layout using **columns** (text, social links, contact, icons, countdown
   timer, and more).
 * Add an **icon** column with optional short text—use bundled icons or **upload
   your own** (PNG, JPG, GIF, WebP, or SVG).
 * Add a **countdown timer** column to count **down** to an end date/time or **up**
   from a start date/time, with timezone support and configurable display styles.
 * **Schedule** when a bar is visible with optional start and end date/time; configure
   times in your chosen timezone, and on the front end the bar is shown to each 
   visitor according to their browser timezone.
 * Customize **background color** and optional **border/frame color**.
 * Changes are saved from the settings screen and you can **publish** when ready.

### Privacy

Flex Top Bar is not designed to collect personal data from your site visitors, and
it does not, on its own, transmit visitor personal data to the plugin author.

The Freemius SDK is bundled with the plugin and active (in the free or Pro version)
for licensing, payments, updates, support, and abuse prevention. Freemius may display
an opt-in consent notice in the WordPress admin (where applicable). If enabled/consented,
Freemius may process data related to the license/installation (for example: license
identifiers, the site domain/URL, IP address, and technical details about the WordPress
environment such as versions and active plugins).

Freemius provides details in their privacy policy: https://freemius.com/privacy/

### License & Disclaimer

This plugin is licensed under the GNU General Public License, version 2 or later(
GPLv2 or later). If anything in this section could be interpreted as limiting rights
granted under the GPL, the GPL takes precedence.

The plugin is provided “AS IS” and “AS AVAILABLE” without warranties of any kind.
You are responsible for testing in a staging environment, keeping backups, and ensuring
your site’s security and compliance. The plugin author is not responsible for data
loss, downtime, or incompatibilities with WordPress versions, themes, other plugins,
or third-party services.

More detailed EULA and disclaimer texts are included in the plugin package under`
assets/doc/`.

### Source code (uncompressed) and build instructions

The JavaScript/CSS shipped in this plugin is built (bundled/minified) from human-
readable source code.

**Source repository (public):** https://github.com/bigmikesolutions/flex-top-bar

**Primary plugin source location:** https://github.com/bigmikesolutions/flex-top-
bar/tree/main/plugins/flex-top-bar

To rebuild the distributed assets locally:

 1. From the repo root, install dependencies: `npm install`
 2. Build the plugin assets: `npm run build:flex-top-bar`

## 螢幕擷圖

 * [[
 * Settings overview screen.
 * [[
 * Basic settings (position and colors).
 * [[
 * Message editor (WYSIWYG).
 * [[
 * Social media/icons configuration.
 * [[
 * Example bars displayed on the front-end.
 * [[
 * Countdown timer column settings in the admin.
 * [[
 * Countdown timer displayed on the front-end.

## 安裝方式

 1. Upload the plugin folder to your `/wp-content/plugins/` directory, or install the
    plugin through the WordPress Plugins screen.
 2. Activate the plugin through the **Plugins** screen in WordPress.
 3. Go to **Settings  Flex Top Bar** to configure the bar.

## 常見問題集

### Where do I configure the bar?

In WordPress admin, go to **Settings  Flex Top Bar**.

### Is Flex Top Bar free? Is there a Pro version?

The plugin works as a **free** plugin by default with core features. There is also
an **optional Pro** upgrade available via an in-plugin checkout to unlock additional
features. The free version remains usable without purchasing anything.

Pro details: https://example.com/upgrade

### Does this plugin add external links or credits to my site?

No. The front-end output is only what you configure in the message editor.

### Can I use external icon libraries or load media from external URLs?

No. For security and performance reasons, the plugin only supports **pre-defined
icons/media** bundled with the plugin, and does not load third-party icon libraries.

### Where does the bar display? Does it depend on my theme?

The bar is intended to display on the front-end of your site based on your settings.
If your theme significantly customizes or replaces standard WordPress hooks/templates,
you may need theme-specific adjustments.

### How do I disable or remove the bar?

You can remove the message or unpublish from **Settings  Flex Top Bar**, or deactivate
the plugin from the **Plugins** screen.

### Does it work with caching plugins/CDNs?

In general, yes. If your cache is serving an old version of the page, clear/purge
your cache after publishing changes.

### What happens on uninstall? Does it delete settings?

By default, WordPress deactivation does not remove saved settings. If you need a
full cleanup, remove the plugin and then delete the plugin’s options from the database.

## 使用者評論

這個外掛目前沒有任何使用者評論。

## 參與者及開發者

以下人員參與了開源軟體〈Flex Top Bar〉的開發相關工作。

參與者

 *   [ bigmikesolutions ](https://profiles.wordpress.org/bigmikesolutions/)

〈Flex Top Bar〉外掛目前已有 1 個本地化語言版本。 感謝[全部譯者](https://translate.wordpress.org/projects/wp-plugins/flex-top-bar/contributors)
為這個外掛做出的貢獻。

[將〈Flex Top Bar〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/flex-top-bar)

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

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

## 變更記錄

#### 0.2.0

 * count-down timer column added
 * icon column with possibility to upload custom icons

#### 0.1.2

 * TZ added for scheduled top-bars

#### 0.1.0

Initial release.

## 中繼資料

 *  版本 **0.2.0**
 *  最後更新 **1 天前**
 *  啟用安裝數 **少於 10 次**
 *  WordPress 版本需求 ** 6.0 或更新版本 **
 *  已測試相容的 WordPress 版本 **7.0**
 *  PHP 版本需求 ** 8.1 或更新版本 **
 *  語言
 * [Czech](https://cs.wordpress.org/plugins/flex-top-bar/) 及 [English (US)](https://wordpress.org/plugins/flex-top-bar/).
 *  [將這個外掛本地化為你的母語版本](https://translate.wordpress.org/projects/wp-plugins/flex-top-bar)
 * 標籤:
 * [admin settings](https://tw.wordpress.org/plugins/tags/admin-settings/)[announcement bar](https://tw.wordpress.org/plugins/tags/announcement-bar/)
   [notification bar](https://tw.wordpress.org/plugins/tags/notification-bar/)[site banner](https://tw.wordpress.org/plugins/tags/site-banner/)
 *  [進階檢視](https://tw.wordpress.org/plugins/flex-top-bar/advanced/)

## 評分

這個項目尚無任何評論記錄。

[Your review](https://wordpress.org/support/plugin/flex-top-bar/reviews/#new-post)

[查看全部使用者評論](https://wordpress.org/support/plugin/flex-top-bar/reviews/)

## 參與者

 *   [ bigmikesolutions ](https://profiles.wordpress.org/bigmikesolutions/)

## 技術支援

使用者可在技術支援論壇提出意見反應或使用問題。

 [檢視技術支援論壇](https://wordpress.org/support/plugin/flex-top-bar/)