Yong

Create an animated typing effect with <a href="https://github.com/mattboldt/typed.js" rel="nofollow ugc">Typed.js</a> easily.
Just install and activate, Animated Typed JS Shortcode plugin and you can start using <code>[typedjs][/typedjs]</code> shortcode to create your animated typing text.
No settings needed just plug and play.
<h4>How to use the shortcode?</h4>
You can use the shortcode just like this:
<code>[typedjs]My animated typing text[/typedjs]</code>
To show more than 1 string/text, separate the strings with a <code>double colons (::)</code> like this:
<code>[typedjs]My animated typing text::It's freaking awesome![/typedjs]</code>
If you want to customize your animated text behaviour, you can use shortcode attributes to do that like this:
<code>[typedjs loop=true]My animated typing text::It's freaking awesome!::It's now looping, OMG![/typedjs]</code>
Here are the list of all available attributes that you can use:
<ul>
<li><code>typespeed</code> : The text typing speed in milliseconds (default: 50)</li>
<li><code>startdelay</code> : Delay time before typing start in milliseconds (default: 500)</li>
<li><code>backspeed</code> : Backspacing speed in milliseconds (default: 50)</li>
<li><code>backdelay</code> : Time before backspacing in milliseconds (default: 500)</li>
<li><code>smartbackspace</code> : Only backspace what doesn’t match the previous string (default: true)</li>
<li><code>shuffle</code> : Shuffle the strings (default: false)</li>
<li><code>fadeout</code> : Fade out instead of backspace (default: false)</li>
<li><code>fadeoutdelay</code> : Time before fade out in milliseconds (default: 500)</li>
<li><code>loop</code> : Loop strings animation (default: false)</li>
<li><code>loopcount</code> : Amount of loops if enabled (default: Infinity)</li>
<li><code>showcursor</code> : Show/hide cursor (default: true)</li>
<li><code>cursorchar</code> : Character to be used as cursor (default: |)</li>
<li><code>class</code>: Custom class for the shortcode element (default: ”)</li>
</ul>
<h4>Optimize Javascript loading</h4>
The <code>typed.min.js</code> is only 12KB, in the previous version I tried to load the script only when the shortcode is used, but it’s not working properly because the script is loaded asynchronously. So, I decided to load the script in the footer of the page to make sure it’s loaded properly.
However, if you want to load the script only on specific pages, you can use this hook to enqueue the script only on specific pages:
<pre><code>`php
</code></pre>
add_action(‘wp_enqueue_scripts’, ‘my_custom_typedjs_script’); 
function my_custom_typedjs_script() { 
 if ( ! is_page( ‘my-page-slug’ ) ) { 
 wp_dequeue_script( ‘typedjsshortcode’ ); 
 } 
} 
 `
This will dequeue the script on all pages except the page with the slug <code>my-page-slug</code>.
<h4>CREDITS</h4>
Thanks to <a href="https://mattboldt.com/" rel="nofollow ugc">Matt Boldt</a> for creating this cool library <a href="https://github.com/mattboldt/typed.js" rel="nofollow ugc">Typed.js</a>!

Animated Typed JS Shortcode

This plugin add shortcode to create an animated typing effect with Typed JS. No settings needed, just plug and play.

Amit Kayasth - Titanium Themes

Sunny Johal

<blockquote>
Our new WordPress theme is almost ready! Want to know when we launch? Awesome! <a href="http://www.titaniumthemes.com" rel="nofollow ugc">Visit our website</a> and enter your details and we will e-mail you as soon as we are ready 🙂
</blockquote>
<a href="https://www.youtube.com/watch?v=Qk9z7S6J9Yo" rel="nofollow ugc">View Plugin Demo Here</a>
<iframe loading="lazy" title="Easy Google Fonts: A quick and easy way to add google fonts to your WordPress Theme" width="750" height="422" src="https://www.youtube.com/embed/Qk9z7S6J9Yo?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
<a href="https://twitter.com/titaniumthemes" rel="nofollow ugc">Follow us on twitter!</a>
If you have found this plugin useful please <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=28M8NWPHVQNYU" rel="nofollow ugc">donate here</a>
A simple and easy way to add custom google fonts to any WordPress theme without coding. This plugin integrates with the WordPress Customizer so you can preview google fonts on your site in realtime. It’s compatible with any theme.
It also allows you to create custom theme specific font controls in the admin settings area to control particular css selectors. Once created, these custom font controls are instantly available in the customizer no coding required!
<h4>What does this plugin do?</h4>
<ul>
<li>This plugin allows you to take full control of your theme’s typography in any WordPress theme (no coding required).</li>
<li>It allows you to choose from over 600+ google fonts and font variants to insert into your website without coding.</li>
<li>Allows you to preview font changes on your website in realtime using the WordPress Customizer.</li>
<li>Create Unlimited Custom Font Controls: Create custom font controls in the admin area that are instantly available in the Customizer preview.</li>
<li>Allows you to preview what your theme will look like with the new google fonts before you save any changes.</li>
<li>Allows you to create your own font controls and rules in the admin area (no coding required).</li>
<li>Allows you to easily change the look of your website with the click of a button.</li>
<li>Automatically enqueues all stylesheets for your chosen google fonts.</li>
<li>Allows you to add google fonts to your theme without editing the themes main stylesheet which allows you to update your theme without losing your custom google fonts.</li>
</ul>
<h4>Plugin Features</h4>
<ul>
<li>Live Customizer Preview: Preview google fonts without refreshing the page in real time right in the WordPress Customizer.</li>
<li>Over 600+ Google Fonts to choose from as well as a list of default system fonts.</li>
<li>Works with any WordPress Theme. No coding required.</li>
<li>Automatic Background Updates: Updates the google fonts list with the latest fonts automatically once.</li>
<li>Translation Ready: MO and PO files are included.</li>
<li>Seamless WordPress Integration: Uses the WordPress customizer for the live preview and has a white label admin area that looks like it is a part of WordPress.</li>
<li>Custom WordPress Customizer Control: One of a kind control only available with this plugin.</li>
</ul>
<h4>Who is this Plugin ideal for?</h4>
<ul>
<li>Anyone who is looking for an easy way to use google fonts in their theme without coding.</li>
<li>Theme Authors: you can use this plugin to add custom google webfonts to your theme.</li>
<li>Great for use on client projects or for use on existing websites.</li>
<li>People that are happy with their theme but want an easy way to change the typography.</li>
<li>Anyone with basic knowledge of CSS Selectors (in order to add custom font rules).</li>
</ul>
<h4>Developer Features</h4>
Please note: We are currently working on producing in-depth documentation for theme developers which will be available shortly.
<ul>
<li>Cross Browser and Backwards Browser Compatible (Tested in all major browsers).</li>
<li>Uses Action Hooks and Filters: For advanced integration.</li>
<li>Seamless WordPress Integration: Live preview is integrated into the WordPress Customizer and the settings page follows core WordPress design guidelines.</li>
<li>Uses the WordPress Options API to store and retrieve options.</li>
<li>Highly Secure: Checks user permissions, uses nonces and the WordPress Security API.</li>
<li>Uses the REST API for an enhanced admin experience.</li>
<li>Strong Usability Testing.</li>
<li>Enhanced Performance: Will only make a single request to google to fetch all fonts.</li>
</ul>
<h3>Credits and Donation</h3>
<ul>
<li><a href="https://developer.wordpress.org/block-editor/reference-guides/components/" rel="nofollow ugc">WordPress Components</a>. (Used in the admin settings page)</li>
<li>Otherwise, this plugin has been entirely written from scratch by Titanium Themes.</li>
</ul>
If you have found this plugin useful please <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=28M8NWPHVQNYU" rel="nofollow ugc">donate here</a>

Easy Google Fonts

This plugin is fantastic. The support for this plugin goes well above and beyond what I've ever had before. I highly suggest using this plugin!

Fantastic plugin with great support

Adds google fonts to any theme without coding and integrates with the WordPress Customizer automatically for a realtime live preview.

Animated Typed JS Shortcode vs Easy Google Fonts