Animated Headline With Typewriter Effect
Animated Headline is a WordPress plugin that creates eye-catching typewriter-effect headlines, perfect for drawing user attention and reducing bounce rates. Customize font size, color, and weight effortlessly with an intuitive settings interface powered by the WordPress Settings API
by Shaun Palmer - ProjectStudios.NZ · github.com/shaunpalmer/animated-headline-with-typewriter-effect · website
Install
No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:
wp plugin install https://github.com/shaunpalmer/animated-headline-with-typewriter-effect/archive/refs/heads/main.zipAnimated Headline is a WordPress plugin that creates eye-catching typewriter-effect headlines, perfect for drawing user attention and reducing bounce rates. Customize font size, color, and weight effortlessly with an intuitive settings interface powered by the WordPress Settings API. This plugin offers:
Typewriter Animation: Engages visitors with forward-backward typing effects.
Customization Options: Select font size, color, and weight to match your theme.
Single Save Button: Streamlined interface with settings saved instantly.
Live Preview: See changes as you configure your headline.
Use the shortcode
[animated_headline]
to place your custom headline anywhere on your site. Designed to integrate seamlessly into any WordPress theme, it’s lightweight yet powerful.
Features:
Flexible typewriter animation. Supports WordPress Color Picker for headline color. Adjustable font size and weight. Fully integrated into WordPress’s General Settings.
Installation Instructions
Follow these steps to install and configure the Animated Headline plugin:
Step 1: Upload the Plugin
- Upload the
animated-typing-effectfolder to the/wp-content/plugins/directory on your WordPress installation.
Step 2: Activate the Plugin
- Go to the WordPress Dashboard.
- Navigate to the Plugins menu.
- Locate the Animated Headline plugin and click Activate.
Step 3: Configure the Headline
- Navigate to Settings > General in the WordPress Dashboard.
- Locate the Headline Message field under the Animated Headline Settings section.
- Enter your desired headline message and set the text color.
- Click Save Changes to apply your configuration.
Step 4: Add the Shortcode
- Insert the shortcode
[animated_headline]into any page or post where you want the animated headline to appear. - Optionally, wrap the shortcode inside a container for better alignment:
<div class="animated-headline-container"> [animated_headline] </div>
Step 5: Preview and Customize
- Preview your page or post to ensure the animated headline displays correctly.
- Adjust settings as needed in the General Settings page.
For additional support, visit Project Studios NZ.
Keywords
Here are the relevant keywords for search and categorization of this plugin:
- WordPress plugin
- JavaScript
- Animation
- Typography
- Typewriter
- Text Effects
- Text Animation
- Typewriter Effect