Typing Animation Block
A Gutenberg block to render a typing animation or typewriter effect.


Overview
Compatibility
Installation instructions
Customer support & learning resources
Changelog
Main benefits
Gutenberg editor integration
Customizable text animation
Supports HTML formatting
Multiple heading options
Adjustable typing settings
About this plugin
Author: middlewayapproach
Categories: Design and Customization
Version: 1.2.0
Last updated: 18-05-2021
WordPress version: 5.0
Tested up to: 5.7.12
PHP version required: 5.6
Languages:
Tags:
Learning resources: View resources
Overview
This WordPress plugin enhances the Gutenberg editor by introducing a customizable animated headline block, leveraging the Typed.js library. Located in the common section of the editor, this block allows users to create engaging headlines with dynamic text effects. Users can easily change the text within the editor, separating different sentences with a pipe (|) and applying formatting such as italic or bold using and tags. Additionally, the plugin provides a dropdown menu to select the HTML tag (ranging from h1 to h6 or span) for the headlines, and a block panel with options to control animation speed, looping, and other typing effects. This tool is particularly useful for adding visually appealing, animated text elements to WordPress pages.
Easy Integration with Gutenberg Editor
- Use the block inside the Gutenberg editor like a headline block.
- Find it easily in the common section.
Customizable Text Animation
- Change the text that appears in the animation directly in the editor.
- Separate different sentences using a pipe (|).
- Format text using <i>...</i> for italic or <b>...</b> for bold.
Flexible HTML Element Options
- Change the underlying HTML element (h1 to h6 or span) using a dropdown menu in the block toolbar.
Advanced Customization Options
- Customize speed, looping, and other typing options in the block panel.
- Utilizes the Typed.js library for robust functionality.