昨日ですね、上のようなGIF(アニメーション)をアップロードしたんですけどね……
WordPressで(記事編集画面の『メディアを追加』から)GIFをアップロード
↓
動かない、ということがあった。
ちゃんと文字を読んでいる方なら、ここまででギリギリ8秒。
これ以上くどくど説明してもNEVERまとめみたいな記事になっちゃうので、ちゃっちゃと対処方法についてまとめるぞ。
表示サイズを見直す
(フルサイズじゃないとGIFは動かない)
僕の場合はこれに尽きた。
Wirdpressでメディアをアップする画面において、上の画像、赤丸で囲んだ部分に『サイズ』というのがある。
ここが肝要で、GIFを動かしたい場合 このサイズが『フルサイズ』以外だと動かない場合が多い。
試しに各設定でGIFを上げてみるぞ。
(サムネイル 150×150)
(中 300×222)
(大 850×628)
まだ動いてないね。
最後にフルサイズに設定すると………
(フルサイズ 1100×813)
といった具合だ。
つまり、WordPressにおいてGIFをアップロードした場合、画像をリサイズ(大きさを調整)させたGIFは動かなくなる、というコトである。
対処法は先述したように、フルサイズでアップロードすることだ。
以上!終わり!
久しぶりに1000文字に満たない記事を書いたので『内容カッスカスじゃない?NEVERま〇めになってない?』と心配だが、そんな感じだ。僕の統計によると8割の『GIFをアップロードしたのに動かない~~』って人は、フルサイズでアップロードすることによって解決される。
もし、それでもGIFが動かない方がいる場合は、まず『ファイルがGIFでアップロードできているか』という点を確認してみるのが良いだろう。
例えばこちら☟
タイトルが『GIF3』となっているので分かり辛いが、Copy Linkを確認してみると末尾がpngとなっており、GIFでアップロードできていないことが分かる。GIFファイルの場合、末尾はgifとなるので、それ以外のpngやjpgとなっている場合は、そもそもその時点でアニメーションが動くことはないので注意だ。
おそらくこの記事に訪れる人の大半がwordpressでGifをアップロードするのが初めてだと思うので、あらゆる初歩的なミスが考えられる。
僕からは
- フルサイズで表示されているか?
- そもそも、それGIF?
という2つを確認するよう勧めさせていただく。
なにか分からないことがあったら是非教えてくれ。
それでは。