=== News Ticker – Floating Headlines & Sticky Alerts ===
Contributors: awordpresslife, razipathhan, hanif0991, muhammadshahid, fkfaisalkhan007, sharikkhan007, zishlife, FARAZFRANK
Tags: news ticker, breaking news, sticky bar, alerts, news header
Requires at least: 5.8
Tested up to: 7.1
Stable tag: 1.3.4
Requires PHP: 5.6
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
A high-performance floating news ticker for WordPress featuring smooth CSS animations, a modern React dashboard, and complete customization.
== Description ==
Need a fast **News Ticker** for your WordPress site? You found it. This plugin adds a clean **sticky bar** to your pages. It shows **breaking news**, custom **alerts**, or your latest posts easily. It is built to grab attention instantly without slowing down your website.
### Add a News Header in Minutes
Adding a **news header** is very easy. You get a modern admin dashboard built with React. It lets you build a scrolling bar without writing any code. We made the setup process simple for everyone.
* **Live Preview:** See your design changes right away as you type.
* **Fast Code:** Runs on pure JavaScript. It completely removes bulky jQuery dependencies.
* **Smart Cache:** Uses WordPress Transients to keep your site fast. It saves database queries automatically.
* **Easy Migration:** Upgrading from old versions? Your settings move over automatically.
* **Mobile Ready:** The ticker adapts to phones, tablets, and desktop screens flawlessly.
**Pro Version Details - Floating News Headline Pro**
**Pro version Live Demo Floating News Headline Pro Demo**
### Free vs Pro Features
Here is a quick breakdown of what you get in the free version versus what is unlocked in the Pro version.
**Free Version Features:**
* **Live Dashboard Preview:** See your design changes right away as you type.
* **3 Premium Themes:** Corporate Classic, Dark Night, and Floating Pill.
* **Content Sources:** Pull headlines from your latest posts, manually select specific posts, or create custom alerts.
* **Custom Labels:** Change the prefix text easily (e.g., "Trending Now" or "Breaking News").
* **Animation Controls:** Adjust scroll speed and control the gaps between your headlines.
* **Infinite Looping:** Text scrolls forever without awkward blank spaces.
* **Pause Button:** Users can pause the ticker to read comfortably.
* **Display Placement:** Automatically stick to the top of your site or use a shortcode anywhere.
* **Scroll Behavior:** Make the ticker stay fixed, or hide it cleanly when users scroll down.
* **Visibility Rules:** Show it everywhere, or restrict it to just the homepage.
* **Smart Caching:** Uses WordPress Transients to keep your site fast and save database queries.
* **Vanilla JavaScript:** High-performance code with zero jQuery dependencies.
* **Responsive Layouts:** Looks great and works flawlessly on desktop, tablet, and mobile devices.
**Pro Version Exclusive Features:**
* **17 Additional Premium Themes:** Unlock advanced designs including Glassmorphism, Brutalist, Cyberpunk, Neumorphic, Retro, Terminal, Organic, and more!
* **RSS Feeds & WooCommerce Integration:** Pull scrolling news directly from external RSS feeds, or display WooCommerce products with "On Sale" filters and price tags.
* **Advanced Filtering & Ordering:** Filter your post headlines by specific Categories, Tags, and Authors. Sort them by Date, Title, or Custom Order.
* **Multi-Alert Support:** Add multiple custom alerts in a single ticker instead of just one.
* **Custom Reviews Showcase:** Manually create and display beautiful customer reviews with author names, photos, and 5-star ratings.
* **Advanced Display Controls:** Enable RTL (Right-to-Left) direction, add a "Close" button for users to dismiss the ticker, and inject Custom CSS.
* **Scheduling:** Set exact Start and End dates to run promotional tickers automatically during sales or events.
* **Advanced Visibility Rules:** Target specific pages, post types, or categories with multiple visibility conditions.
* **Higher Limits:** Display up to 50 headlines at once (compared to 20 in the free version).
* **Metadata Controls:** Hide author names and categories for a cleaner look.
* **Analytics & Statistics:** Track impressions and performance directly from a dedicated dashboard.
* **Backup & Migration:** Drag-and-drop JSON import/export dashboard to move your settings easily.
* **Priority Support:** Get direct assistance through our integrated Help Hub.
### Style Your Floating Headlines
Your **Floating Headlines** should look great and match your brand. That is why we include three ready-to-use themes. You can pick a style with just one click.
* **Corporate Classic:** Clean and sharp indigo design. Includes post thumbnails and a document icon. Great for business sites.
* **Dark Night:** High contrast dark slate design. Features sleek dividers and green pulses. Perfect for tech blogs.
* **Floating Pill:** Rounded edges with a modern glass blur effect. Best for creative sites and startups.
* **Custom Labels:** Change the prefix text easily. Use phrases like "Trending Now" or "Breaking News".
### Smart Features for Breaking News
Take full control of your **breaking news** content and animations. You can decide exactly what your visitors see.
* **Pick your source:** Show your most recent posts automatically. You can also pick specific posts by hand.
* **Custom text:** Type your own messages. Link them to any page or external site.
* **Change the speed:** Use an intuitive slider. You can make text move fast or very slow.
* **Control the gaps:** Add more space between your headlines easily. Make it dense or spread out.
* **Infinite loop:** Text scrolls forever. It duplicates items automatically to prevent awkward blank spaces.
* **Pause button:** Users can stop the scrolling text at any time to read comfortably.
### Place Your Sticky Alerts Anywhere
You decide exactly where your **Sticky Alerts** appear. We give you full flexibility over the layout.
* **Top of the page:** The bar sticks to the top automatically using standard WordPress hooks.
* **Scroll settings:** Make it stay fixed, or hide it cleanly when users scroll down.
* **Page rules:** Show it everywhere, or restrict it to just the homepage.
* **Shortcodes:** Put a **news header** exactly where you want it. Paste it inside posts, pages, or widgets.
* **High Security:** Only admins can change settings. We sanitize all inputs to keep your site safe.
== Installation ==
= Automatic Installation =
1. Go to **Plugins → Add New** in your WordPress admin.
2. Search for **"Floating News Headline"**.
3. Click **Install Now**, then **Activate**.
4. Navigate to **News Headlines** in your admin sidebar to configure your ticker.
= Manual Installation =
1. Download the plugin ZIP from WordPress.org.
2. Go to **Plugins → Add New → Upload Plugin**.
3. Upload the ZIP file and click **Install Now**.
4. Activate the plugin through the **Plugins** menu.
= From Source (Developers) =
1. Clone the repository into `/wp-content/plugins/floating-news-headline`.
2. Run `npm install` to install dependencies.
3. Run `npm run build` to compile the React admin and frontend assets.
4. Activate the plugin in WordPress.
= After Activation =
* The ticker will automatically appear at the **top of your site** if "Sticky Top" placement is selected (default).
* To place it manually, use the shortcode `[fnh_ticker]` or `[floating_news_headline_ticker]` in any post, page, or widget.
== Frequently Asked Questions ==
= How do I enable or disable the News Ticker? =
Go to the admin menu. Use the toggle switch in the dashboard. This turns the **News Ticker** on or off globally.
= Can I use it as a shortcode? =
Yes! You can put a **news header** anywhere using `[fnh_ticker]`. Just set the placement to "Shortcode" in the settings.
= Does it support custom post types? =
The free version shows standard posts. The Pro version can show products, reviews, and other **Floating Headlines**.
= Can I show the sticky bar only on the homepage? =
Yes. Go to the Visibility tab. Set it to show on "Homepage Only". The **sticky bar** will hide on other pages.
= How do I change the speed of my breaking news? =
Go to the Animation tab. Use the slider. You can make your **breaking news** scroll fast or slow.
= How do I change the label text? =
Go to the Content tab. You can change the label to say "Breaking News", "Latest Updates", or anything else.
= Will it slow down my website? =
No. It uses pure JavaScript and GPU animations. It is very light and fast.
= Does it conflict with my theme? =
Very unlikely. It uses unique class names. Your theme CSS will not break it.
= Can I display custom alerts instead of posts? =
Yes. You can select "Custom Alert" in the settings. Then, type your text to show special **Sticky Alerts** with a link.
= How does caching work? =
The plugin caches data for 10 minutes. This saves database queries and keeps your **alerts** loading fast.
= Is the plugin translatable? =
Yes. You can translate all user-facing text easily.
= What hooks and filters are available? =
Developers can use the `floating_news_headline_items` filter. This lets you change the items before they show on the screen.
== Screenshots ==
1. The modern React-based admin dashboard with instant live preview and tabbed settings.
2. Corporate Classic template — professional Indigo design with post thumbnails and metadata.
3. Dark Night template — high-contrast Slate design with emerald status pulses.
4. Floating Pill template — translucent blur effects with bubble-style rounded corners.
5. Content settings panel showing source selection, manual post picker, and custom alerts.
6. Animation settings panel with speed slider and item spacing control.
== Changelog ==
= 1.3.4 — 2026-06-06 =
* **New Feature:** Added a floating "Pro Live Demo" button in the plugin dashboard pointing to the Pro live demo page.
* **Fix:** Removed underlines from the "Get Pro Now" and "Contact Support" buttons in the admin dashboard for a cleaner, modern design.
* **Fix:** Synchronized the maximum Headline Gap ("item_spacing") sanitization limit to 300px to perfectly match the settings UI range.
= 1.3.3 — 2026-04-10 =
* **Fix:** Resolved URL truncation issue in Custom Alert when typing rapidly (added debounce to preview).
* **Fix:** Ensure dashboard preview updates instantly when selecting posts in Manual Selection mode without needing to save first.
* **Compliance Update:** Removed artificial 5-post limit on Manual Post Picker to follow WordPress.org Guideline 5.
* **Feature Enhancement:** Manual Selection now supports unlimited posts in the free version.
* **Maintenance:** Updated admin UI and documentation to match current capabilities.
= 1.3.2 — 2026-04-01 =
* **New:** Dedicated "Shortcode" documentation tab in the admin dashboard for easier manual placement reference.
* **Fix:** Synchronized Dashboard Preview height and theme icons (Corporate Classic document icon) with the live site.
* **Fix:** Synchronized scroll speed logic between the admin preview and the frontend for a matching experience.
* **Enhancement:** Decoupled shortcode visibility from site-wide targeting rules — shortcodes now work on any page regardless of "Display On" settings.
= 1.3.1 — 2026-03-31 =
* **New:** "Scroll Behavior" setting in Visibility tab — Choose how the headline bar behaves on page scroll.
* **New:** "Fixed" mode — Visible at top, hides after scroll (Default).
* **New:** "Sticky on Scroll" mode — Always visible at the top, stays sticky while you scroll down.
* **Enhancement:** Flattened design for all ticker themes (Corporate, Dark) and Admin UI for a modern sharp look.
* **Enhancement:** Emerald Floating Pill theme updated with a flat bar but kept rounded label for a unique look.
* **Fix:** Resolved double caret icons in admin dropdowns (Display Target Pages).
* **Fix:** Solid background for Corporate Classic template to prevent transparency when sticky.
* **Optimization:** Added rAF-throttled scroll listener for performance.
= 1.3.0 — 2026-03-31 =
* **Complete Architectural Rebuild** — Entire plugin rewritten from scratch with modern PHP (namespaced, PSR-4 autoloaded) and a React-based admin dashboard.
* **New:** High-fidelity React admin dashboard with instant live preview
* **New:** 3 premium themes — Corporate Classic, Dark Night, Floating Pill
* **New:** GPU-accelerated CSS marquee animation using `transform: translateX()`
* **New:** BEM CSS architecture for zero theme conflicts
* **New:** WordPress Transient caching with versioned cache keys for performance
* **New:** REST API powered settings with full sanitization and nonce verification
* **New:** Manual Post Picker with search UI
* **New:** Custom Alert source with link support
* **New:** Page targeting (all pages or homepage only)
* **New:** Configurable speed (5s–100s) and item spacing (0px–200px)
* **New:** Play/Pause toggle button with accessible ARIA labels
* **New:** Seamless infinite loop with short content protection
* **New:** Settings migration from legacy `fnh_settings` option key
* **New:** Developer filter `floating_news_headline_items`
* **New:** Get Pro sub-menu page with upgrade information
* **Security:** All inputs sanitized, all outputs escaped, capability checks on all REST routes
* **Performance:** Under 40KB frontend footprint, no jQuery dependency, no CDN resources
= 1.2.0 =
* Fix: Synchronized REST API namespaces for better stability.
* Optimization: Removed redundant character decoding in data adapter.
* Compliance: Updated readme and license headers for WP.org.
= 1.1.0 =
* Initial beta architecture with basic ticker functionality.
= 1.0.0 =
* Initial release.
== Upgrade Notice ==
= 1.3.0 =
Major architectural upgrade. Complete rebuild with React dashboard, 3 premium themes, GPU-accelerated animations, and enhanced security. Settings are automatically migrated from previous versions.