ASCII Text for Elementor
| 开发者 |
fitehal
deshabhishek007 |
|---|---|
| 更新时间 | 2026年11月13日 00:35 |
| PHP版本: | 8.1 及以上 |
| WordPress版本: | 7.1 |
| 版权: | GPLv2 or later |
| 版权网址: | 版权信息 |
详情介绍:
- Any word, up to four lines, or a logo image (PNG or SVG), with an optional link
- Four hover effects: scatter, magnet, ripple and spotlight
- Entrance animation when the widget scrolls into view: assemble or sweep
- Ripple on tap for touch screens, and an optional shake while scrolling
- Character set presets (binary, symbols, shading, blocks, matrix) or your own characters
- Shading and Blocks pick characters by brightness, so solid areas get dense characters
- Solid or two-color gradient characters
- Pick the font the word is shaped from and the font of the characters, using Elementor's font picker
- Density per device, change speed, hover strength, click burst and idle drift
- Cursor label with an optional icon, its own font, colors, width and scroll speed
- The text is also printed as a heading (or other tag you choose) for search engines and screen readers
- Shows the word or image as plain content if JavaScript does not run
- Pauses while off screen, and keeps still for visitors who prefer reduced motion
- Excludes itself from "delay JavaScript" in WP Rocket, Perfmatters and LiteSpeed Cache
- No settings page, no database tables, no tracking, no requests to outside services
安装:
- Install and activate Elementor.
- Install this plugin from Plugins > Add New, or upload the zip, and activate it.
- Edit a page with Elementor, search for "ASCII Text" and drag the widget in.
屏幕截图:
常见问题:
Does it need Elementor Pro?
No. It works with free Elementor. A site-wide footer needs Elementor Pro's Theme Builder or a free header and footer builder plugin.
The effect only starts after I scroll or click
A performance plugin is delaying JavaScript until the first interaction. The plugin excludes its script automatically in WP Rocket, Perfmatters and LiteSpeed Cache. In other plugins, exclude ascii-text.js from the delay setting. Until it runs, the word shows as plain text.
Does it load Google Fonts?
The plugin itself loads no fonts. The default fonts are chosen through Elementor's font controls, so Elementor loads them the same way as any other font on the page. To serve Google Fonts locally, use Elementor > Settings > Performance.
Will it slow my site down?
The script is about 13 KB and only loads on pages that use the widget. The animation runs only while the widget is on screen, and pauses when the browser tab is hidden.
Can I use a logo image instead of text?
Yes. Set Shape to "Image or logo" and pick a PNG or SVG. A transparent background works best; for a logo on a solid background, choose "Dark pixels" or "Light pixels". The image must come from your own site, or from a server that sends CORS headers. Otherwise the plain image is shown without the effect.
Can I use two lines?
Yes. Press Enter in the Text field. Up to four lines are drawn, with alignment and line spacing controls.
更新日志:
- Logo or image as the shape (PNG or SVG), drawn on visible, dark or light pixels.
- Up to four lines of text, with alignment and line spacing.
- Hover effects: scatter, magnet, ripple and spotlight.
- Entrance animations: assemble and sweep, played once when the widget scrolls into view.
- Ripple on tap for touch screens, and an optional shake while scrolling.
- Character set presets; Shading and Blocks pick characters by brightness.
- Settings grouped into Content, Layout, Effect, Cursor Label and Fine-tuning.
- Two-color gradient for the characters.
- Cursor label: optional icon, and an option to show it only when there is a link.
- Excludes its script from "delay JavaScript" in WP Rocket, Perfmatters and LiteSpeed Cache.
- The widget no longer collapses to zero width inside a row container.
- New renderer: one character per grid cell, brightness from ink coverage, characters dragged along the cursor's path.
- New defaults: character set, density per device, change speed and cursor label (Space Grotesk, continuous scroll).
- Tablet and phone density defaults now apply even when Elementor does not supply them.
- Density can be set per device, with smaller defaults on tablet and phone.
- Loads its own script and styles when a theme or footer plugin prints the widget after the page scripts.
- Unique prefixes for every name, so it cannot clash with other plugins.
- Tighter output escaping and limits on all settings.
- Shows the word as plain text if JavaScript does not run.
- First release.