WP Manifestindependent plugin directory
manifest / editor / animated-headline-with-typewriter-effect

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

1stars
0forks

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.zip

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. 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

  1. Upload the animated-typing-effect folder to the /wp-content/plugins/ directory on your WordPress installation.

Step 2: Activate the Plugin

  1. Go to the WordPress Dashboard.
  2. Navigate to the Plugins menu.
  3. Locate the Animated Headline plugin and click Activate.

Step 3: Configure the Headline

  1. Navigate to Settings > General in the WordPress Dashboard.
  2. Locate the Headline Message field under the Animated Headline Settings section.
  3. Enter your desired headline message and set the text color.
  4. Click Save Changes to apply your configuration.

Step 4: Add the Shortcode

  1. Insert the shortcode [animated_headline] into any page or post where you want the animated headline to appear.
  2. Optionally, wrap the shortcode inside a container for better alignment:
    <div class="animated-headline-container">
        [animated_headline]
    </div>

Step 5: Preview and Customize

  1. Preview your page or post to ensure the animated headline displays correctly.
  2. 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