{"id":111170,"date":"2019-11-18T22:07:37","date_gmt":"2019-11-18T22:07:37","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/typing-animation-block\/"},"modified":"2021-05-18T23:18:41","modified_gmt":"2021-05-18T23:18:41","slug":"typing-animation-block","status":"publish","type":"plugin","link":"https:\/\/mai.wordpress.org\/plugins\/typing-animation-block\/","author":17615740,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.2.0","stable_tag":"trunk","tested":"5.7.15","requires":"5.0","requires_php":"5.6","requires_plugins":"","header_name":"typing-animation-block","header_author":"middle-way-approach","header_description":"A Gutenberg block to create a typing animation.","assets_banners_color":"514d44","last_updated":"2021-05-18 23:18:41","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/github.com\/middle-way-approach\/gutenberg-typing-animation-block","header_plugin_uri":"https:\/\/github.com\/middle-way-approach\/gutenberg-typing-animation-block","header_author_uri":"https:\/\/github.com\/middle-way-approach","rating":3.7,"author_block_rating":0,"active_installs":200,"downloads":5718,"num_ratings":3,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","changelog"],"tags":[],"upgrade_notice":[],"ratings":{"1":1,"2":0,"3":0,"4":0,"5":2},"assets_icons":{"icon.svg":{"filename":"icon.svg","revision":2211479,"resolution":false,"location":"assets","locale":false}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":2211479,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.png":{"filename":"banner-772x250.png","revision":2211479,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":{"cgb\/block-typing-animation-block":{"name":"cgb\/block-typing-animation-block","title":"Typing Animation Block"}},"tagged_versions":[],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":2211479,"resolution":"1","location":"assets","locale":""}},"screenshots":{"1":"The position of the different parameters as explained in the description."},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[7513,178725],"plugin_category":[],"plugin_contributors":[],"plugin_business_model":[],"class_list":["post-111170","plugin","type-plugin","status-publish","hentry","plugin_tags-typewriter-effect","plugin_tags-typing-animation","plugin_committers-middlewayapproach"],"banners":{"banner":"https:\/\/ps.w.org\/typing-animation-block\/assets\/banner-772x250.png?rev=2211479","banner_2x":"https:\/\/ps.w.org\/typing-animation-block\/assets\/banner-1544x500.png?rev=2211479","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":"https:\/\/ps.w.org\/typing-animation-block\/assets\/icon.svg?rev=2211479","icon":"https:\/\/ps.w.org\/typing-animation-block\/assets\/icon.svg?rev=2211479","icon_2x":false,"generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/typing-animation-block\/assets\/screenshot-1.png?rev=2211479","caption":"The position of the different parameters as explained in the description."}],"raw_content":"\n

You can use the block inside the Gutenberg editor as you would use a headline block. You can find it in the common section. You can change the text that appears in the animation in the editor (Number 1 in the screenshot). The different sentences are separated by a pipe (|). You can format the text by using <i>...<\/i><\/code> for italic or <b>...<\/b><\/code> for bold text. To change the underlying element that is used in the html of the page (h1 to h6 or span) there is a dropdown menu in the block toolbar(Number 2 in the screenshot). In the block panel you find different options to customize the speed, looping and other options of the typing (Number 3 in the screenshot). The underlying library used is Typed.js. You can find more information in the repo<\/a><\/p>\n\n

Icon made by freepik<\/a> from www.flaticon.com<\/p>\n\n\n

After you install and activate the plugin you can use it as a block in the Gutenberg editor. You find it under the common section.<\/p>\n\n\n

1.2<\/h4>\n\n
    \n
  • Test with newest Wordpress version<\/li>\n
  • Fix some issues with 5.7<\/li>\n<\/ul>\n\n

    1.1<\/h4>\n\n
      \n
    • Test with newest Wordpress version<\/li>\n
    • update packages<\/li>\n<\/ul>\n\n

      1.0<\/h4>\n\n
        \n
      • Initial release<\/li>\n<\/ul>","raw_excerpt":"A Gutenberg block to render a typing animation or typewriter effect.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/mai.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/111170","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mai.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/mai.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/mai.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=111170"}],"author":[{"embeddable":true,"href":"https:\/\/mai.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/middlewayapproach"}],"wp:attachment":[{"href":"https:\/\/mai.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=111170"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/mai.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=111170"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/mai.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=111170"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/mai.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=111170"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/mai.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=111170"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/mai.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=111170"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}