サンメカshimoの日記

ど素人でどこまで出来るのか?サンデーメカニックのシモテンが挑戦するDIYと日常

はてなブログのアイキャッチ画像を「好みの画像」に設定する【動画】

デフォルトでもない!記事中にもない!

任意の画像をアイキヤッチ画像(サムネイル画像)に設定するには

 

シモテンです

ブログ記事の第一印象に大きく係わる「アイキャッチ画像

アイキャッチ画像は、そのブログ記事を表すサムネイル画像

記事の冒頭や記事一覧に表示されている小さな画像である

アイキャッチ画像とサムネイル画像の細かい違いがあるようだが、その辺りは興味のある方は探求してください

はてなブログのアイキャッチ画像を「好みの画像」に設定する方法を紹介する

シモテンの紹介記事の場合、アイキャッチ画像は右側に表示されている

記事の内容によって的確に画像を設定すれば、読者の注目を集めることも出来る

アイキャッチ画像の設定、変更方法について調べてみた

 

シモテンが思うに、使用するアイキャッチの画像には3つのパターンがある

  1. 予め設定したデフォルト画像を使う
  2. 記事の中で使用した画像を使う
  3. デフォルト画像でも無く、記事にも使われていない任意の画像を使う

 

デフォルト画像の設定方法

記事ごとにアイキャッチ画像を設定することが大変であったり、面倒である場合があるかもしれない

記事によっては画像を何も使わないという場合もある

そこで使用されるのがデフォルトで設定されているアイキャッチ画像だ

 

設定方法は

①ダッシュボード」→「②設定」→「③詳細設定」→「④アイキャッチ画像

「⑤ファイルを選択」をクリックし、好みの画像を選択

最後に「変更する」をクリックすれば設定完了だ

f:id:shimoten:20191008225426j:plain

アイキャッチ画像のデフォルト設定

 

編集記事中に投稿されている画像の設定方法

記事の中で使用されている画像は関連性が高く、記事の内容を表現している

この記事中の画像をアイキャッチ画像に設定することは非常に読者の目を引き易くなる

 

設定方法は

記事の編集ページからアイキャッチ画像を設定していく

「①編集」→ページ右側の「②編集オプション」→「③アイキャッチ画像

デフォルト画像と記事中に投稿されている④画像から選択し、「下書きを更新する」をクリックすれば設定完了だ

f:id:shimoten:20191009212019j:plain

記事中にある画像を設定

 

デフォルトでもなく、記事中にもない任意画像の設定方法

デフォルトで設定されている画像や、記事中に投稿されている画像に関係ない「任意の画像」をアイキャッチ画像として設定したい場合がある

カテゴリーごとや、ジャンルごとに予め用意した任意の画像を使用したい

例えば「DIYシリーズ」や「グルメシリーズ」等で、記事中には使っていないが、ジャンルごとに決めた加工画像を使いたい場合などだ

複数のジャンルやカテゴリーを持つブログでは、それぞれに応じて編集加工したアイキャッチ画像を使うことで編集時間を省くことが出来る

 

設定方法は

「①編集」→ページ右側の「②写真を投稿」→3行目の「③Hatena Blog(private)」横のアイコン(はてなフォトライフで編集する)

新しいページ(④はてなフォトライフ)が立ち上がる

ページ右上の「⑤アップロード」→「⑥点線内に画像を選択してドラッグ」

「⑦マイフォト」に出来た画像を右クリック→「⑧画像アドレスをコピー

記事編集ページに戻り、「⑨編集オプション」→アイキャッチ画像下「⑩画像URLで指定する」→「画像アドレスを張り付け」て設定完了だ

編集➡写真を投稿➡Hatena Blog(private)

f:id:shimoten:20191009212628j:plain

記事中にもない「任意の画像」を設定する

はてなフォトライフ➡アップロード➡ファイルドラッグ

 

f:id:shimoten:20191009213358j:plain

マイフォト➡画像選択➡右クリック➡画像アドレスをコピー

f:id:shimoten:20191009214114j:plain

マイフォトの画像を選択し右クリック、画像アドレスをコピー

編集ページに戻り➡編集オプション➡画像URLで指定➡画像アドレスを張り付け

f:id:shimoten:20191009215242j:plain

コピーした「画像アドレス」を張り付けて完了

「はてなブログに任意のアイキャッチ画像を設定する方法」動画、作りました

 

↓ランキングに参加中。ポチクリ応援お願いします!
↓出来ればこちらも、押して下さい!