こんにちは、パソコンインストラクターの川上雄大です。
アメブロをカスタマイズ(ヘッダー画像やグローバルナビなど)している方へ。
一度、ヘッダー画像を設置したのはいいけれど、また変えたい、と思った時、
あれ?どうやってヘッダー画像の画像アドレス(URL)ってわかるんだったかな?
と思った方。
おさらいしておきます。
まず、マイページで「設定」をクリック(①)し、「デザインの変更」をクリック(②)します。
または、マイページで上部の「アメブロ」をクリックして、「ブログ管理」画面を表示して、左欄の下の方にある「デザインの変更」をクリックします。
すると、「デザインの変更」画面が表示されます。
そして、「CSSの編集」リンクをクリックします。
普通、ヘッダー画像の画像アドレスの取得は、この画面で行いますが、アップロードされた画像がすでに5つ、下図の赤枠のようにある場合は、どれか削除してから、「ファイルを選択」して「アップロード」する必要があります。
ただ、現在使っている画像を削除してしまと、現在のブログデザインが崩れてしまう恐れがあるので、ご注意ください。
で、今回は、この場所からヘッダー画像のアドレスを取得する方法ではなく、別の方法をお知らせします。
まず、普通に「ブログを書く」にします。
そして、ヘッダー画像を「写真」から貼り付けます。
この時、「原寸」を選択しておきます。
ヘッダー画像にしたい画像をクリックして、記事に貼り付けます。
画面左下にある「HTML表示」をクリックします。
すると、HTMLタグが表示されます。
<p><a href="https://stat.ameba.jp/user_images/20170921/14/yudai2015/80/18/j/o1877128914032074412.jpg"><img alt="" height="1289" src="https://stat.ameba.jp/user_images/20170921/14/yudai2015/80/18/j/o1877128914032074412.jpg" width="1877"></a></p>
この中の、
<img~~~
の中の
src(ソース)の中の
<p><a href="https://stat.ameba.jp/user_images/20170921/14/yudai2015/80/18/j/o1877128914032074412.jpg"><img alt="" height="1289" src="https://stat.ameba.jp/user_images/20170921/14/yudai2015/80/18/j/o1877128914032074412.jpg" width="1877"></a></p>
『//stat.ameba.jp/user_images/20170921/14/yudai2015/80/18/j/o1877128914032074412.jpg』
が、画像アドレスになります。
過去、アメブロでは、画像を記事に入れようとすると、横幅800pxに自動的に縮小されてしまっていて、ヘッダー画像などの横幅980pxだと厳しかったのですが、
この画像の横幅、1877px、そのまま表示されるようになっています。
あとは、この画像アドレスを、所定の場所(たとえば、「画像URL」と書かれているところか、以前の画像アドレスのところ)にコピペされるとOKです!
以上、アメブロカスタマイズでした。
LIDS札幌・ライフデザインスクール
川上 雄大