『CSS編集用デザイン』で使用するヘッダー画像用の画像をアップロードする手順 | ちょっとした「Webお役立ち情報」とかを主に書いてます。

ちょっとした「Webお役立ち情報」とかを主に書いてます。

ネットで調べて、「わかったこと」を備忘録の代わりのメモ帳のようにして使ってます。

『CSS編集用デザイン』で使用するヘッダー画像用の画像をアップロードする手順

トップバナー
こんにちワ。ラーメンの好きなワンタンです^^;

アメブロカスタマイズ向けデザインである『CSS編集用デザイン』は、初期状態の横幅が980ピクセルありますので、ヘッダー画像用の画像を『画像フォルダ』にアップロードできないのであります。
何故かというと、アメブロの画像フォルダには「画像の横幅が800ピクセルを超える場合は800ピクセルに縮小される」という制限があるからであります。

『CSS編集用デザイン』で使用するヘッダー画像用の画像をアメブロにアップロードする手順を御案内してみます。

ヘッダー画像用の画像をアメブロにアップロードする手順


1.マイページの「ブログを書く」を押す。

まずは、マイページの「ブログを書く」を押して下さい。
マイページ

2.「デザインの変更」を押す。


切り替わった画面の左下方の「デザインの変更」を押して下さい。

エディター


3.「CSSの編集」を押す。


切り替わった画面上部の「歯車01CSSの編集」を押して下さい。

CSS編集

4.『ファイルを選択』ボタンを押す。


『ブログデザインのCSSの編集』ページが開きますが、このページの上の方に『ブログデザインヘッダ・背景用画像の追加』という欄がありますので、その中の『ファイルを選択』(ブラウザによって『参照』などに名前が変わります)ボタンをクリックして下さい。

CSS 05

5.アップロードしたい画像ファイルをクリック。


『ファイルを開く』という小窓(ダイアログ)が表示されますので、ヘッダー画像用にアップロードしたい画像ファイルをパソコン内から探して選択し、『開く』ボタンをクリックして画像ファイルの指定ができたら『アップロード』をクリックして下さい。

トップバナー059


6.アップした画像の画像URLが表示される。


少し待つと、アップロードされた画像が縮小表示され、その下に、アップロードした『画像のURL』が表示されます。(↓)
ヘッダー画像URL

※『画像のURL』は、実際にヘッダー画像を設定する時に必要ですので、ここに表示されていることを覚えておいて下さい。


**関連**
アメブロにヘッダー画像を設置する方法


参考になると良いのですが・・

☆ブィブィ  ('-^*)/