クリックを追加してGIF画像をWordPressサイトにアップロードしますか? アニメーションGIFの読み込みに時間がかかるため、ページの速度とユーザーエクスペリエンスに影響します。 これが、多くの人気のあるブログプラットフォームがGIFをアプリに自動的にロードしない理由です。 この記事では、クリックを簡単に追加してGIFをWordPressにアップロードする方法を紹介します。

クリックしてgif.pngをロードする

WordPressでGIFをアップロードするためにWPGIFプレーヤーを追加するのはなぜですか?

アニメーション GIF 画像を WordPress に頻繁に追加する場合、通常の画像よりもはるかに大きいことが既にわかっています。 これは、読み込みに時間がかかることを意味し、速度とパフォーマンスに影響します。 サイトのWeb .

一部のサイトでは、WordPressでのプログレッシブ読み込み画像を扱っています。 ただし、ユーザーが下にスクロールするとGIFファイルの読み込みに時間がかかるため、ユーザーエクスペリエンスに影響します。

Tumblrなどの人気のあるプラットフォームは、WP GIF Playerを使用してGIFファイルをロードし、この問題を軽減します。 GIFアニメーションのすべてのフレームをロードする代わりに、アニメーションの最初のフレームのみをロードします。 画像の再生ボタンは、ユーザーがクリックしてアニメーションGIFを表示できることを示しています。

画像を保存するgif.jpg

そうは言っても、WordPressにこの機能を追加する方法を見てみましょう。

WordPressにGIFロード機能を統合する方法

最初に行うことは、プラグインをインストールしてアクティブ化することです WP GIF Player。 詳細については、ステップバイステップガイドをご覧ください。 WordPressプラグインをインストールする方法.

このプラグインは構成なしで機能し、設定はありません。

投稿編集画面に移動して、実際の動作を確認できます。

GIFを追加するwordpress.png

投稿編集画面で、投稿エディタの上に[GIFを追加]ボタンが表示されます。 それをクリックすると、他の画像と同様にGIF画像をダウンロードできるメディアダウンロードウィンドウが表示されます。

GIFダウンロードwordpress.png

ダウンロードしたら、[画像の挿入]ボタンをクリックして続行する必要があります。

WP GIF Playerプラグインは、WordPress投稿エディターに必要なショートコードを追加します。

ショートコードfor gif.png

これで、投稿/ページを保存し、プレビューボタンをクリックして、クリックを確認し、実際のGIFを読み込むことができます。

投稿に埋め込まれているすべてのGIFには、その上にボタンが表示されます。 ボタンをクリックすると、アニメーションGIFがバックグラウンドで読み込まれ、表示されます。

git editor WordPress.png

このプラグインの欠点は、ダウンロードする新しいGIFに対してのみ機能することです。 以前にダウンロードしたGIFにのみこのオプションが追加されます。 これは、以前にアップロードしたすべてのGIFにクリックしてロードするボタンがないことを意味します。

この記事が、クリックを追加してGIFをWordPressにロードする方法を学ぶのに役立つことを願っています。