人生万事ドーパミン!

自由奔放に、前向きに、コレが一番大事!

はてなブログのサムネイル画像のセット方法

f:id:makiyagaku:20200111205438j:plain
これまで投稿した記事が50を超えた。

そこで、第一回の投稿から、記事のサムネイルを見直してみた。

すると、サムネイル画像が空白になっている記事がいくつかあることに気づいた

サムネイル画像が空白とは、ブラウザ上では、こんな状態。

f:id:makiyagaku:20200111200445j:plain

「零度記念日」のほうは、「電動アシスト自転車」のようなアイキャッチ画像があるはずが、空白になってしまっている

これはまずい。

読者が記事をピックアップするとき、まず見るのはタイトルだが、同時にサムネイル画像で、そのブログがどんな内容かを想像するものだ。

これが空白だと、私の場合は、まず見ない。

たぶん皆さんも、同じだと思うので、自分のブログのサムネイル画像、一度チェックしてみてほしい。

ということで、サムネイル画像の空白状態を、元通りの画像が表示される状態まで復元する、という作業を行ったので、レポートしておくぞ。

ぜひ参考にしていただきたいのだ!

 

サムネイル画像のリンクが切れてしまっている場合の直し方は、こうだ。

1、まず、ダッシュボードの、記事の管理で、アイキャッチ画像が表示されているかをチェックしよう!

f:id:makiyagaku:20200111201639j:plain

 2、このように、「アイキャッチ画像」という文字だけで、画像が表示されていない記事は、リンク切れで、ブラウザ上にもサムネイル画像は表示されていない。

「眼精疲労に一番よく効く目薬」の画像もリンク切れてるぞ、困ったものだ。

3、次に、修正したい記事の「編集▼」をクリックしよう。

 上の画像で、右側に見えているボタンだね。

4、いつも記事を書いている画面になるので、右側のサイドバーのツールバーから、歯車マークをクリックしよう。

 すると、編集オプションという画面になるので、

f:id:makiyagaku:20200111203540j:plain

5、続けて、「アイキャッチ画像」の欄を確認しよう。

6、リンク切れになっていても、画像は残っている。

 サムネイル画像にしたい画像をクリックして、選択の状態にする。

 上の画像のように、青い枠が表示されるね。

7. 次に、「アイキャッチ画像の更新(矢印がぐるっと回っているマーク)」をクリックしよう。

8、その状態では、まだ、ブラウザには反映されないので、左下の「公開する(いつも記事をアップするときにクリックするボタンだ)」をクリックしよう。

9.はい、これで、元通り、サムネイル画像が表示されるように復元されました!

f:id:makiyagaku:20200111204610j:plain

眼精疲労に一番よく効く目薬「ひとみストレッチ」 も復活した!

ほっと一安心! 

この要領を使えば、サムネイル画像を別の画像に交換することも可能である。

記事内に、いくつか画像があり、一番メインの画像をサムネイル表示したいのに、記事の一番最初に出てくる画像がたまたまセレクトされているという場合には、差し替えてみるとよい。そのほうが、読者には、分かりやすい。

10、また、記事だけでなく、ブログ自体のアイキャッチ画像のリンク切れてる方がおられます。これは、非常に残念な状態ですぞ。

junemutsumi.hatenablog.com

 昨日、JuneNNNさんのブログ、引用させてもらおうと、リンク貼ったら、せっかくの可愛い猫ちゃんのサムネイル画像が表示されなかったので、記事へのリンクに変更させてもらったのだ。

 はてなブログの週刊はてなブログにセレクトされた記事にも、たまーにアイキャッチ画像のリンク切れてるブログがあって、これ残念過ぎる!と思うのだが、JuneNNNさんもリンクチェックしてみてください。

 今日もでしゃばり、おせっかいな薪屋岳であった!

 たまに、私が勘違いしているだけの場合もあるので、その場合は、ゴメンです!

 ちなみに、復活したサムネイルは、こんな感じだよ。

makiyagaku.hatenablog.com

makiyagaku.hatenablog.com

 

makiyagaku.hatenablog.com

makiyagaku.hatenablog.com