[WordPress] 外掛分享: Floaty Header – Sticky Header, Floating Bar & Announcement Bar

WordPress 外掛 Floaty Header – Sticky Header, Floating Bar & Announcement Bar 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「Floaty Header – Sticky Header, Floating Bar & Announcement Bar」是 2025-07-17 上架。
  • 目前有 100 個安裝啟用數。
  • 上一次更新是 2026-02-02,距離現在已有 24 天。
  • 外掛最低要求 WordPress 5.5 以上版本才可以安裝。
  • 外掛要求網站主機運作至少需要 PHP 版本 7.4 以上。
  • 有 1 人給過評分。
  • 還沒有人在論壇上發問,可能目前使用數不多,還沒有什麼大問題。

外掛協作開發者

amandeepwebspero |

外掛標籤

elementor | sticky menu | sticky header | floating header | sticky announcement bar |

內容簡介

總結:
FloatyHeader 讓您輕鬆地將任何頁首或導覽列固定在畫面頂部。它可針對任何類別或 ID,控制頁首的固定方式與時機。

問題與答案:
<ul>
<li>問題:FloatyHeader 主要提供什麼功能?</li>
<li>答案:FloatyHeader 讓您可以輕鬆將任何頁首或導覽列固定在畫面頂部。</li>

<li>問題:您可以針對什麼來設定固定的頁首?</li>
<li>答案:您可以針對任何 class 或 ID 來設定 FloatyHeader。</li>

<li>問題:FloatyHeader 的功能包含哪些控制?</li>
<li>答案:您可以控制如何以及何時頁首變為固定狀態。</li>
</ul>

原文外掛簡介

Floaty Header is a lightweight and flexible sticky header plugin that helps you fix any element to the top of the page when scrolling — be it your header, navigation, or an announcement bar. Perfect for improving user navigation, increasing visibility of key elements, and maintaining branding on long pages.
⚡ New: Sticky on Scroll Up
With the sticky on scroll up feature, your header or navigation remains hidden while users scroll down and only becomes visible when they scroll up. This keeps your site clean, uncluttered, and content-focused while still providing easy access to navigation. This functionality is fully customizable for desktop and mobile, giving you precise control over when and where the sticky header appears.
To make any element sticky, simply enter its CSS selector — whether it’s header, #site-header, .main-navbar, or more specific elements like header > div.logo-wrap or .top-bar nav.primary ul.menu. No coding required!
✨ Features
⬆️ Sticky on Scroll Up – Keep your header hidden while scrolling down and reveal it when users scroll up for better UX and unobstructed content.
🎨 Scroll Transition Effects – Smooth Fade or Slide animations when your header becomes sticky.
🖌️ Custom Sticky Background & Text Color (Mobile & Desktop) – Independently style your sticky header for both mobile and desktop with live color pickers.
📏 Offset Control – Set the scroll distance before your header sticks to the top.
📱 Mobile-Friendly Control – Option to disable sticky behavior on mobile devices.
📢 Sticky Announcement Bar Support – Make any announcement bar sticky for promotions or alerts.
🎯 Improved Styling & UI/UX – Enhanced handling for links, buttons, icons, SVGs, toggles, and form spacing in the settings page.
⚡ Optimized Performance – Lightweight updates to ensure fast, conflict-free behavior.
✅ Additional Highlights

Make any element sticky – headers, announcement bars, navigation.
Works with any theme or page builder.
Simple, clean UI with live previews and toggles.
Easy setup – no coding required.

各版本下載點

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

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


1.0.1 | 1.2.0 | 1.2.1 | 1.2.2 | 1.2.3 | 1.2.4 | 1.2.5 | 1.2.6 | trunk |

延伸相關外掛(你可能也想知道)

暫無相關外掛推薦。

文章
Filter
Apply Filters
Mastodon