![](https://recommended-blog.site/wp-content/uploads/2024/03/スクリーンショット-2024-03-22-11.07.22-150x150.png)
ブログのふきだしを動かしたい。
![](https://recommended-blog.site/wp-content/uploads/2024/03/アイコンシャープ-1-150x150.png)
ブログに動きをつけて個性を出したい。
自分のサイトも動きをつけたいっていうことありますよね。
この記事ではswellのテーマで動きをつけられるプラグインを紹介します。
\ 公式サイトはこちら /
目次
swellのブログに動きをつけたい!結論
結論ですが『Blocks Animation 』というプラグインを使えば動きのあるサイトにすることが出来ます。
Blocks Animationの使い方
![](https://recommended-blog.site/wp-content/uploads/2022/03/IMG_1616-1024x715.jpg)
![](https://recommended-blog.site/wp-content/uploads/2024/03/スクリーンショット-2024-03-22-11.23.58-150x150.png)
まずはプラグイン
↓
新規追加を選択
![](https://recommended-blog.site/wp-content/uploads/2022/03/Blocks-Animation-インストール-1024x653.jpeg)
![](https://recommended-blog.site/wp-content/uploads/2024/03/スクリーンショット-2024-03-22-11.23.58-150x150.png)
キーワードにBlocks Animationと入力して
今すぐインストールをクリック
すでに私はインストールしているので『今すぐ更新』になっています。
![](https://recommended-blog.site/wp-content/uploads/2022/03/Blocks-Animation-1-1024x661.jpeg)
![](https://recommended-blog.site/wp-content/uploads/2024/03/スクリーンショット-2024-03-22-11.23.58-150x150.png)
ふきだしのブロックを選んで、右にあるブロック設定の下の方に行くと『Animations』という項目が出ます。
![](https://recommended-blog.site/wp-content/uploads/2022/03/Blocks-Animation-2.jpeg)
Blocks Animationで出来ること
Animations
こちらの項目で動かしたい動きを選択します。
Done
遅延時間の設定が出来ます。
Speed
アニメーションのスピードが選べます。
78個のアニメーションが選択することができて、遅延時間やアニメーションの設定もできます。
![](https://recommended-blog.site/wp-content/uploads/2024/03/スクリーンショット-2024-03-22-11.23.58-150x150.png)
かなりの数があるので見ているだけでも面白いですね!
画像も動かすことができる
![パソコン](https://recommended-blog.site/wp-content/uploads/2022/03/ブログはパソコンが必要?.jpg)
![](https://recommended-blog.site/wp-content/uploads/2024/03/スクリーンショット-2024-03-22-11.23.58-150x150.png)
画像もアニメーションにすることが出来ます。
ふきだし以外にも使えて、ブログをサイト方にカスタマイズした時にも、かなり使えるプラグインになりますね。
swellのブログに動きをつけたい!まとめ
Blocks Animationを使えばふきだしや画像にアニメーションをつけることが出来ます。
![](https://recommended-blog.site/wp-content/uploads/2024/03/スクリーンショット-2024-03-22-11.23.58-150x150.png)
動きのあるサイトは、ついつい先を見たくなりますよね。
![](https://recommended-blog.site/wp-content/uploads/2022/02/スクリーンショット-2022-02-25-21.03.39.jpg)
うまく活用してサイト運営したいな。
![女性の横顔](https://recommended-blog.site/wp-content/uploads/2022/02/スクリーンショット-2022-02-25-20.59.20.jpg)
![女性の横顔](https://recommended-blog.site/wp-content/uploads/2022/02/スクリーンショット-2022-02-25-20.59.20.jpg)
![女性の横顔](https://recommended-blog.site/wp-content/uploads/2022/02/スクリーンショット-2022-02-25-20.59.20.jpg)
![女性の顔](https://recommended-blog.site/wp-content/uploads/2022/02/スクリーンショット-2022-02-25-14.42.03-1-1024x1024.jpg)
![女性の顔](https://recommended-blog.site/wp-content/uploads/2022/02/スクリーンショット-2022-02-25-14.42.03-1-1024x1024.jpg)
ただし動きがありすぎるとゴチャゴチャになるので逆に離脱率が上がってしまうと思うので程々にですね。