Indesign Text Marquee

Description

Indesign Text Marquee is a professional-grade text scrolling plugin designed for maximum performance and visual impact. Unlike older marquee solutions that rely on deprecated HTML tags, this plugin uses modern JavaScript (requestAnimationFrame) to ensure buttery smooth, endless scrolling on all devices, including iOS.

Key Features

  • Truly Endless Scrolling: Seamless looping without any gaps or interruptions using high-performance requestAnimationFrame.
  • Modern Custom Post Type: Manage multiple marquees independently with a familiar WordPress interface.
  • Smart Repeater UI: Easily add, reorder, and remove marquee items with individual links.
  • Advanced Typography: Full Google Fonts integration, customizable weights, and responsive font sizes for Desktop, Tablet, and Mobile.
  • Professional Spacing: High-precision control over Item Gap and Vertical Padding (Marquee Height).
  • Full Branding Control: Custom colors for Text, Links, Hover states, and Separator glyphs.
  • Interaction Options: Link Target control (_blank or _self) and Pause on Hover capability.
  • Smart Performance: Utilizes IntersectionObserver to automatically pause animations when they are not visible in the viewport, saving CPU and Battery.
  • Breakout Mode: A “Full Window” mode that allows the marquee to span the entire screen, even inside contained layouts.
  • SEO Friendly: Items are rendered as real text (not canvas or images), ensuring they are crawlable by search engines.
  • Zero Dependencies: Lightweight and independent of jQuery or external frameworks.

External Services

This plugin optionally connects to the Google Fonts API (fonts.googleapis.com) to load custom fonts on the front end. This connection is only made when a non-default font family is selected in the marquee settings. No personal data is sent; only the selected font name and weight are included in the request URL.

  • Service: Google Fonts
  • URL: https://fonts.googleapis.com
  • Privacy Policy: https://policies.google.com/privacy

If you prefer not to use external fonts, select Inherit as the font family (the default), and no external connection will be made.

Screenshots

  • Sectioned Admin Interface with logical groupings (Typography, Layout, Branding).
  • Front-end Marquee display in action.

Installation

  1. Upload the indesign-text-marquee folder to the /wp-content/plugins/ directory.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.
  3. Go to ‘Indesign Text Marquee’ -> ‘Add New’ to create your first marquee.
  4. Copy the shortcode [indesign_text_marquee id="XX"] (found in the sidebar) and paste it into any page or post.

FAQ

How do I display a marquee on a page or post?

Once you have created a marquee under Indesign Text Marquee Add New and saved it, copy the shortcode shown in the sidebar — it looks like [indesign_text_marquee id="5"]. Paste it into any WordPress page, post, or text widget, and the scrolling marquee will appear on the front end.

Can I have more than one marquee on the same page?

Absolutely! Each marquee is saved as its own item with a unique ID. You can place as many shortcodes as you like on a single page — each one will scroll independently with its own speed, direction, font, and color settings.

How do I make the marquee scroll from right to left?

In the marquee edit screen, scroll down to the Layout & Animation section and set Scrolling Direction to RTL. Save the post and the marquee will scroll right-to-left. The default direction is LTR (left to right).

Can I add clickable links to the marquee items?

Yes. When adding or editing items in the Indesign Text Marquee Items section, each item has a Link field. Enter any URL (e.g. https://example.com) and the item text will become a clickable link. You can also control whether the link opens in the same tab or a new tab using the Link Behavior setting under Branding & Interaction.

How do I make the marquee stretch across the full width of the screen?

In the Layout & Animation section, set Breakout Mode to FULL WINDOW. This breaks the marquee out of its parent container and makes it span the entire browser width — very useful when the marquee is placed inside a narrow column or boxed layout.

Can I use custom fonts?

Yes. The plugin includes a built-in list of popular Google Fonts — such as Poppins, Montserrat, Bebas Neue, and many more. Simply select your preferred font from the Font Family dropdown in the Typography section. The font is loaded automatically from Google Fonts on the front end. If you want to use your theme’s default font, leave it set to Inherit and no external font will be loaded.

How do I control the scrolling speed?

In the Layout & Animation section you will find the Animation Speed field. The value is a number — the higher the number, the faster the scroll. You can use decimal values like 0.5 for a very slow, elegant scroll, or 3 for a fast-moving ticker. The default is 1.

Does the marquee pause when a visitor hovers over it?

This is optional and fully in your control. In the Layout & Animation section, set Pause on Hover to YES to pause the animation when a user moves their mouse over the marquee. Set it to NO to keep it scrolling continuously. The default is NO.

Does the marquee work properly on mobile and tablet devices?

Yes. The plugin has dedicated Tablet Size and Mobile Size font settings under the Typography section, so you can set a smaller font size for smaller screens without affecting the desktop view. The animation itself is powered by requestAnimationFrame which runs smoothly on all modern mobile browsers, including iOS Safari.

Will the marquee slow down my website?

No. The plugin is built with performance in mind. It uses the browser’s native requestAnimationFrame API for smooth animation, loads no jQuery or external libraries, and uses IntersectionObserver to automatically pause the animation when the marquee is scrolled out of view — saving CPU cycles and battery life for your visitors. The CSS and JavaScript files are only loaded on pages where a marquee shortcode is used.

Reviews

There are no reviews for this plugin.

Contributors & Developers

“Indesign Text Marquee” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.0.1

  • Updated readme.txt documentation
  • Improved plugin FAQ’s

1.0.0

  • Initial release.
  • High-performance requestAnimationFrame engine.
  • Google Fonts & Responsive Size support.
  • Item Gap, Marquee Height, and Link Target controls.
  • IntersectionObserver integration for performance.
  • Sectioned, modern Admin UX.
  • 100% Security hardened (Escaping/Sanitization/Nonces).