WordPressでプラグイン【Elementor】を使って、GIF(ジフ)のアニメーションが動かないときの対処法

ホームページを作るのに、超簡単なプラグイン【Elementor】。

これを使っていて、

どーも、アニメーションGIFが動かない・・・
という現象があり、、


それが解決したので、備忘録として書いておきます♪

ちなみに、Elementorではなく
普通にWordpressのページ作成の場合でも
この現象は起こるようです。

●画像の上をクリックすると画像が拡大表示されます
 画像サイズによっては大きく表示されない場合もあります

Elementorで、【画像】を入れたい場所にドラッグし、

GIFファイルを指定します。

以下のファイルがGIFファイルです。

首をフリフリしていますよね(笑)

 

GIFファイルは動きがある普通の動画より、軽いので、

ページ表示速度を、動画を埋め込むよりは、早く表示できるようになります♪

普通に入れて、動く場合もあるのですが、

これ、動かない場合もあるのです。。

 

その差はいったい何なのか

よくわかりませんが(笑)

もし動かなかったら、

画像サイズを「フル」にしてみてください。

 

そしたら、動くようになります♪

WordPressの通常編集画面でGIFファイルを設定する時は

Elementorを使わず、普通のWordpressの編集画面設定する時は、「メディアを追加」をクリックします

アップロードすると、【添付ファイルの詳細】が画面右側に出てくるので、【サイズ】→【フルサイズ】にします。

これで、おそらくGIFファイルが動くようになると思います♪

ちなみに、今回、首振りのGIFファイルを

フォトショップで作りましたが、

何かの動画自体をキャプチャして、

それをGIFファイルとして保存できるフリーソフトもあります。

 

動画ファイルをページに載せると

とても重いし、Youtubeの動画を自動再生にさせると

これまたページが重くなるので、

GIFとして動画を載せる…ということやっても

いいのではないかと思います♪

  • 今すぐクリック‼
  • 今すぐクリック‼
  • 今すぐクリック‼
  • 今すぐクリック‼

8つのステップで、
SEOに強いWordPressを簡単導入!

「売り込まないネット集客成功法」をダウンロードすると、「ここから始めよう!WordPress」もダウンロードできます。

WordPressのインストール方法、レンタルサーバの登録方法、独自ドメインの設定方法、常時SSL化の設定方法などが記載されているので、これを設定しちゃえば、WordPressの導入が簡単にできちゃいます‼

「ここから始めよう!WordPress」のダウンロードはこちら
8つのステップで、SEOに強い「WordPress」を簡単導入できます‼

「ここから始めよう!WordPress」は、これからWordPressを導入したい方向けに、レンタルサーバーを登録するところから、WordPressの初期設定までの一通りが書いてあるマニュアル本です。ぜひあなたのホームページ作成にお役立てください♡

<目次>

ステップ1:レンタルサーバーを借りよう!
ステップ2:独自ドメインを取得しよう!
ステップ3:取得したドメインをサーバーに追加しよう!
ステップ4:データベースの設定
ステップ5:WordPressをインストールしよう
ステップ6:homeを削除する方法
ステップ7:無料SSLを設定しよう
ステップ8:WordPressの初期設定