前言介紹
- 這款 WordPress 外掛「Top Bar Notification & Sticky Banners」是 2025-02-10 上架。
- 目前尚無安裝啟用數，是個很新的外掛。如有要安裝使用，建議多測試確保功能沒問題！
- 上一次更新是 2025-04-02，距離現在已有 30 天。
- 外掛最低要求 WordPress 6.7 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 7.4 以上。
- 尚未有人給過這款外掛評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
外掛標籤
topbar | top bar | notification | sticky banners |
內容簡介
**摘要：**
Top Bar Notification & Sticky Banners 是用於在網站頂部或底部顯示橫幅的最靈活和可配置的插件之一。您可以輕鬆為您的訪客添加促銷、公告、消息或橫幅。該插件與大多數主題兼容，包括7種不同的固定方式，並可添加圖像橫幅、公告和消息，並使用內置樣式編輯器輕鬆創建自己的風格。
- **為什麼使用 Top Bar Notification & Sticky Banners 插件？**
- 可以輕鬆將促銷、公告或橫幅添加到您的網站，吸引訪客的注意。
- 這個插件與大多數主題兼容，並包括7種不同的固定方式。
- 您可以自定義橫幅的樣式，並使用內置樣式編輯器添加自己的字體。
- **插件的主要功能及特點有哪些？**
- 頂部和底部橫幅：每個橫幅可以擁有獨特或多個橫幅。
- 可以顯示無限橫幅，多個橫幅時可以以動畫方式運行。
- 自動字體檢測：直接在您的樣式中使用主題字體。
- 提供了豐富的可配置選項，包括固定行為、字體調整、CSS嵌入等。
- **如何自定義 Top Bar Notification & Sticky Banners 插件？**
- 您可以在內置的樣式編輯器中創建無限的橫幅樣式。
- 添加可響應的圖像橫幅或文本橫幅，並添加自定義樣式。
- 進階用戶和主題開發人員可以使用模板系統進行覆蓋，自定義整個插件CSS、橫幅樣式CSS或橫幅HTML。
這個插件提供了豐富的功能和靈活性，使您能夠輕鬆添加橫幅和定制樣式來提升網站的吸引力和效果。
原文外掛簡介
Add sticky top and bottom bars with multiple banners
Top Bar Notification & Sticky Banners is the most flexible and configurable, yet simple, plugin for displaying bars at the top or bottom of your site. Easily add promotions, announcements, messages, or banners to your site for your visitors.
Compatible with most themes, it includes 7 different sticky methods. Add image banners, announcements, and messages. Easily create your own styles with its built-in style editor using your own fonts.
⚡Demo here: Run live preview
🚀 Powerful & easy to use
Top and bottom bars: with unique or multiple banners on each, dismissible or not at your convenience.
Unlimited banners: When there is more than one banner per bar, they run animated.
Optional dismiss: Each bar can have a dismiss button, stored in a cookie only in this case.
Automatic font detection: Use your theme fonts directly in your banner styles.
Banner preview mode: After installation, adjust everything and preview all on the front end while logged in as an admin. Bars remain hidden from other users until you switch to real mode.
✅ Highly theme compatible & configurable
Configurable sticky behavior with 7 modes: Always visible, only at the top, scroll-based reactions, and more.
Wide range of configurable options: Adjust plugin behaviors, fonts, embed CSS, fine-tuning, speed variables, and more.
Highly theme compatible: Includes a custom script to prevent overlapping between the sticky top bar and your sticky theme header (optional, with three distinct modes).
Use your own shortcode: Add any shortcode inside the banner content, it will be replaced.
❤️ WYSIWYG styles & banner edition
User-friendly style editor: Create unlimited bar styles with live WYSIWYG previews directly in the wp-admin side.
Flexible banner content: Add responsive image banners or text banners with or without a CTA button, with your custom styles in each. Live preview.
🏁 Lightweight
Coded for performance: Built-in CSS compiler+minifier: one minfied CSS file.
Minimal footprint: Unique 5 KB JavaScript file & lightweight banner HTML.
No more embeds: Use your own fonts: no extra fonts embed.
Only when requested: Only embedded when some bar is displayed.
🔍 Auto-detection of your own fonts
Out of the box, Top Bar Notification & Sticky Banners plugin will auto-detect your theme fonts. It will be available in the style editor.
You can force re-detection in Top Bar NSB > Settings > Fonts.
You can force admin font load for accurate preview.
You can add fonts that auto-detect can’t see.
However, you can’t use this plugin to add new fonts in your website.
🍭 Use your own CSS
There is more than one way to customize:
1. You can add a custom class on each banner.
2. You can add inline-styles on each style edition page (with live preview)
3. You can add your own CSS in the advanced settings
🔨 Shortcodes for responsive
Use this shortcodes in the banner content editor:
[topbarnsb-desktop] (your desktop image or text content) [/topbarnsb-desktop]
[topbarnsb-mobile] (your mobile image or text content) [/topbarnsb-mobile]
…in any banner you need.
✅ Ready for Advanced users & Theme developers
Template system with overrides for theme developers: override whole plugin CSS, banner style CSS or the banner HTML as you need.
To do it, copy the plugin /templates folder into your theme, and rename the folder to /topbarnsb. Then edit the files as you need.
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Top Bar Notification & Sticky Banners」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
延伸相關外掛（你可能也想知道）
暫無相關外掛推薦。