Bloggerの無料テンプレートSmartの最新記事ガジェットのサムネイル画像（thumbnail）が一番上の画像と一致しない

　ふでたまご様によるBloggerの日本語テンプレート「Smart」が完成しました！で配布されているBloggerのテーマとして使用できる無料テンプレート”Smart”の最新記事ガジェットで、サムネイル画像（thumbnail）がアイキャッチ画像にならない場合があります。
　残念ながら、解決策はわかりません。

　ということで、今回は最新記事ガジェットのサムネイル画像（thumbnail）がアイキャッチ画像と一致しない場合があるということを具体的にわかりやすくまとめて記事にしています。

　Bloggerのアイキャッチ画像（以下　アイキャッチ）は自動的に一番上の画像が使用される仕様になっています。

　残念ながらアイキャッチを指定することはできませんが、アイキャッチを記事の一番上に挿入し、非表示にすることであたかもアイキャッチを指定したように見せることができます。

　詳しくは関連記事に記載していますのでよろしければご覧ください。
　関連記事：初心者がBloggerのアイキャッチ画像（featured image）を指定して表示させる方法

　尚、今回はSmartの最新記事ガジェットのサムネイル画像（thumbnail）ですが、アイキャッチとして説明します。

　理由は仕様的にアイキャッチと同様にBloggerの記事を一番上の画像を使用することや主観的ですが、同一視されているようですので、区別せずにアイキャッチと呼称を統一して記載します。ご了承ください。

　アイキャッチについて、記事内容とホーム、Smartの最新記事ガジェット、注目の投稿、Twitterの画像を具体的に記載して、Smartの最新記事ガジェットのみアイキャッチが記事内の一番上の画像と一致しないことを説明します。

　上記の四角い赤枠の”ここ”が記事上の一番上の画像です。

　しかし、アイキャッチ用に黒いお皿の画像を記事の一番上挿入しBloggerの投稿：編集のエディターの”HTMLビュー”で直接HTMLを書き換えて非表示にしています。

　ですので、黒いお皿の画像がアイキャッチとして出てくれることが期待値です。

　詳しくは関連記事に記載していますのでよろしければご覧ください。
　関連記事：初心者がBloggerのアイキャッチ画像（featured image）を指定して表示させる方法

　Smartのホーム画面の画像です。

　尚、QooQとBloggerのテーマ”Emporio”でも同様の動作であることは確認しています。

注目の投稿ガジェットのアイキャッチ

　注目の投稿ガジェットの設定で” 公開した日時が最も新しい投稿を使用する”を選択した状態です。

　したがって、最新記事と同じ記事になります。
　注目の投稿ガジェットも黒いお皿の画像が表示され想定通りです。

　尚、QooQとBloggerのテーマ”Emporio”でも同様の動作であることは確認しています。

　TwitterのCard validatorによるCard preview画像です。
　Card preview画像も黒いお皿の画像が表示され想定通りです。

　こちらは、Smartの時に確認しました。QooQとBloggerのテーマ”Emporio”も同様と思います。

　この現象はアイキャッチ画像を指定（一番上を非表示）したことが原因ではないかと考えました。

　しかし、style="display:none"を実施していない記事でも同様にアイキャッチが合わないものがありました。

　以下に2例を上げます。

以下に具体例を示すように同じ記事でアイキャッチが一致しません。

また、画像は一番最後の画像ではありません。法則がわかりません。

以下に具体例を示すように同じ記事でアイキャッチが一致しません。

こちらも、画像は一番最後の画像ではありません。法則がわかりません。