アメブロのヘッダーの作り方【アメブロ初めてカスタマイズ　パソコン編】（追記あり）

ポジティブマインドな暮らし方のぱりすずめです。 アメブロ初心者タママ二等兵のマークのすすめや

髪が多い・クセ毛・うねるでお悩みの方にぴったりなカットを紹介しています

 

ＣＳＳ編集デザインを選んだけどヘッダーってどうやって作るの？

普段から写真を撮り、画像のストックがある方はレイアウトだけでいい感じのヘッダーが作れます。
画像ストックが少な目の方（わたし）は一瞬で素敵な画像が出来るサイトがあるので（登録の必要はありません）こちらでオリジナルの画像を作るのもいいかと思います。
 
 
左側にあるカテゴリーから好きなデザインを選び画像をクリックします

 
例えばこちらの画像を入れるとこんな感じになりますタママ二等兵のマーク
 
 

文章も画像に入れたいときはどうすればいい？

ブログのタイトルを目立つように文字の色を変えたい時や、サロンの方はお店の電話番号や住所を載せたり、自分が何をする人なのかを簡単に載せたい時は、ExcelやWord、わたしはPowerPointでレイアウトを考えます。
 
例えば先ほどのサイトで作成した画像
　　　
 
 
ＰｏｗｅｒＰｏｉｎｔで作成する場合、画像を挿入すると【デザインのアイデア】が右側に表示されます。便利ですね(///∇//)
 
 
 
【デザインのアイデア】から好きなレイアウトを選んで、画像の大きさを編集します。
％の部分を増減することで画像が変更されます。
 

画像と一緒に文字を入れることもできます

上部のメニューバーの【挿入】を押すと【テキストボックス】が表示されるのでそれを押し、【横書きのテキストボックス】を押し、マウスを画面上に持っていくと文字が入力できます。
文字を入れると、画像と文字を合わせた【デザインアイデア】が右側に表示されます。
 
 
 
 
この画像を使ってPowerPointで作成した画像がこちら
 
 
このままでは大きすぎるので２分割の画像（ｊｐｇ）します。
画像1
 
 
画像２
 
これをペイント（windowｓに入ってるツール）を使って画像1と画像２を上手に引っ付けます。
こんな感じになりました(///∇//)
 
横幅１２００ピクセル×縦２０４ピクセル
ヘッダー画像の横幅は最大１２００ピクセルなのでペイントの【サイズの変更】でピクセルの横幅を1200と入力すると縦が自動的に計算されます。
カスタマイズの時に必要なのは縦のピクセル。この数字によってTOPページで記事のタイトルまでひとめでわかるかどうか決まります。
 
 
今回はここまで。
今度はいよいよヘッダー画像を表示させますよ(●´ω｀●)ゞ
 
 

 

 

Ｊｉｍｄｏでホームページ作っちゃいました（//･_･//)

 

フレンチカットグランの簡単な概要をＪｉｍｄｏで作ってみました

 


 

 

 

 

アメブロ以外でもブログを書いています(●´ω｀●)ゞ

 

 

気になったツイート

 

 

 

 

 

 

 

アメブロでぱりすずめの海外ドラマと映画ブログを始めました