画像のURLがわからない!はてなブログデビューで大苦戦

このブログでは、タイトル画像をオリジナルのものにしています。

f:id:yuzumochi3:20180204142305g:plain

実は、はてなブログをはじめて最初につまづいたのがこの設定です。

画像を使うときはURLがわかると便利なのですが、はてなはそれがちょっとわかりにくい仕様になっています。

というわけで、今回は「画像のURLの確認方法」について書いてみます。

画像のURLを確認する

画像はみんな「はてなフォトライフ」のほうにあるんだよね。

はてなブログの画像は、すべて「はてなフォトライフ」にアップロードされます。画像の管理や編集、URLの確認もはてなフォトライフでおこないます。

「はてなフォトライフ」で画像のある場所

1.はてなフォトライフのバーにある「アップロード」をクリックします。

f:id:yuzumochi3:20171111172034j:plain

 

2.下に「フォルダの編集」という項目が出てくるので、これをクリックします。

f:id:yuzumochi3:20171111154833j:plain

 

3.これまでにアップロードした画像が出てきます。

f:id:yuzumochi3:20171111155530j:plain

ここで注意です!ここでは、画面右側のフォルダで選択されているほうが表示されます。

f:id:yuzumochi3:20171111155614j:plain

はてなブログでアップロードした画像は 「Hantena Blog」のフォルダのほうにあります。

選択すると、はてなブログでアップロードした画像が表示されます。

画像のURLの確認方法

1.URLを調べたい画像にマウスのポインタをあてると、□が表示されます。この□にチェックを入れます。

f:id:yuzumochi3:20171111160515j:plain

 

2.チェックを入れたら、「ブログに貼り付ける」をクリックします。

f:id:yuzumochi3:20171111160729j:plain

3.すると、貼り付け用のタグが出てきます。

f:id:yuzumochi3:20171111161409j:plain

このコードの<img src=" ">の中にあるのが画像のURLです。

つまり、<img src=" 画像のURL ">ということですね。

これで画像のURLが分かりました。

【おまけ】はずかしい失敗談

ついでに、私がやったはずかしい失敗も書いておきます。

なんとトラックバック用のURLを、画像のURLと思っていました。

f:id:yuzumochi3:20171111164429j:plain

あきらかにおかしいことはわかっていたのですが、はてなは独特の機能も多いので「これかな」と思ってしまいました。

あほですみませんねえ・・・。

まとめ

ここでは、はてなフォトライフ経由で調べていますが、あとになって、画像を記事に貼り付けて「HTML編集」で確認するほうが楽なことに気づきました。

はてなブログは慣れると便利ですが、最初はとまどいますね。もし同じことで困っている方がいましたら、参考にしてみてくださいね。