※本ページはプロモーションが含まれています>>広告ポリシー

WEB

なぜ?ワードプレスでGIFアニメーションが使えない!|原因と解決方法

2018年8月13日

ネット上のgifマーカーで、GIFアニメーションを作ったのですがワードプレスでアニメーションンが効かず、動きません。

ヘッダーを昔作った時なんかは動いたのになぜだろう?

疑問に思いながらサイズを触っていたら動くようになりました。

なぜ・・・?

疑問に思いながら試行錯誤しながらなんとか動くようになりました。
サイズを触っていたら急に動くようになったので原因はこれか。
と、サイズを元に戻したりして確認したらはっきり分かりました。

 

ワードプレスでgifアニメーションが動かない原因:

ワードプレス更新による画像の「自動リサイズ」が原因でした。

 

ワードプレスでgifアニメーションが動かない対処法

原因は上記の通り簡単でした。

GIFファイルを作成する時、サイズを決めて作成すると思います。

昔はワードプレスは画像を入れるとそのままの作ったサイズでメディアへ追加されていましたが、いつのワードプレス更新からか、アップロードすると(中)サイズ300pxで格納されるようになりました。

ワードプレスでのアニメーションgifファイルの場合、元々作成したファイルの縦横比サイズでWeb上に公開しないと動かないそうなので勝手に(中)サイズにされるサイズをフルサイズにしてあげると動くようになります。

画像挿入の時に、最新のワードプレスなら(中)サイズになっているはずです。

これをフルサイズに変更します。

記事に挿入後、画像→編集をクリック。

最新の更新ワードプレスは、画像をメディアに送るだけで勝手にリサイズ→(中)サイズに変更されているのでこれをフルサイズへ変更→更新クリック。

するとアニメーションgifファイルが動くようになっているはずです。

久しぶりにアニメーションGIFを作ったので既出ブログが出てるかもしれませんが直れば全て良し。

ちなみにgifファイルが正常な場合、web後悔上に出さなくてもワードプレスのクライアント(書き手側)記事途中でも動いているはずですので確認してみて下さい。

今まさにこの記事を書きながらも張り付けている画像はフルサイズの方は動いています。

と、いうことで原因はワードプレス側の自動リサイズ設定が原因でGIFアニメーションが動かなくなっていたという結論でした。

しかし当たり前に出来るはずのものが出来なくなると焦りますよね。。。

とりあえず解決して良かったです。

自分への忘備録も込めて。

関連記事

-WEB
-,