これは厄介だっていう説もあるけど

すきなものについて雑多に語るブログです

はてブのアイキャッチ画像を任意の画像に設定する方法

 

はてなブログで記事を書くと、参加しているグループやシェアするツイートに一枚目の画像が表示されますが、その画像が自分で設定できる機能があることを知ったので記事にしようと思います。

 

↓この赤枠の画像のことです。

(この記事について、様々な方から言及いただいてとても嬉しかったです!ありがとうございました!)

f:id:pink8er-hana:20171112000302p:plain

 

見せたい画像ならいいのですが、記事内の別の画像のほうが目を引くから変えたいな、とか、何もつけたくないなってことありませんか?

 

それ、PCから変えられます!

アイキャッチの設定」として紹介します。

 

  

一枚目以外の記事内画像をアイキャッチにしたいとき

 

▼まずは「写真を投稿」で画像を数枚アップします。

f:id:pink8er-hana:20171112000826p:plain

 

▼このまま更新すると、ピンクの「画像1」がアイキャッチとして設定されますよね。

f:id:pink8er-hana:20171112003112p:plain

・更新したあとでこれを変更したい場合は記事編集画面に戻ります。

・更新する前に画像を替えておきたい場合は、更新ボタンを押す前に下の方法で設定します。

・不安な場合は一旦下書き更新してから、アイキャッチがきちんと設定されているか確認して公開することをお勧めします。

 

▼右メニューの歯車マークをクリックします。

f:id:pink8er-hana:20171112000631p:plain

 

▼「アイキャッチ画像」という部分があります。

f:id:pink8er-hana:20171112000701p:plain

 

▼この小窓をスクロールすると、同じ記事に載せた「画像2」が出てくるので、それをクリックします。

f:id:pink8er-hana:20171112004114p:plain

 

▼これで更新すると、「画像2」がアイキャッチとして設定されます。

f:id:pink8er-hana:20171112003237p:plain

 

記事内画像をアイキャッチに載せたくない場合(代替案)

画像を含む記事でアイキャッチを設定しないということはできないようです…

なので、別の画像を設定するという代替案を挙げます。

 

イコン画像をアイキャッチに設定する

▼「アイキャッチ画像」の窓にはデフォルトで自分のブログのアイコン画像が出てきます。これをクリックして設定すれば、アイキャッチとして使用されます。

f:id:pink8er-hana:20171112000701p:plain

 

▼こんな感じ。

f:id:pink8er-hana:20171112010534p:plain

 

別の画像を設定する

・記事内の画像もアイコン画像も使わない

・小さい画像を設定したい

場合はこちらの方法で。

 

▼画像メニューで、四角から矢印が出ているアイコン(はてなフォトライフで編集する)をクリック。

f:id:pink8er-hana:20171112003522p:plain

 

▼こんな画面になります。右上の「アップロード」をクリック。

f:id:pink8er-hana:20171112003647p:plain

 

▼画像をアップロードします。

f:id:pink8er-hana:20171112003723p:plain

 

▼アップロードできたら、ホームに戻ります。

f:id:pink8er-hana:20171112003935p:plain

 

▼画像が追加されました。画像をクリックします。

f:id:pink8er-hana:20171112004004p:plain

 

▼画像の画面。画像アドレスをコピーします。

検索窓のURLではなく、画像を直接右クリックして「画像アドレスをコピー」します。

f:id:pink8er-hana:20171112010106p:plain

 

▼記事編集画面の「アイキャッチ画像」のURL枠(赤枠内の一番上)の「×」を押して元のURLを消してから、コピーした画像アドレスを貼りつけます。

f:id:pink8er-hana:20171112004114p:plain

 

▼更新すると、はてなフォトライフにアップした画像がアイキャッチに設定されました。

f:id:pink8er-hana:20171112010115p:plain

 

今回はデスクトップに保存していた画像を使用したのですが、もっと小さい画像(ブログタイトルを書いただけの画像とか)を設定して、記事内の画像を見せたくないときに使う用にしておくのもいいかもしれません。