Indesign Text Marquee
| 开发者 | indesignmedia |
|---|---|
| 更新时间 | 2026年9月3日 01:11 |
| PHP版本: | 7.4 及以上 |
| WordPress版本: | 7.1 |
| 版权: | GPLv2 or later |
| 版权网址: | 版权信息 |
详情介绍:
requestAnimationFrame, keeps a seamless loop on all screen sizes, and pauses itself when the marquee is off screen to save CPU and battery.
Version 2.0 is a full rewrite of the admin experience. You now get 32 pre made templates, a tabbed settings panel, and a live preview that shows your own text in every template without having to save the marquee first.
What you can build
News tickers, sale bars, announcement strips, hero display text, footer credits, vertical stock tickers, podcast promos, wedding banners, seasonal banners, and more. Every template can be fine tuned after you apply it.
Key features
- 32 pre made templates covering news, e-commerce, tech, fashion, luxury, sports, gaming, retro, seasonal, and vertical styles.
- Live template preview inside the admin. Your own item text appears in every template card the moment you type it. No save required.
- One click apply. Clicking a template sets every setting to a known value so the frontend output matches the preview exactly.
- Green "Applied" badge shows which template is currently in use.
- Tabbed settings panel: Templates, Typography, Motion, Container, Separator and Links, Advanced.
- Full typography control: font family (outline safe Google Fonts), font weight, desktop/tablet/mobile sizes, letter spacing, italic, uppercase or lowercase.
- Outline mode with adjustable stroke width and separate stroke color.
- Motion: speed, item spacing, four directions (LTR, RTL, top to bottom, bottom to top), hover behavior (none, pause, slow, speed up), reverse on scroll, respect reduced motion.
- Container: vertical and horizontal padding, background color with transparent toggle, border color and width, border radius, tilt angle, fade edges, fade width, full window breakout mode.
- Separator: show or hide, custom glyph or emoji, size, color.
- Link behavior: same tab or new tab.
- Advanced: custom CSS class and CSS ID for targeting from your theme.
- Drag and drop to reorder marquee items. Native HTML5 drag with a visual drop indicator.
- Duplicate marquee action in the list table.
- Click to copy shortcode.
- Custom Post Type. Manage many marquees, each with its own settings and shortcode.
- Zero jQuery on the frontend.
IntersectionObserverpauses the animation when the marquee is scrolled out of view.- Google Fonts loaded on demand only when a non default font is selected.
安装:
- Upload the
indesign-text-marqueefolder to/wp-content/plugins/. - Activate the plugin from the Plugins menu.
- Go to Indesign Text Marquee > Add New.
- Add a few items (Text plus Link,
#works fine for no link). - Open the Templates tab, click any card to apply that style.
- Save the marquee.
- Copy the shortcode from the Shortcode box and paste it into any page, post, or block editor.
屏幕截图:
常见问题:
How do I add a marquee to a page?
Save the marquee, then paste the shortcode from the Shortcode box (right sidebar) into any page, post, block, or widget. It looks like [indesign_text_marquee id="5"].
Can I have more than one marquee on a page?
Yes. Each marquee has its own ID. Paste as many shortcodes as you want.
How do I copy the shortcode?
Click the shortcode box. It selects and copies to your clipboard in one click.
How many templates are included?
- News, e-commerce, tech, fashion, luxury, sports, gaming, retro, vertical, seasonal, and more. Popular ones show first.
Do the template previews use my own text?
Yes. Type in the Items box and every template preview updates instantly. No save needed.
Will my site look exactly like the template I picked?
Yes. Applying a template sets every setting to match the preview. Save the marquee and the frontend will match.
Can I reorder items?
Yes. Drag the handle on the left of any item row to reorder. A red line shows where it will drop.
Can I duplicate a marquee?
Yes. Hover the marquee in the list table and click Duplicate.
Can I add links to items?
Yes. Every item has a Link field. Set the link to open in the same tab or a new tab under Separator and Links.
Can I scroll vertically?
Yes. Motion tab → Scrolling Direction → TOP or BOTTOM. Or start from the Vertical Down or Vertical Up template.
Can I tilt the marquee?
Yes. Container tab → Tilt Angle (between -45 and 45 degrees).
Can I fade the edges?
Yes. Container tab → Fade Edges ON, then set the Fade Width.
How do I make it full window width?
Container tab → Breakout Mode → FULL WINDOW.
Can I use custom fonts?
Yes. Pick from the Font Family dropdown (Anton, Bebas Neue, Playfair Display, and more). Pick Inherit to use your theme's font with no external request.
What about visitors who prefer reduced motion?
The marquee pauses for them by default. Turn this off in the Motion tab if you need it to always run.
Does it slow down my site?
No. The frontend uses no jQuery. Assets load only on pages with the shortcode. IntersectionObserver pauses the animation when it is scrolled out of view.
Does it work on mobile?
Yes. Separate font sizes for Desktop, Tablet, and Mobile are in the Typography tab.
Can I duplicate an existing marquee?
Yes. Hover the marquee in the list table and click Duplicate. All items and settings are copied to a new draft.
更新日志:
- NEW: Templates tab with 32 pre made styles across news, e-commerce, tech, fashion, luxury, sports, gaming, retro, seasonal, wedding, and vertical categories.
- NEW: Live template previews rebuild with your own item text as you type. No save required.
- NEW: Green Applied badge shows which template is currently in use.
- NEW: Vertical scrolling direction (top to bottom and bottom to top).
- NEW: Tilt angle for retro and Y2K style banners.
- NEW: Fade edges with adjustable width.
- NEW: Background color with transparent toggle.
- NEW: Border color, width, and radius.
- NEW: Horizontal padding.
- NEW: Letter spacing.
- NEW: Outline mode gets its own stroke width and stroke color.
- NEW: Separator size and show or hide toggle.
- NEW: Hover behavior options: none, pause, slow down, speed up.
- NEW: Reverse on scroll (marquee direction flips as the visitor scrolls up).
- NEW: Respect prefers reduced motion.
- NEW: Custom CSS class and ID on the wrapper.
- NEW: Drag and drop reorder for marquee items with drop-position indicator.
- NEW: Duplicate action in the marquee list table.
- NEW: Click to copy shortcode.
- NEW: Tabbed admin panel: Templates, Typography, Motion, Container, Separator and Links, Advanced.
- CHANGE: Font Family list trimmed to fonts that render cleanly in Outline mode.
- CHANGE: Admin UI rebuilt with red gradient pill switches, circular color swatches, and cleaner metabox styling.
- CHANGE: New items pre fill the Link field with
#for faster setup.
- Initial release.
requestAnimationFrameengine.- Google Fonts and responsive size support.
- Item Gap, Marquee Height, and Link Target controls.
IntersectionObserverintegration for performance.- Sectioned admin UX.