• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2784

Original Genesis Tutorials & 6000+ Guaranteed Code

Snippets

  • Consultation
  • Full Access
  • Log in

Animated Typed Text

Typed.js is a Javascript library you can install in any WordPress theme. It enables you to generate typed text/html within any existing div or simply by hooking in a new div using genesis hooks.

You can also use jQuery to install & customize typed settings.

In this tutorial, i’ll provide everything you need to install typed.js in 3 simple steps.

Firstly, here’s a gif showing you what the code in this tutorial produces:

Demo

The demo shows you how the code generates a typing/typewriter effect for text or HTML.

The code also enables you to:

  • Modify/customize the typed settings so you can change the speed at which text/html is typed.
  • Style the HTML output so you can add a background image, style the font size, color and all other elements.
  • Easily swap out the background image with your own.
  • Load the typed script on any pages conditionally or within 1 page template only.
  • Output typed in a text widget using HTML, using PHP code in a widget area or hooking in the typed container div using any WordPress or Genesis hook

Tested using the Centric Pro child theme by StudioPress. Works in any Genesis child or WordPress theme.

Code Installation

There’s only 3 simple steps to install and use typed in your theme.

Step 1 : After downloading the zip folder below, simply upload the folder named typed to your child theme folder.

Register for full access

Related Tutorials

  • Typewriter Text Effect In Genesis
  • Add Top Banner With Typewriter Text Before Genesis Header
  • Typed Text Widget Content Using jQuery

Centric Pro Theme

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags