WordPressでGIFアニメが動かない時の対処法

Pocket

今回アイキャッチ画像にGIFアニメを登録したのですが、登録時、また、メディアライブラリ内ではしっかりGIFアニメとして動いているのに、いざ表示されたサムネイルと見てみると、動いてない!!という現象が起こりました。

gifAnime

解決はしたのですが、原因を特定するまで少々時間がかかってしまったので、メモしておきます。

GIFアニメが動かない時の原因

ある条件下ではGIFアニメは動きません。この原因を把握していれば、すぐに解決できるはず!!です。

基本的には、アイキャッチ画像で登録した時に動いていれば、また、メディアライブラリに登録時に動いていれば、とりあえずは動くはずです。
が、その条件としてその登録したサイズでないとダメなようです。

例えば、自動でサムネイルの縮小(拡大)サイズ作成、追加する機能をfunction.phpに書き込んでいたり、『Auto Post Thumbnail』等のpluginを使っている場合は、そのサイズ以外で作ったものは縮小、または拡大され追加されます。
ようするに、150×150 でサムネイルは表示されるのに、それより大きなGIFアニメ(200×200とか)を作って登録してしまうと、
150×150 の縮小されたサイズの動かない “GIF画像” が作られ、それをサムネイルとして表示します。
ですので、”GIFアニメ” としては動かなくなります。

バナー468-80_iPad-MacBook

対処法

なので、とりあえずは表示サイズにあったGIFアニメを作って登録すれば、まず大丈夫だと思います。
もし自動で縮小されたものも動かしたい!とかであれば、その縮小されたサイズのGIFアニメも作って、そして表示の名前も同じにして直接FTPソフト等でアップすれば動きます。
場所は何も設定してなければ、
URL/wp-content/uploads/2014/10/thumbnail-100×100.gif
等におそらく入ってます。
場所の確認は、
右クリックで “画像のURLをコピー” 等で探してください。

また、サムネイルでなく、投稿内でGIFアニメを表示したい場合は、登録時にサイズをフルサイズで設定して表示すれば、問題なく動くGIFアニメが表示されるはずです。
大きすぎるサイズのものを作ったら動かない!等の事も聞いた事ありますので、参考まで。

とりあえずはこれで解決できるんじゃないでしょうか?



関連記事

日付を自動更新で表示させる! 簡単コピペ!!


先週『日付を毎月変えるの邪魔くさいし、サイトに書いてる日付とってくれへんやろか?』という依頼がありました。 とって…

記事を読む▷


『WinSCP』をMacで使えるようにする方法!!


FTPソフトの中では、やはり『WinSCP』が一番使いやすいです。でも、Macでは普通には使えません。。FileZill…

記事を読む▷


WP-OGPの設定方法:WPの投稿記事のサムネイルをFBできちんと表示させる


この記事は前回からの続きなのですが、、、実は1年経ってます。。下書きを途中まで書いてたのですが、あまりにも大変で途中で終…

記事を読む▷


スマホ、携帯からタップ(クリック)で電話を発信する、htmlの記述方法 コピペでOK!!


スマホ等のタブレット、また携帯で、電話番号をタップ(クリック)して直接かけるhtmlの記述方法です。 …

記事を読む▷


opacityの書き方 クロスブラウザ


今までも書いてましたが、ほんとIE嫌い。 そして、これからもまた同じ事書くでしょう。 さて。クロスブラウザでIE…

記事を読む▷


z-index が効かない時の対処方法


z-index が効かない時がちょくちょくあります。でも、仕事でそういう場合に遭遇すると、その場しのぎで対処法を見つけて…

記事を読む▷


WordPressのデータベースのテーブル接頭辞を、phpMyAdminで変更する方法


最近サーバーを変更してWordPressの引っ越しをしたのですが、引っ越し前のサーバーの初期設定でWordPressのデ…

記事を読む▷


2015最新版:PING送信先リスト20(WordPress Ping Optimizerへ登録するPingのURL)


色々と設定の見直し中なのですが、PingはSEO対策では大切なんですよね?正直まだイマイチPingは把握しきれていません…

記事を読む▷


複数の横に並ぶブロック要素をセンタリングさせる!!


よく複数の画像をfloatで並べることありますよね?でも、それを括ったDivタグとかをセンタリングしようとしたら、なかな…

記事を読む▷


ping_2017

2017最新版:PING送信先リスト16(WordPress Ping Optimizerへ登録するPingのURL)


久しぶりに新たなサイトのためにPingの送信先リストをチェックしてみたら、、、このようなよろしくない状態でした。。 …

記事を読む▷


Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

参考にさせていただいてるサイト

PAGE TOP