＜2020年最新＞はてなブログのサイドバーに画像付きリンクを貼る方法

はてなフォトライフ・新アップローダーでのやり方

まずは、はてなフォトライフに行きます。

２　アップロードをクリック

３　新しいアップローダーに画像をアップする

４　画像のアップが終わったら「フォルダを編集」をクリック

すると、昔ながらの画面に行くので、画像の左下をクリックして画像を選び、「ブログに貼り付ける」をクリック、HTMLタグをメモなどにコピペする

HTMLタグは下記の様になっているはずなので、赤文字の部分を任意のリンク先のURLに変更し、青文字の部分を画像の説明に変更します。注）青文字部分はしてもしなくてもいいですが、画像検索からの流入を考えるとした方が良いです

変更前

<a href=”http://f.hatena.ne.jp/jibunnonamae/20190708205018“><img src=”https://cdn-ak.f.st-hatena.com/images/fotolife/n/username/20190808/20190808205018.jpg” alt=”20190807205018“></a>

変更例）

<a href=”https://www.gipsyjazznyumon.com/life/entry/how-to-customise-hatenablog“><img src=”https://cdn-ak.f.st-hatena.com/images/fotolife/n/neyukix/20190808/20190808205018.jpg” alt=”はてなブログのサイドバーに画像付きリンクを貼る“></a>

これをはてなブログに設定していきます。

旧アップローダーでのやり方

ほぼ上記したものと一緒なのですが、こちらがいいって方もいるかと思うので、紹介します。

画面右上のこのマークをクリックし、はてなフォトライフをクリック。

画面右上のアップロードをクリック

注）画像アップロードの仕様が変わっているので、「旧アップローダーはこちら」をクリックして進めて下さい。

ファイルを選択して、左下にあるアップロードをクリック

アップロード後、写真を選択して、ブログに貼り付けるをクリックし、HTMLタグをメモか何かにコピー

あとは新アップローダーと同じで、リンク先のURLを変更し、alt部分を画像の説明に変更します。注）alt部分はしてもしなくてもいいですが、画像検索からの流入を考えるとした方が良いです

はてなブログの設定

はてなの管理画面からデザイン→カスタマイズ（レンチマーク）→サイドバー→モジュールを追加 →HTMLをクリック

次にリンク先が間違いないかチェックし、タイトルを入れましょう。

 最後に適用をクリックし、変更を保存するをクリックで完了です。

まとめ

いかがでしたか？簡単だったでしょ？

私は今は記事を増やすことに集中しているため、あまりカスタマイズに時間をかけないので、この方法はすごくよかったです。

その他のカスタマイズは、「はてなブログのカスタマイズ集（すべてコピペでOK）をどうぞ。