お役立ち お役立ち-Bloggerメモ

目から鱗！Bloggerのアイキャッチを任意の画像にする方法

https://www.iloilo-good.com/2017/04/blogger_20.html目から鱗！Bloggerのアイキャッチを任意の画像にする方法

Bloggerって記事一覧のアイキャッチ(サムネイル)は、記事の1番最初に貼った画像になってしまうんですよね。

アイキャッチを自動で取得してくれるのはありがたいんだけど、記事によってはアイキャッチにしたい画像が2枚目以降だったりするので、関連性のない写真がタイトルの脇に表示されてしまいます。
「一番目に貼ればいいじゃん」
って話ですが、そうもいかないときもあるさ人間だもの。

アイキャッチが選べないのはなにかと不便なので、自分で選んだ画像をアイキャッチにする方法を紹介します。

アイキャッチを自分で選んだ画像にする方法

ちなみに上の記事一覧の矢印の部分をアイキャッチと呼んでますが、違ってたらゴメンナサイね。
記事一覧のサムネイルってことです。

で、今回参考にしたのはなんと海外のサイト。
英語で半分以上なに言ってるのか分らないけど、なんとな～くニュアンスで理解しました。

「なるほど、こんなやり方があったのか！」

って目から鱗でした。

やり方は以下の通りです。

その1

アイキャッチを変更したい記事のHTML編集で先頭部分に


<img src="image-here" style="display:none;">

と記載します。

その2

で、赤字のimage-hereって部分をアイキャッチにしたい画像のURL（https～jpg）に変えれば完了です。
※画像のURLは画像をアップロードすればHTML編集画面で確認できます。


なんと以上です。


すっごく簡単でしたね。




おかげで書くことがもう無くなってしまいました。

まとめ

ちなみにこの記事も、記事にはない画像がアイキャッチになるようになってます。
地味に便利なのでよかったら参考にどうぞ。


参考サイト：My Blogger Lab

スポンサーリンク

スポンサーリンク