설명
Stroke by stroke typing effect Block is a dynamic block for WordPress sites that need expressive text motion without sacrificing accessibility or graceful fallbacks.
Its typing playback is built on top of UniTyper by Beaver Coding:
https://github.com/beavercoding2022/uni-typer
Development repository:
https://github.com/imjlk/k-typewriter
Use it for:
- Homepage hero copy
- Product callouts
- Announcement banners
- Event pages
- Multilingual headline rotations
- Inline keyword rotators inside rows and grouped layouts
Key features:
- Multiple messages with one message per line
- Configurable typing, deleting, and pause timing
- Optional start delay with first-start, every-cycle, and every-reentry timing modes
- Optional looping, viewport start, and replay-on-re-entry behavior
- Cursor controls for visibility, animation mode, thickness, height, and offset
- First-message static fallback by default, with an optional custom fallback override
- Auto-generated non-visual summary with optional override text
- Inline layout support with width reservation in
chor measured longest-message mode - Text direction controls for
auto,ltr, andrtl - Start animation only when the block enters the viewport
- Dynamic rendering for SEO-friendly first paint and no-JavaScript fallback
- Reduced-motion support for visitors who prefer less animation
- Semantic tag selection for
p,div,span,h1–h6,strong,em,small, andmark - Support for theme typography, spacing, and color tools
- Bundled patterns for hero headlines, inline keyword rotators, announcement strips, feature spotlights, multilingual sections, split launch heroes, editorial leads, 404 prompts, and terminal-style loading sequences
스크린샷




블록
이 플러그인은 1개의 블록을 제공합니다.
- Stroke by stroke typing effect Block Animate multilingual headlines, notices, and hero copy with a polished typewriter effect.
설치
- Upload the plugin files to the
/wp-content/plugins/sbs-typing-effect-blockdirectory, or install the plugin through the WordPress plugins screen. - Activate the plugin through the
Pluginsscreen in WordPress. - Open the block editor and insert the
Stroke by stroke typing effect Block. - Add one message per line in the block settings sidebar.
- Adjust timing, cursor, inline layout, width reservation, loop, and viewport options to match your design.
FAQ
-
Does it work without JavaScript?
-
Yes. By default the first message is rendered on the server so visitors still see meaningful content even if JavaScript does not run. You can also override that visible fallback with a custom fallback message.
-
Is reduced motion supported?
-
Yes. Visitors with
prefers-reduced-motionenabled will see the visible fallback only, without animation. -
Can I control the non-visual summary for assistive technology?
-
Yes. Leave the summary on
Auto-generatedto build a locale-aware summary from every message, or switch the source toCustom overrideand provide your own summary for assistive technology. -
Can I use Korean and English together?
-
Yes. The block is designed for multilingual messaging and works well with Korean, English, Arabic, and mixed-language headlines. Use
Text directionwhen you need explicitltrorrtlbehavior. -
Can I change the HTML tag?
-
Yes. Choose between
p,div,span,h1–h6,strong,em,small, andmarkfrom the block settings. Useh1only when the block is the primary page heading. -
Can I keep inline layouts stable while the text changes?
-
Yes. Turn on
Inline layoutand useInline width reservewith eitherCharacters (ch)orMeasure longest messageto keep inline keyword rotators and row layouts steadier. -
Does it support a WordPress Playground preview?
-
Yes. The plugin includes a WordPress.org Playground blueprint, so maintainers can enable a one-click preview from the plugin’s Advanced view after deployment.
후기
이 플러그인에 대한 평가가 없습니다.
기여자 & 개발자
자국어로 “Stroke by stroke typing effect Block”(을)를 번역하세요.
개발에 관심이 있으십니까?
변경이력
1.0.2
- Confirmed compatibility with WordPress 7.1.
- Updated CI and release workflows to smoke test WordPress 7.1 stable before WordPress.org deploys.
- Bumped plugin metadata for the WordPress 7.1 compatibility release.
1.0.1
- Confirmed compatibility with WordPress 7.0.
- Updated release workflows to smoke test WordPress 7.0 stable before WordPress.org deploys.
- Refreshed GitHub Actions versions to use Node.js 24-compatible action runtimes.
1.0.0
- First public release.
- Added a dynamic, Interactivity API-powered typewriter block.
- Added viewport-aware animation start, replay-on-re-entry, reduced-motion support, and graceful no-JS fallback.
- Added inline layout, width reservation, text direction controls, and detailed cursor controls.
- Added bundled starter and advanced patterns, WordPress Playground demos, packaging, local
wp-envtooling, smoke tests, and release workflows.
