さんログ

色々と発信する雑記ブログ。食レポ、おすすめ発信や情報、メンタル/不思議系など。

タイトルのテキスト
タイトルのテキスト
タイトルのテキスト

【ブログ初心者】はてなフォトライフから画像URLを調べる方法

f:id:sanrisesansan:20200701001806p:plain

この記事では、

・「はてなフォトライフ」にアップロードされた画像URLを調べる

この方法を詳しくみていきたいと思います。

はてなブログのカスタマイズで画像を入れたい時などに必要なので、ぜひ参考にしてみてください。

 


スポンサードリンク
 

はてなブログで画像を挿入する時は「はてなフォトライフ」にアップロードする

はてなブログで画像を挿入する時は「はてなフォトライフ」にアップロードしなければ使用できません。

アップロード方法が下記を参考にしてください。

記事を書く時は、記事の編集ページに使いたい画像を「ドラッグ&ドロップック」すれば自動アップロードしてくれますが、他のアップロード方法は

・記事編集画面にある「写真を投稿」→画像を選択してアップロード

 

画像URLを使ったカスタマイズ

はてなブログでトップメニューなどに画像を入れたい時は、HTMLに画像URLを貼り付ける必要があります。

たとえば僕のサイトでは、トップページの

f:id:sanrisesansan:20200630215038j:plain

ヘッダ部分にアイキャッチ画像を表示する場所に画像URLを貼り付けています。

これはバンビさん(id:zuboraca) のカスタマイズ記事で紹介されてるのをありがたく使わせてもらいました。

気になる人は参考にしてみてください。

www.bambi.pro

【手順】「はてなフォトライフ」から画像URLを調べる方法

画像URLの調べ方は、「はてなフォトライフ」を使います。

→https://f.hatena.ne.jp

 

画像がアップロードされていない場合の手順は下記の通りです。

 
記事作成画面からアップロードする場合
記事の編集ページに使いたい画像を「ドラッグ&ドロップック」
記事編集画面にある「写真を投稿」→画像を選択してアップロード
はてなフォトライフ」からアップロードする場合
「アップロード画面」から使いたい画像を選んでアップロード
 

はてなフォトライフ」→(「マイフォト」*経由しなくてもOK)→「アップロード」

ポイント

記事作成画面の「写真を投稿」→矢印マークから「はてなフォトライフ」に入った場合は「アップロード」画面に直接飛びます。

f:id:sanrisesansan:20200630222218j:plain

 

f:id:sanrisesansan:20200630222220j:plain

 

f:id:sanrisesansan:20200630222222j:plain

アップロード画面


「旧アップローダーはこちら」→「ファイルを選択」して使いたい画像を選択→選択した時に画面右の「オリジナルサイズの画像を保存」をチェック→「アップロード」

 

f:id:sanrisesansan:20200630223754j:plain

 

f:id:sanrisesansan:20200630223757j:plain

「フォルダを編集」(アップロード後はそのまま移行)画面でカーソルを合わせて「選択」をチェック→画面上にある「ブログに貼り付ける」をクリック→HTMLコードをコピペ

f:id:sanrisesansan:20200630224545j:plain

コピペしたコード内の

<img src=“https://〜.png” (語尾がファイル形式で終わる)

まで画像URLになります。

僕の場合は、メモアプリとかにコピペして、上記のURLだけコピペして貼り付けてます。

f:id:sanrisesansan:20200630225531p:plain


こんな感じです。

 

まとめ

・使いたい画像をはてなフォトライフにアップデート

・「ブログに貼り付ける」で画像URLをコピペ

・その中の「<img src=“https://〜.png” (語尾がファイル形式で終わる)」を貼り付ける

以上が画像URLの確認方法です。ぜひ、活用してみてください。

最後まで読んでいただき、ありがとうございます。

この記事が良いと思ったら、ポチっ!してくれると嬉しいです!

 ブログ村ランキング」参加中!

ブログランキング・にほんブログ村へ