這個外掛並未在最新的 3 個 WordPress 主要版本上進行測試。開發者可能不再對這個外掛進行維護或提供技術支援,並可能會與更新版本的 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).

評價

There are no reviews for this plugin.

貢獻者及開發者

“Word Switcher” 是一個開源的軟體。以下的人對這個外掛作出了貢獻。

貢獻者

將 Word Switcher 外掛本地化為台灣繁體中文版。

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 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.