MENU

WordPress上の記事一覧で動くアイキャッチ画像の作り方。GIFで保存、以上

https://twitter.com/VaDSHIYKYF7iMbp/status/1513813020149190658

WordPressのアイキャッチ画像って動かせるんですわ。知ってました?

具体的にはGIFで保存してそれをアイキャッチにすればOK。

ただOGPには対応しないみたいで、Twitterとかに流すと動かなくなります。

目次

動くアイキャッチの作り方!GIFで保存するだけ

GIFで保存してそれをアップロードするだけなんですが、一応もうちょいだけ詳しく書くと以下の通り。

1.画像を何枚か作る
2.GIFで保存(パラパラ漫画みたいにする)
3.アップしてアイキャッチに

動いたから何やねんとか全部動いたらきもいわとかあると思います。その通りです。

og:imageにGIFを入れたらTwitter投稿とかでも動くのでは?説を検証。ダメでした

アイキャッチはアイキャッチで設定し、それとは別にog:imageにも入れてみた。

もしかしたらこっちだとすり抜けられるんじゃないかと思い。

結果はダメでした。

Twitter曰く、

「JPG, PNG, WEBP and GIF formats are supported. Only the first frame of an animated GIF will be used.」
(GIFは最初の絵だけ使われるよ)

・・・うん、まあ、せやな?

諦め悪く、TwitterはダメでもLineとかではワンチャンある??と思ってやってみた。ダメだった。検証終わり!

動くアイキャッチの使い道

ここからはこれの使い道なんですが、Youtuberのまとめサイトとか公式サイトを作るときに良いのではないかと睨んでいます。

Youtubeって動くので、その流れで受け入れられそう。

Youtubeは一覧性が低いので、まとめサイト作りたいみたいな需要もありそう!

あとは、この記事でわかる内容を冒頭で要約できるからアイキャッチがただのファーストビュー殺しじゃなくなるのも良いよね、なんとなく滞在時間上がりそう。

これを提案していい感じになったらなんか奢ってください。(適当)

終わり。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

コメント

コメントする

目次