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.

Jason Judge

The purpose of this plugin is to make all available Google webfonts available to the WooThemes Canvas theme, 
and any other themes that use the WooThemes framework. It also allows additional selected international subsets 
(Greek, Cyrillic, Vietnamese etc.) to loaded, which the Woo Framework does not support at present.
It works like this:
<ol>
<li>You install the plugin. It contains a key that is used to access the Google Webfonts API.</li>
<li>The API is used to download the full list of Google web fonts in the Settings page. This is cached locally, and will only be refreshed when you save the plugin settings page.</li>
<li>The full list of fonts and all variants replaces the list that the Woo framework defines internally.</li>
</ol>
What you should then see, is the ability to select any available Google web font in the WooThemes theme administration pages, 
and have those fonts displayed in your theme.
In previous versions, you had to register for a Google API key. You no longer have to do this, as the plugin 
has a shared API key built-in. You can still use your own, but if you don’t, then the shared key will be 
set when activating the plugin.
If an invalid API key is used, this plugin has a fallback list of fonts, so you can try it out without an API key, 
and that might even be good enough for your purposes.
In addition, you can select the weights that will be downloaded. If you only use light/regular/bold (300/400/700) then 
there is no point requesting all the additional weights from some of the fonts that are more complete, but 
consequently are a very heavy download. This plugin will help to keep the bandwidth down, and so the load speed higher.
This plugin has been tested against PHP5.3 and the project repository is here:
<a href="https://github.com/academe/google-webfonts-for-woo-framework/" rel="nofollow ugc">https://github.com/academe/google-webfonts-for-woo-framework/</a>
Changes have been made so that it works with PHP5.2 and has been reported as working. 
However, I work under at least 5.3 so some incompatibilities may creep in by accident from time-to-time – just report them and I will do my best to fix as quickly as possible.
Please let me know how this plugin works for you, whether you like it, and how it can be improved.

Google Webfonts For Woo Framework

Give the WooThemes framework access to the full range of current Google Webfonts.

Animated Typed JS Shortcode vs Google Webfonts For Woo Framework