ヘッダー画像の画像アドレス（URL）の取得方法

こんにちは、パソコンインストラクターの川上雄大です。

アメブロをカスタマイズ（ヘッダー画像やグローバルナビなど）している方へ。

一度、ヘッダー画像を設置したのはいいけれど、また変えたい、と思った時、

あれ？どうやってヘッダー画像の画像アドレス（URL）ってわかるんだったかな？

と思った方。

おさらいしておきます。

まず、マイページで「設定」をクリック（①）し、「デザインの変更」をクリック（②）します。

または、マイページで上部の「アメブロ」をクリックして、「ブログ管理」画面を表示して、左欄の下の方にある「デザインの変更」をクリックします。

すると、「デザインの変更」画面が表示されます。

そして、「CSSの編集」リンクをクリックします。

普通、ヘッダー画像の画像アドレスの取得は、この画面で行いますが、アップロードされた画像がすでに５つ、下図の赤枠のようにある場合は、どれか削除してから、「ファイルを選択」して「アップロード」する必要があります。

ただ、現在使っている画像を削除してしまと、現在のブログデザインが崩れてしまう恐れがあるので、ご注意ください。

で、今回は、この場所からヘッダー画像のアドレスを取得する方法ではなく、別の方法をお知らせします。

まず、普通に「ブログを書く」にします。

そして、ヘッダー画像を「写真」から貼り付けます。

この時、「原寸」を選択しておきます。

ヘッダー画像にしたい画像をクリックして、記事に貼り付けます。

画面左下にある「HTML表示」をクリックします。

すると、HTMLタグが表示されます。

この中の、

＜ｉｍｇ～～～

の中の

ｓｒｃ（ソース）の中の

『//stat.ameba.jp/user_images/20170921/14/yudai2015/80/18/j/o1877128914032074412.jpg』

が、画像アドレスになります。

過去、アメブロでは、画像を記事に入れようとすると、横幅800pxに自動的に縮小されてしまっていて、ヘッダー画像などの横幅980pxだと厳しかったのですが、

この画像の横幅、1877px、そのまま表示されるようになっています。

あとは、この画像アドレスを、所定の場所（たとえば、「画像URL」と書かれているところか、以前の画像アドレスのところ）にコピペされるとOKです！

以上、アメブロカスタマイズでした。

LIDS札幌・ライフデザインスクール
川上雄大