[WordPress] 外掛分享： Lightweight High Performance Sticky Bar

前言介紹

  • 這款 WordPress 外掛「Lightweight High Performance Sticky Bar」是 2025-06-06 上架。
  • 目前尚無安裝啟用數，是個很新的外掛。如有要安裝使用，建議多測試確保功能沒問題！
  • 上一次更新是 2025-06-07，距離現在已有 263 天。
  • 外掛最低要求 WordPress 5.0 以上版本才可以安裝。
  • 外掛要求網站主機運作至少需要 PHP 版本 7.0 以上。
  • 尚未有人給過這款外掛評分。
  • 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。

外掛協作開發者

alexgodlewski |

外掛標籤

sticky bar | promotion bar | countdown timer | announcement bar | notification bar |

內容簡介

總結：這款輕量高性能的粘性條是用於公告、促銷或需要可見性而不干擾用戶體驗的重要訊息的完美選擇。它可以在您的網站頂部添加一個可自定義的粘性條，擁有倒數計時器等選項。

問題與答案:
1. 這個外掛的特點有哪些？
- 流暢動畫：顯示和隱藏條時干淨的過渡效果
- 自定義文字：設置您自己的信息以顯示
- 顏色選擇器：使用內置的WordPress顏色選擇器選擇任何背景顏色
- Cookie集成：當訪客關閉時，條保持隱藏
- 可配置持續時間：設置條在關閉後隱藏多少小時
- 管理員條兼容：WordPress管理員條存在時自動調整位置
- 內容友好：添加間距以避免覆蓋網站內容
- 輕量型：對頁面加載時間和性能影響極小
- 手機友好：全面響應式設計，適用於所有設備
- 無依賴性：不需要除了jQuery（隨WordPress附帶）之外的任何外部庫
- 倒數計時器：顯示到特定日期和時間的倒數計時
- 緩存兼容：與頁面緩存插件一起正常運作
- 可自定義倒數計時：位置、顏色、標籤和結束操作

2. 這個外掛的技術細節包括哪些內容？
- 條以第一個元素的形式出現在網站頂部
- 智能定位：在登錄時檢測並調整WordPress管理員條
- 內容間距：自動添加內容間距以防止隱藏內容
- 響應式佈局：適應所有從手機到桌面的屏幕尺寸
- 性能優化：JavaScript和CSS被縮小並且只在需要時加載
- 基於Cookie的記憶：通過記住用戶何時解除條款來尊重用戶偏好
- 倒數功能：顯示目標日期的剩餘天數、小時、分鐘和秒數
- AJAX更新：即使在緩存頁面上也可以確保倒數準確性

以上內容以HTML標籤的項目符號列表形式呈現。

原文外掛簡介

The Lightweight High Performance Sticky Bar is perfect for announcements, promotions, or important messages that need visibility without disrupting the user experience. It adds a customizable sticky bar to the top of your website with options for a countdown timer.
Features

Smooth Animations: Clean transitions when showing and hiding the bar
Customizable Text: Set your own message to display
Color Picker: Choose any background color with the built-in WordPress color picker
Cookie Integration: Bar stays hidden for visitors who close it
Configurable Duration: Set how many hours the bar stays hidden after being closed
Admin Bar Compatible: Automatically adjusts position when WordPress admin bar is present
Content-Friendly: Adds padding to avoid covering your website content
Lightweight: Minimal impact on page load times and performance
Mobile-Friendly: Fully responsive design that works on all devices
No Dependencies: Doesn’t require any external libraries beyond jQuery (included with WordPress)
Countdown Timer: Display a countdown to a specific date and time
Cache-Compatible: Works with page caching plugins
Customizable Countdown: Position, colors, labels, and end actions

Technical Details
The sticky bar appears at the top of your website as the first element in the header. It includes:

Smart Positioning: Detects and adjusts for the WordPress admin bar when logged in
Body Padding: Automatically adds padding to prevent content from being hidden
Responsive Layout: Adapts to all screen sizes from mobile to desktop
Performance Optimized: JavaScript and CSS are minified and only loaded when needed
Cookie-Based Memory: Respects user preferences by remembering when they’ve dismissed the bar
Countdown Feature: Display days, hours, minutes, and seconds remaining until a target date
AJAX Updates: Ensures countdown accuracy even with cached pages

Configuration Options

Bar Text: The message displayed in the sticky bar
Background Color: Color picker for the bar background
Hide Duration: Hours the bar stays hidden after closing
Enable Bar: Toggle to activate/deactivate the bar
Enable Countdown: Toggle to enable the countdown timer
Target Date: The date and time that the countdown targets
After Countdown Ends: What happens when countdown reaches zero (Show Zeros, Remove Countdown, or Remove Bar)
Countdown Position: Where to display the countdown relative to text
Numbers Background: Background color for countdown digits
Numbers Font Color: Text color for countdown digits
Show Labels: Toggle to show/hide time unit labels (Days, Hours, etc.)
Labels Position: Display labels above or below the numbers
Custom Labels: Customize the text for each time unit label

Requirements

WordPress 5.0 or higher
PHP 7.4 or higher
JavaScript enabled in the browser
Cookies enabled for remembering user preferences

Requirements

WordPress 5.0 or higher
PHP 7.4 or higher
JavaScript enabled in the browser
Cookies enabled for remembering user preferences

License
This plugin is licensed under the GPLv2 or later.
Credits
Developed by Alex Godlewski, Hyroes.com
Privacy
This plugin sets a cookie (HyroesStickyBarClosed) in the visitor’s browser when they close the sticky bar. This cookie only stores a simple “closed” status and does not collect any personal information or track users.
The cookie expires after the configured number of hours (default: 24 hours). No data is sent to external servers except for the AJAX requests used to update the countdown timer, which do not contain any personal information.

各版本下載點

  • 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Lightweight High Performance Sticky Bar」來進行安裝。

（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。

1.0.0 |

延伸相關外掛（你可能也想知道）

文章
Filter
Mastodon