8
アメブロ小学校 ヘッダーの変更(簡単カスタマイズ)

アメブロ小学校...© 2017 アメブロ小学校4 カスタム可能デザインの中から 好きなものを選びます CSSと書いてあるもの以外 どれでもOK 確認画面

  • Upload
    others

  • View
    16

  • Download
    0

Embed Size (px)

Citation preview

Page 1: アメブロ小学校...© 2017 アメブロ小学校4 カスタム可能デザインの中から 好きなものを選びます CSSと書いてあるもの以外 どれでもOK 確認画面

アメブロ小学校ヘッダーの変更(簡単カスタマイズ)

Page 2: アメブロ小学校...© 2017 アメブロ小学校4 カスタム可能デザインの中から 好きなものを選びます CSSと書いてあるもの以外 どれでもOK 確認画面

© 2017 アメブロ小学校

2

ヘッダーが変わるとブログ全体の雰囲気が変わります

Page 3: アメブロ小学校...© 2017 アメブロ小学校4 カスタム可能デザインの中から 好きなものを選びます CSSと書いてあるもの以外 どれでもOK 確認画面

© 2017 アメブロ小学校

3

管理トップ画面でデザインの変更ボタンを

クリックたくさんデザインがありますがずっと下までスクロールしてカスタム可能をクリックします

Page 4: アメブロ小学校...© 2017 アメブロ小学校4 カスタム可能デザインの中から 好きなものを選びます CSSと書いてあるもの以外 どれでもOK 確認画面

© 2017 アメブロ小学校

4

カスタム可能デザインの中から好きなものを選びます

CSSと書いてあるもの以外どれでもOK

確認画面をみてよければ適用するをクリック

2カラムが読みやすいのでおすすめです。

Page 5: アメブロ小学校...© 2017 アメブロ小学校4 カスタム可能デザインの中から 好きなものを選びます CSSと書いてあるもの以外 どれでもOK 確認画面

© 2017 アメブロ小学校

5

デザインを簡単カスタマイズする

をクリック 『オリジナル画像を使う』をクリックします。

画像は横980px縦300pxの大きさで予め用意しておきます

作る場合はヘッダー画像をつくろうの動画を参照してください。

Page 6: アメブロ小学校...© 2017 アメブロ小学校4 カスタム可能デザインの中から 好きなものを選びます CSSと書いてあるもの以外 どれでもOK 確認画面

© 2017 アメブロ小学校

6

パソコンの中のファイルを参照してアップロードします

画像をクリックすると反映されます。画像が切れているところを

調整します ヘッダーの高さを調整します。画像の大きさが

980 × 300 なので高さを300と打ち込むと

完成です保存をクリックしましょう。

Page 7: アメブロ小学校...© 2017 アメブロ小学校4 カスタム可能デザインの中から 好きなものを選びます CSSと書いてあるもの以外 どれでもOK 確認画面

© 2017 アメブロ小学校

7

もう一度変更したい場合は『デザインの変更』から適用中のデザインの

『カスタマイズ』をクリック

タイトルの文字と位置を変更できます。

Page 8: アメブロ小学校...© 2017 アメブロ小学校4 カスタム可能デザインの中から 好きなものを選びます CSSと書いてあるもの以外 どれでもOK 確認画面

© 2017 アメブロ小学校

8

背景では全体の壁紙を変更できます。オリジナルをアップロードしたり

もともと用意されているテンプレートから好きなものを使う

ことができます。