くまたん
動画だとクリックしてもらう必要があるから自動再生ができるようにしたい
するめ
GIFファイルでダウンロードしてみようか
GIFとは、画像データを圧縮して記録するファイル形式です。
GIFは複数の画像を重ねてアニメーション表現ができます。
するめ
パラパラ漫画みたいなもんだと考えれば良いのかな?
![](https://www.miyakosodate.jp/wp-content/uploads/2022/06/CanvaとGIF.gif)
するめ
GIFだとブログのバナーとかでも使えるんだよ
くまたん
ということは・・・・?
するめ
動くバナーが作れます!!
ちなみにこのサイトのバナーもGIFファイルで作ってます。
アニメーションの作り方
![](https://www.miyakosodate.jp/wp-content/uploads/2022/06/名称未設定のデザイン-2022-06-08T213355.760-1024x448.png)
アニメーションを作るには、動く素材を使うか、文字や素材をアニメート機能で動かします。
例:文字を選択して「・・・」をクリックして「アニメート」を選択します
![](https://www.miyakosodate.jp/wp-content/uploads/2022/06/名称未設定のデザイン-2022-06-08T213627.423-1024x448.png)
好きな動きを選びます。
今回はページのアニメーションから好きなアニメートの動きを選択しました
![](https://www.miyakosodate.jp/wp-content/uploads/2022/06/名称未設定のデザイン-2022-06-08T213712.406-1024x448.png)
決まったらダウンロードしていきます
するめ
ここでGIFファイルを選択しましょう
![](https://www.miyakosodate.jp/wp-content/uploads/2022/06/名称未設定のデザイン-2022-06-08T213814.678-1024x448.png)
ワードプレスの貼り付け方
くまたん
出来たアニメーションをワードプレスに設置して動かしたい
![](https://www.miyakosodate.jp/wp-content/uploads/2022/06/名称未設定のデザイン-1024x448.jpg)
くまたん
で、貼り付けるだけでよいんだよね
するめ
動かない・・・(´;ω;`)ウゥゥ
![](https://www.miyakosodate.jp/wp-content/uploads/2022/06/休暇を楽しもう-Twitterヘッダー-3-1024x341.gif)
ただ貼り付けただけの状態です。背景色しか表示されません。
動かない・・・そんな時はサイズを変更しよう
するめ
解決方法見つけました!!
![](https://www.miyakosodate.jp/wp-content/uploads/2022/06/名称未設定のデザイン-1-1024x448.jpg)
画像を選択して「ブロック」を選択。
画像サイズを調整するだけ!!
![](https://www.miyakosodate.jp/wp-content/uploads/2022/06/名称未設定のデザイン-2-1024x448.jpg)
「フルサイズ」にすることで画像が動き出しました
![](https://www.miyakosodate.jp/wp-content/uploads/2022/06/休暇を楽しもう-Twitterヘッダー-3.gif)
くまたん
注目させたい画像はGIFファイルでUPさせるのも良いね