This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

Word Switcher

توضیحات

This plugin facilitates the usage of this Word Switcher JavaScript tool: https://bitbucket.org/bilalakil/word-switcher

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.

Bring your own animations – it’s as easy as adding a couple of lines of CSS in the Customizer. It also adds the wordSwitcher JavaScript function to the global scope so you can do whatever you like with it.

Full usage example:

Hello [word-switcher words="world, people, friends, everybody, mate" switchDelay="1000" random="true" animationDuration="null" className="hello-world-switcher"]world[/word-switcher]

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:

.hello-world-switcher-enter-active, .hello-world-switcher-leave-active {
  transition: opacity 1s
}
.hello-world-switcher-enter, .hello-world-switcher-leave-to {
  opacity: 0
}

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).

بررسی‌ها

بررسی‌ای برای این افزونه یافت نشد.

توسعه دهندگان و همکاران

“Word Switcher” نرم افزار متن باز است. افراد زیر در این افزونه مشارکت کرده‌اند.

مشارکت کنندگان

ترجمه “Word Switcher” به زبان شما.

علاقه‌ مند به توسعه هستید؟

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

تغییرات

0.1.1

  • Removed the non-transpiled JavaScript file from the plugin.

0.1.0

  • First release!
  • Using word-switcher v0.1.2 from npm.