【WordPress】Gif動画を貼り付ける方法

WordPress

【やりたいこと】ブログにGif動画を貼り付けたい!

WordPressでGif動画を貼り付けようと思ったら、うまく表示されずに大分悩まされました。

「Gif動画が動くようになったけど、ループ再生されない。」

「そもそも、Gif動画が表示されない。」

Gif動画問題に1時間を費やしてしまいました、泣

なので、今回は、私がGif動画問題を解決した方法を紹介したいと思います(^^)/

【10分でできる!】Gif動画はGIPHYのリンクを使用

※ダウンロード時間は10分の中に含まれていません。

0.概要

「VideoSolo動画GIF変換」というフリーソフトで動画をGif動画に変換し、「GIPHY」というサイトにGif動画をアップロードします。最後に、アップロードしたGif動画のリンクをブログに貼り付けます。

1.使用したもの

・ロリポップレンタルサーバー スタンダードプラン

ロリポップ!レンタルサーバー
【WordPressの表示速度No.1】のレンタルサーバー「ロリポップ!」月額550円から高速WordPressが使える!初期費用・ドメインも無料!今すぐ10日間の無料お試し

・WordPress 4.9.8

※WordPressはロリポップユーザー専用ページからインストールしました。

・テーマ Hueman

Hueman
The Hueman theme loads fast and is 100% mobile-friendly according to Google. One of the best rated theme for blogs and magazines on WordPress.org. Powering 70K+...

2.手順

①Gif動画の作成

Gif動画作成ソフトのVideoSolo 動画 Gif 変換をインストールします。

インストール後、VideoSolo 動画 Gif 変換を開きます。

上記の画像のように、動画をドラッグ&ドロップします。

カットをクリックします。

Gif動画にする部分を決めます。

カット前の動画は消去します。

保存先を設定して、変換をクリックします。

プログレス合計が100%になったら、右下の完成をクリックします。

以上の手順で、Gif動画が完成しました。

②GIPHYの利用

こちらのリンクからGIPHYに移動します。

GIPHY - Be Animated
GIPHY is your top source for the best & newest GIFs & Animated Stickers online. Find everything from funny GIFs, reaction GIFs, unique GIFs and more.

Uploadをクリックします。

BROWSE YOUR FILESをクリックし、①で作成したGif動画を開きます。

SOURCE URLADD TAGSを記入します。

アップロード後、Copy linkをクリックします。

Sourceのリンクをコピーします。

③確認

ビジュアルエディターに②でコピーしたリンクを貼り付けます。

下記の画像のように、表示されていれば成功です。

お疲れさまでした(^^♪

3.追記

WordPressのメディアからGif動画を追加する方法で一度試してみましたが、Gif動画がループ再生されませんでした。

【最後に】Showroomとマッハ新書の紹介

ShowroomでUnity配信をしています。リアルタイムの勉強の様子を見てみたい方におすすめです!(^^)!

SHOWROOM(ショールーム)
ライブ配信サービス「SHOWROOM」 誰でも気軽に、ライブ配信を楽しめます!人気アイドルやアーティスト、モデル、声優、お笑い、タレントなども配信中!無料でコメントをすることで今すぐコミュニケーションできます!また、誰でもカンタンに配信可能!好きな時間に、何気ない日常を配信してみよう!

以下は、私のUnity学習体験記となっております。

「他人の勉強方法が知りたい」という方におすすめのマッハ新書です!(^^)!

https://hk-ryukyu.booth.pm/items/1061904
https://hk-ryukyu.booth.pm/items/1064971
https://hk-ryukyu.booth.pm/items/1067049
https://hk-ryukyu.booth.pm/items/1066777

コメント

タイトルとURLをコピーしました