［はてなブログ］記事にない画像をアイキャッチにするには?

はてなブログのアイキャッチ画像は、
記事内で使っている画像を載せるのが前提になってます。

記事内に画像の候補が並び、
その中から選ぶようになっている。

ですが、
違う画像をアイキャッチ画像として載せることもできるんです。

方法１．

❶“はてなフォトライフ”へあらかじめ画像を上げておき…
記事に画像を貼り付けておきます。

❷その画像をアイキャッチ画像として指定、
その状態でいったん記事を保存します。

❸そのあとアイキャッチにした画像を、記事本文から削除し保存。

ちゃんとアイキャッチになってるかどうか、
トップの一覧ページから確認してみてください。

アイキャッチ画像は、
削除した画像でも反映されてるかと思います。

方法２．

❶アイキャッチにしたい画像を写真を投稿に上げ、、
記事でアイキャッチ画像として保存する。
（ここまでは上記❶と同じ）

❷記事編集の画面で、
HTML編集モードがありますが。

アイキャッチ用にした画像のhtmlを、
コメントアウトして非表示にする…という方法。

<!--<img class="hatena-fotolife" src="https://～～jpg" />-->

こんな感じで  で囲むやりかた。
プレビューで見て、表示されなくなります。

ブログ記事上では見えてないけど、
アイキャッチ用としてはその画像が出る、、という状態に。

このやりかたのほうが簡単かも?でしょうか😁

ちょっとナゾな方法３．

編集記事内のアイキャッチ画像欄、
その一番下に、画像のURLを載せる場所があります。

普通は記事で選択したアイキャッチのURLになってるんですが、そこへ載せたい別画像を貼ってしまおうというやりかた。

もっとも、
URL欄にコピペした段階で、記事画像の一覧に追加されちゃうんですけどね。

ただ、経験では
かつて“はてな”に上げたことあるけど、フォトライフで反映されてないナゾの画像あり。。。
そんなのをこのやり方で反映させられてます。

はてなの画像がぼやける現象を防ぎたい・・・と思いつつ、いまだに解決できてない一つなのですが。

その画像はぼやけないのでw
使わしてもらってるという貴重な画像。

そんなとき、この3の方法で上げてます。

ところで、
はてなブログのカスタマイズについて少し前のですが本が出ており。
自分も持ってて、とても参考になる一冊。

アフィリエイトを利用しています

相澤裕介カットシステム 2016年11月

はてなブログの画像の特性など…
もしかしたら変わってないのかもしれない?と思わせる、、そんな特性も詳しく載ってる一冊です。