アメブロヘッダーを簡単に変更する方法

 

まず、幅980x高さ300px以下の画像を準備します。

Facebookのように、適当な画像を適当には配置してくれません。

ぴったりサイズが必要です。

 

アメブロを「簡単カスタマイズ」する方法

 

「ブログ管理」ー「デザインの変更」

 

アメブロヘッダーを簡単に変更する方法

 

下の方にある「カスタム可能」を選びます

 

アメブロヘッダーを簡単に変更する方法

 

 

↓の青い部分の「CSS編集用デザイン」以外!を選びます。

 

アメブロヘッダーを簡単に変更する方法

 

↓好きなレイアウトを選びます。

 

アメブロヘッダーを簡単に変更する方法

 

↓次の画面で「デザインを簡単カスタマイズする」を選びます

 

アメブロヘッダーを簡単に変更する方法

 

↑の通りにいかなかった場合には(一回設定した後再設定の場合など)

↓「デザインの設定」で適用中のデザインの部分に

「カスタマイズ」という表示があるのでそこをクリック

 

アメブロヘッダーを簡単に変更する方法

 

↓ヘッダーで「オリジナル画像を使う」

 

アメブロヘッダーを簡単に変更する方法

 

↓「ファイルを選択」して「アップロード」

アップロードした画像を選択します

 

アメブロヘッダーを簡単に変更する方法

 

↓ここで注意!なのが、ヘッダー画像の下が切れてる!?

なぜかというと、ここでは高さ300の画像を準備しましたが、

設定部分の高さが280になっているからです

 

アメブロヘッダーを簡単に変更する方法

 

↓ヘッダーの高さを、アップロードした画像と同じにしました。

これで、ぴったりです。

 

アメブロヘッダーを簡単に変更する方法

 

↑ここでまた問題が!

画像にブログタイトルなどの文字を入れてしまった場合、

自動的に出てくる「ブログタイトル」や「説明」が邪魔になる時があります。

 

↓その場合は、「ブログタイトルと説明文」の

「上からの距離」を400ぐらいにすると文字が見えなくなります。

 

アメブロヘッダーを簡単に変更する方法

 

↓このようになります。

 

アメブロヘッダーを簡単に変更する方法

 

使った写真素材集【無料写真素材 写真AC】

「簡単カスタマイズ」と「CSS編集用デザイン」の違い

 

簡単カスタマイズは、簡単カスタマイズができるデザインのみヘッダー画像を変更できる機能です。

CSS編集用デザインは、CSSを使って、ヘッダー以外もデザインします。

 

 

当スクールの、「アメブロカスタマイズ講座」はCSS編集用デザインを使って

なんちゃってカスタマイズではなく、メニューバーも付きますし、デザイン性が高くなります。↓

 

【 女性Photographer 本多佳子様 】

アメブロヘッダーを簡単に変更する方法

 

【「人生を変える幸せの腰痛学校」著者 伊藤かよこ様】

アメブロヘッダーを簡単に変更する方法

 

ヘッダーだけでいいよ!という方は、「簡単カスタマイズ」をお試しください。

「簡単カスタマイズ」でも、画像をきっちり作ることが大事ですので、

画像が作れない方は、「画像制作講座」がオススメです。

 

レッスン情報はこちら

 

 

 

アメブロヘッダーを簡単に変更する方法

「起業女性」専門のパソコン教室「東京起業女子Webスクール」
品川区・東急目黒線「不動前」駅 徒歩3分

ご予約・お申込みはこちら
アメブロヘッダーを簡単に変更する方法グループレッスン (アメブロ、画像制作、ホームページ(Jimdo、Wix)、リザスト
アメブロヘッダーを簡単に変更する方法個人レッスン (ITの悩みを即解決!アメブロカスタマイズも1回で!)
アメブロヘッダーを簡単に変更する方法お問合せ
アメブロヘッダーを簡単に変更する方法メルマガ

アメブロヘッダーを簡単に変更する方法

" />

アメブロヘッダーを簡単に変更する方法

  • 2017-3-16
o1000093013891442481.png

起業女子の皆様!こんにちは!
「起業女性」専門のパソコン教室
【東京起業女子Webスクール】の北村トモミです。

 

アメブロのヘッダーだけを変更するには、

CSSでアメブロをカスタマイズしなくても簡単にできます。

「簡単カスタマイズ」と呼ばれるものです。

 

 

まず、幅980x高さ300px以下の画像を準備します。

Facebookのように、適当な画像を適当には配置してくれません。

ぴったりサイズが必要です。

 

アメブロを「簡単カスタマイズ」する方法

 

「ブログ管理」ー「デザインの変更」

 

アメブロヘッダーを簡単に変更する方法

 

下の方にある「カスタム可能」を選びます

 

アメブロヘッダーを簡単に変更する方法

 

 

↓の青い部分の「CSS編集用デザイン」以外!を選びます。

 

アメブロヘッダーを簡単に変更する方法

 

↓好きなレイアウトを選びます。

 

アメブロヘッダーを簡単に変更する方法

 

↓次の画面で「デザインを簡単カスタマイズする」を選びます

 

アメブロヘッダーを簡単に変更する方法

 

↑の通りにいかなかった場合には(一回設定した後再設定の場合など)

↓「デザインの設定」で適用中のデザインの部分に

「カスタマイズ」という表示があるのでそこをクリック

 

アメブロヘッダーを簡単に変更する方法

 

↓ヘッダーで「オリジナル画像を使う」

 

アメブロヘッダーを簡単に変更する方法

 

↓「ファイルを選択」して「アップロード」

アップロードした画像を選択します

 

アメブロヘッダーを簡単に変更する方法

 

↓ここで注意!なのが、ヘッダー画像の下が切れてる!?

なぜかというと、ここでは高さ300の画像を準備しましたが、

設定部分の高さが280になっているからです

 

アメブロヘッダーを簡単に変更する方法

 

↓ヘッダーの高さを、アップロードした画像と同じにしました。

これで、ぴったりです。

 

アメブロヘッダーを簡単に変更する方法

 

↑ここでまた問題が!

画像にブログタイトルなどの文字を入れてしまった場合、

自動的に出てくる「ブログタイトル」や「説明」が邪魔になる時があります。

 

↓その場合は、「ブログタイトルと説明文」の

「上からの距離」を400ぐらいにすると文字が見えなくなります。

 

アメブロヘッダーを簡単に変更する方法

 

↓このようになります。

 

 

使った写真素材集【無料写真素材 写真AC】

「簡単カスタマイズ」と「CSS編集用デザイン」の違い

 

簡単カスタマイズは、簡単カスタマイズができるデザインのみヘッダー画像を変更できる機能です。

CSS編集用デザインは、CSSを使って、ヘッダー以外もデザインします。

 

 

当スクールの、「アメブロカスタマイズ講座」はCSS編集用デザインを使って

なんちゃってカスタマイズではなく、メニューバーも付きますし、デザイン性が高くなります。↓

 

【 女性Photographer 本多佳子様 】

アメブロヘッダーを簡単に変更する方法

 

【「人生を変える幸せの腰痛学校」著者 伊藤かよこ様】

アメブロヘッダーを簡単に変更する方法

 

ヘッダーだけでいいよ!という方は、「簡単カスタマイズ」をお試しください。

「簡単カスタマイズ」でも、画像をきっちり作ることが大事ですので、

画像が作れない方は、「画像制作講座」がオススメです。

 

レッスン情報はこちら

 

 

 

アメブロヘッダーを簡単に変更する方法

「起業女性」専門のパソコン教室「東京起業女子Webスクール」
品川区・東急目黒線「不動前」駅 徒歩3分

ご予約・お申込みはこちら
アメブロヘッダーを簡単に変更する方法グループレッスン (アメブロ、画像制作、ホームページ(Jimdo、Wix)、リザスト
アメブロヘッダーを簡単に変更する方法個人レッスン (ITの悩みを即解決!アメブロカスタマイズも1回で!)
アメブロヘッダーを簡単に変更する方法お問合せ
アメブロヘッダーを簡単に変更する方法メルマガ

アメブロヘッダーを簡単に変更する方法

メルマガ登録はこちら!

東京起業女子Webスクール
メルマガ読者登録フォーム
お名前(姓名)
 
メールアドレス
ページ上部へ戻る