【WordPress】CSS3アニメーションを実装できるプラグインAnimate It!

ai_s

Animate It!は簡単にCSS3アニメーションを実装できるプラグインです。
CSS3アニメーションを簡単に実装するのに便利なAnimate.cssが準備されているので、特に難しい設定などは必要ありません。

Animate It!プラグインを導入

ダッシュボード >> プラグイン >> 新規追加 >> Animate It!を検索
有効化にするとビジュアルエディタ、設定にAnimate It!が追加されます。

Animate It! Options

ai_1
スクロールオフセット、スマートフォン上で有効にするなどの設定ができます。

ビジュアルエディタ

anim
ビジュアルエディタでAnimate It!をクリックします。
ai_3

Delay アニメーションが始まるアクション後の何秒後にアニメーションが始まるのかを設定。
Duration アニメーションを何秒かけて行うかを設定。
Animate Infinitely 繰り返しアニメーションを行うか。
Animate On アニメーションがどのようなアクションで始まるのかを設定。Click、Hover、Scrollのいずれか一つをYESにする。

ai_4
Animation Styleでアニメーションを選択します。

最後にInsertをクリックすると、[edsanimate][/edsanimate]で囲われたものがアニメーションされます。

 
Animate It

【WordPress】CSS3アニメーションを実装できるプラグインAnimate It!

  • LATEST
  • RELATED
  • POPULAR