{"id":78703,"date":"2017-12-09T15:49:46","date_gmt":"2017-12-09T15:49:46","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/word-switcher\/"},"modified":"2017-12-21T03:54:44","modified_gmt":"2017-12-21T03:54:44","slug":"word-switcher","status":"publish","type":"plugin","link":"https:\/\/pcd.wordpress.org\/plugins\/word-switcher\/","author":14040090,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"0.1.0","stable_tag":"0.1.1","tested":"4.9.29","requires":"3.0.0","requires_php":"","requires_plugins":"","header_name":"Word Switcher","header_author":"Bilal Akil <mail@bilalakil.me>","header_description":"Enables the usage of the Word Switcher NPM module and a [word-switcher] shortcode! Bring your own animations - it's as easy as adding a couple of lines of CSS in the Customizer.","assets_banners_color":"","last_updated":"2017-12-21 03:54:44","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/wordpress.org\/plugins\/word-switcher\/","header_author_uri":"http:\/\/www.bilalakil.me\/","rating":0,"author_block_rating":0,"active_installs":0,"downloads":1688,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","changelog"],"tags":[],"upgrade_notice":[],"ratings":{"1":0,"2":0,"3":0,"4":0,"5":0},"assets_icons":[],"assets_banners":[],"assets_blueprints":{},"all_blocks":[],"tagged_versions":["0.1.0","0.1.1"],"block_files":[],"assets_screenshots":[],"screenshots":[],"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[785,751,80,2104,150447],"plugin_category":[43,50],"plugin_contributors":[96497],"plugin_business_model":[],"class_list":["post-78703","plugin","type-plugin","status-publish","hentry","plugin_tags-animation","plugin_tags-effects","plugin_tags-shortcode","plugin_tags-transition","plugin_tags-word-switcher","plugin_category-customization","plugin_category-media","plugin_contributors-bilalakil","plugin_committers-bilalakil"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/word-switcher.svg","icon_2x":false,"generated":true},"screenshots":[],"raw_content":"<!--section=description-->\n<p>This plugin facilitates the usage of this Word Switcher JavaScript tool: https:\/\/bitbucket.org\/bilalakil\/word-switcher<\/p>\n\n<p>It creates a [word-switcher] shortcode where you can specify values for the tool's parameters and, of course, the words themselves, along with a fallback value to be displayed while the tool is being loaded or if it fails to load. When the page is loaded the fallback content will be replaced with a word switcher.<\/p>\n\n<p>Bring your own animations - it's as easy as adding a couple of lines of CSS in the Customizer. It also adds the <code>wordSwitcher<\/code> JavaScript function to the global scope so you can do whatever you like with it.<\/p>\n\n<p>Full usage example:<\/p>\n\n<pre>\nHello [word-switcher words=\"world, people, friends, everybody, mate\" switchDelay=\"1000\" random=\"true\" animationDuration=\"null\" className=\"hello-world-switcher\"]world[\/word-switcher]\n<\/pre>\n\n<p>This can be accompanied by the following CSS (which you can insert straight into the Customizer) to simply fade the switching words in and out:<\/p>\n\n<pre>\n.hello-world-switcher-enter-active, .hello-world-switcher-leave-active {\n  transition: opacity 1s\n}\n.hello-world-switcher-enter, .hello-world-switcher-leave-to {\n  opacity: 0\n}\n<\/pre>\n\n<p>Read the JavaScript tool's documentation for more information regarding the parameters and their default values, and how to use the animation classes (as inspired and imitated from the awesome Vue.js).<\/p>\n\n<!--section=changelog-->\n<h4>0.1.1<\/h4>\n\n<ul>\n<li>Removed the non-transpiled JavaScript file from the plugin.<\/li>\n<\/ul>\n\n<h4>0.1.0<\/h4>\n\n<ul>\n<li>First release!<\/li>\n<li>Using word-switcher v0.1.2 from npm.<\/li>\n<\/ul>","raw_excerpt":"Enables the usage of the Word Switcher NPM module and a [word-switcher] shortcode! Bring your own animations - it&#039;s as easy as adding a couple of &hellip;","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/78703","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=78703"}],"author":[{"embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/bilalakil"}],"wp:attachment":[{"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=78703"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=78703"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=78703"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=78703"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=78703"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=78703"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}