Title: Flex Top Bar Author: bigmikesolutions Published: 2026 年 6 月 3 日 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://cn.wordpress.org/plugins/flex-top-bar/#description) * [评价](https://cn.wordpress.org/plugins/flex-top-bar/#reviews) * [安装](https://cn.wordpress.org/plugins/flex-top-bar/#installation) * [开发进展](https://cn.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.⌉⌊Settings overview screen.⌉[ Settings overview screen. [⌊Basic settings (position and colors).⌉⌊Basic settings (position and colors).⌉[ Basic settings (position and colors). [⌊Message editor (WYSIWYG).⌉⌊Message editor (WYSIWYG).⌉[ Message editor (WYSIWYG). [⌊Social media/icons configuration.⌉⌊Social media/icons configuration.⌉[ Social media/icons configuration. [⌊Example bars displayed on the front-end.⌉⌊Example bars displayed on the front- end.⌉[ Example bars displayed on the front-end. [⌊Countdown timer column settings in the admin.⌉⌊Countdown timer column settings in the admin.⌉[ Countdown timer column settings in the admin. [⌊Countdown timer displayed on the front-end.⌉⌊Countdown timer displayed on the front-end.⌉[ 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 或更高版本 ** * 已测试的最高版本为 **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://cn.wordpress.org/plugins/tags/admin-settings/)[announcement bar](https://cn.wordpress.org/plugins/tags/announcement-bar/) [notification bar](https://cn.wordpress.org/plugins/tags/notification-bar/)[site banner](https://cn.wordpress.org/plugins/tags/site-banner/) * [高级视图](https://cn.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/)