{"id":125088,"date":"2020-07-22T02:16:31","date_gmt":"2020-07-22T02:16:31","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/typed-js-shortcode\/"},"modified":"2024-08-22T00:21:18","modified_gmt":"2024-08-22T00:21:18","slug":"animated-typed-js-shortcode","status":"publish","type":"plugin","link":"https:\/\/hau.wordpress.org\/plugins\/animated-typed-js-shortcode\/","author":15587500,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"2.1.2","stable_tag":"2.1.2","tested":"6.6.5","requires":"4.0","requires_php":"7.4","requires_plugins":null,"header_name":"Animated Typed JS Shortcode","header_author":"Yongki Agustinus","header_description":"This plugin add shortcode to create an animated typing effect with Typed JS. No settings needed, just plug and play.","assets_banners_color":"f09f87","last_updated":"2024-08-22 00:21:18","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/paypal.me\/yongki","header_plugin_uri":"https:\/\/wpvalet.co","header_author_uri":"https:\/\/wpvalet.co","rating":4.3,"author_block_rating":0,"active_installs":1000,"downloads":14998,"num_ratings":6,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0":{"tag":"1.0","author":"yongkiagustinus","date":"2020-07-22 02:16:26"},"1.1":{"tag":"1.1","author":"yongkiagustinus","date":"2021-07-22 02:41:17"},"2.0":{"tag":"2.0","author":"yongkiagustinus","date":"2023-08-12 12:48:43"},"2.1":{"tag":"2.1","author":"yongkiagustinus","date":"2024-07-27 13:59:16"},"2.1.2":{"tag":"2.1.2","author":"yongkiagustinus","date":"2024-08-22 00:21:18"}},"upgrade_notice":{"":"<p>Keep your plugin up to date to get the latest features &amp; the best performance<\/p>"},"ratings":{"1":1,"2":0,"3":0,"4":0,"5":5},"assets_icons":{"icon-128x128.jpg":{"filename":"icon-128x128.jpg","revision":2344453,"resolution":"128x128","location":"assets","locale":""}},"assets_banners":{"banner-772x250.jpg":{"filename":"banner-772x250.jpg","revision":2344453,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0","1.1","2.0","2.1","2.1.2"],"block_files":[],"assets_screenshots":[],"screenshots":[],"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[785,202,80,5126],"plugin_category":[],"plugin_contributors":[180927],"plugin_business_model":[],"class_list":["post-125088","plugin","type-plugin","status-publish","hentry","plugin_tags-animation","plugin_tags-jquery","plugin_tags-shortcode","plugin_tags-typography","plugin_contributors-yongkiagustinus","plugin_committers-yongkiagustinus"],"banners":{"banner":"https:\/\/ps.w.org\/animated-typed-js-shortcode\/assets\/banner-772x250.jpg?rev=2344453","banner_2x":false,"banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/animated-typed-js-shortcode\/assets\/icon-128x128.jpg?rev=2344453","icon_2x":false,"generated":false},"screenshots":[],"raw_content":"<!--section=description-->\n<p>Create an animated typing effect with <a href=\"https:\/\/github.com\/mattboldt\/typed.js\">Typed.js<\/a> easily.<\/p>\n\n<p>Just install and activate, <strong>Animated Typed JS Shortcode<\/strong> plugin and you can start using <code>[typedjs][\/typedjs]<\/code> shortcode to create your animated typing text.<\/p>\n\n<p>No settings needed just plug and play.<\/p>\n\n<h4>How to use the shortcode?<\/h4>\n\n<p>You can use the shortcode just like this:<\/p>\n\n<p><strong><code>[typedjs]My animated typing text[\/typedjs]<\/code><\/strong><\/p>\n\n<p>To show more than 1 string\/text, separate the strings with a <code>double colons (::)<\/code> like this:<\/p>\n\n<p><strong><code>[typedjs]My animated typing text::It's freaking awesome![\/typedjs]<\/code><\/strong><\/p>\n\n<p>If you want to customize your animated text behaviour, you can use shortcode attributes to do that like this:<\/p>\n\n<p><strong><code>[typedjs loop=true]My animated typing text::It's freaking awesome!::It's now looping, OMG![\/typedjs]<\/code><\/strong><\/p>\n\n<p>Here are the list of all available attributes that you can use:<\/p>\n\n<ul>\n<li><code>typespeed<\/code> : The text typing speed in milliseconds (default: 50)<\/li>\n<li><code>startdelay<\/code> : Delay time before typing start in milliseconds (default: 500)<\/li>\n<li><code>backspeed<\/code> : Backspacing speed in milliseconds (default: 50)<\/li>\n<li><code>backdelay<\/code> : Time before backspacing in milliseconds (default: 500)<\/li>\n<li><code>smartbackspace<\/code> : Only backspace what doesn't match the previous string (default: true)<\/li>\n<li><code>shuffle<\/code> : Shuffle the strings (default: false)<\/li>\n<li><code>fadeout<\/code> : Fade out instead of backspace (default: false)<\/li>\n<li><code>fadeoutdelay<\/code> : Time before fade out in milliseconds (default: 500)<\/li>\n<li><code>loop<\/code> : Loop strings animation (default: false)<\/li>\n<li><code>loopcount<\/code> : Amount of loops if enabled (default: Infinity)<\/li>\n<li><code>showcursor<\/code> : Show\/hide cursor (default: true)<\/li>\n<li><code>cursorchar<\/code> : Character to be used as cursor (default: |)<\/li>\n<li><code>class<\/code>: Custom class for the shortcode element (default: '')<\/li>\n<\/ul>\n\n<h4>Optimize Javascript loading<\/h4>\n\n<p>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.<\/p>\n\n<p>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:<\/p>\n\n<pre><code>`php\n<\/code><\/pre>\n\n<p>add_action('wp_enqueue_scripts', 'my_custom_typedjs_script');\nfunction my_custom_typedjs_script() {\n    if ( ! is_page( 'my-page-slug' ) ) {\n        wp_dequeue_script( 'typedjsshortcode' );\n    }\n}\n    `<\/p>\n\n<p>This will dequeue the script on all pages except the page with the slug <code>my-page-slug<\/code>.<\/p>\n\n<h4>CREDITS<\/h4>\n\n<p>Thanks to <a href=\"https:\/\/mattboldt.com\/\">Matt Boldt<\/a> for creating this cool library <a href=\"https:\/\/github.com\/mattboldt\/typed.js\">Typed.js<\/a>!<\/p>\n\n<!--section=installation-->\n<ol>\n<li>Upload \"animated-typed-js-shortcode\" folder to the \"\/wp-content\/plugins\/\" directory.<\/li>\n<li>Activate the plugin through the \"Plugins\" menu in WordPress.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id='how%20do%20i%20get%20support%3F'><h3>How do i get support?<\/h3><\/dt>\n<dd><p>You can get support by going to Support section of this plugin page<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>2.1<\/h4>\n\n<p>Release date: July 27th, 2024<\/p>\n\n<ul>\n<li>WordPress 6.6 compatibility check<\/li>\n<li>Add validation and condition to prevent XSS injection on the shortcode attributes<\/li>\n<\/ul>\n\n<h4>2.0<\/h4>\n\n<p>Release date: August 12th, 2023<\/p>\n\n<ul>\n<li>WordPress 6.3 compatibility check<\/li>\n<li>Add attribute <code>class<\/code> to add custom class to the shortcode element<\/li>\n<\/ul>\n\n<h4>1.1<\/h4>\n\n<p>Release date: July 22nd, 2021<\/p>\n\n<ul>\n<li>WordPress 5.8 compatibility check<\/li>\n<\/ul>\n\n<h4>1.0<\/h4>\n\n<p>Release date: March 23rd, 2020<\/p>\n\n<ul>\n<li>Initial release.<\/li>\n<\/ul>","raw_excerpt":"This plugin add shortcode to create an animated typing effect with Typed JS. No settings needed, just plug and play.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/hau.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/125088","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hau.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/hau.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/hau.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=125088"}],"author":[{"embeddable":true,"href":"https:\/\/hau.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/yongkiagustinus"}],"wp:attachment":[{"href":"https:\/\/hau.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=125088"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/hau.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=125088"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/hau.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=125088"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/hau.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=125088"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/hau.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=125088"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/hau.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=125088"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}