Stroke by stroke typing effect Block

Stroke by stroke typing effect Block

توسط

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 ch or measured longest-message mode
  • Text direction controls for auto, ltr, and rtl
  • 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, h1h6, strong, em, small, and mark
  • 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. Upload the plugin files to the /wp-content/plugins/sbs-typing-effect-block directory, or install the plugin through the WordPress plugins screen.
  2. Activate the plugin through the Plugins screen in WordPress.
  3. Open the block editor and insert the Stroke by stroke typing effect Block.
  4. Add one message per line in the block settings sidebar.
  5. Adjust timing, cursor, inline layout, width reservation, loop, and viewport options to match your design.

سوالات متداول

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-motion enabled will see the visible fallback only, without animation.

Can I control the non-visual summary for assistive technology?

Yes. Leave the summary on Auto-generated to build a locale-aware summary from every message, or switch the source to Custom override and 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 direction when you need explicit ltr or rtl behavior.

Can I change the HTML tag?

Yes. Choose between p, div, span, h1h6, strong, em, small, and mark from the block settings. Use h1 only when the block is the primary page heading.

Can I keep inline layouts stable while the text changes?

Yes. Turn on Inline layout and use Inline width reserve with either Characters (ch) or Measure longest message to 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.

×
نظری برای این آیتم موجود نیست.
0 0 رای ها
امتیازدهی
اشتراک در
اطلاع از
0 نظرات
قدیمی‌ترین
تازه‌ترین بیشترین رأی
بازخورد (Feedback) های اینلاین
مشاهده همه دیدگاه ها
نسخه حجم فایل SHA256 تغییرات دانلود
1.0.0 80 کیلوبایت -
دانلود
×
بدون امتیاز

قیمت:

رایگان

نگارش

1.0.0

آخرین انتشار

1 خرداد 1405

آخرین بروزرسانی

4 هفته پیش

نصب های فعال

-

نگارش وردپرس

وردپرس 6.6+

تست شده از نسخه

وردپرس 6.9.4

نگارش PHP

PHP 8.0+

نسخه ها

1 نسخه