【ワードプレス】サイトをスクロールしたときに、画像や要素がふわっとフェードインして出てきたりシュっと入って来たり、っていうアニメーション効果のやり方～Blocks Animationプラグイン～

ワードプレスで、サイトをスクロールしたときに
画像や要素がふわっとフェードインして出てきたり
シュっと入って来たり、っていうアニメーション効果の実装方法について解説します。

今回使うプラグインは
この「Blocks Animation: CSS Animations for Gutenberg Blocks」っていうプラグインです

やり方はいたって簡単

１）プラグインのインストール
２）ブロックでアニメーションの設定

以上です。

ダッシュボード⇒プラグイン新規追加で、

プラグイン検索で「Blocks Animation」と入れてください。

Blocks Animation: CSS Animations for Gutenberg Blocks

ってのが出ますので、インストール＆有効化

プラグインをインストールすると、編集ページの各ブロックに「Animation」という項目が追加表示されるようになります

▼あとは、お好きなアニメーションを選ぶだけ

以上！