直感ブログカスタマイズ【ヘッダー制作内容】 | あなたのブログやホームページでお困りの方、直感WEBデザイナーYOSHIがサポートいたします【福岡】

あなたのブログやホームページでお困りの方、直感WEBデザイナーYOSHIがサポートいたします【福岡】

あなたの良さがHP・ブログで伝わるように
直感WebデザイナーYOSHIがサポートいたします。
雑談形式のヒアリングで打ち合わせします。
Webが苦手でも安心してご連絡ください。

あなたの望む成果をヒアリングして、
魅力的な個性を引き出したデザインを提供しています。

直感ブログカスタマイズの
YOSHIこと井上喜文です。


ただいま一番人気の
【アメブロヘッダー制作】

「このメニューではどこをカスタマイズするの?」

とよくご質問をいただくので、
どの部分をカスタマイズするのかを
図を使ってご説明します。


ヘッダー制作では、これらの部分を制作します。
1ヘッダーエリア

2記事タイトル(カラー変更のみ)

3サイドバータイトル(カラー変更のみ)

4サイドバー背景(カラー変更のみ)



今回ご説明のモデルとなっていただいたのは


 ⇒ 大阪住之江 さとう式リンパケア 肩こり解消でスッキリ小顔! 筒井千浪さん

筒井さんのカスタマイズについては、
また別途ご紹介をさせていただきます。


筒井さんのブログが
元々テンプレートを使われていなかったので、
一番分かりやすいと思い、参考にさせていただきました。




1ヘッダーエリア


まずは制作のメインになりますヘッダー
カスタマイズを行う前はこのようになっています。



上の図の「ヘッダーエリア」と呼ばれる部分を
画像や様々なフォントを使って
デザインして作っていきます。



2記事タイトル(カラー変更のみ)





次に記事本文エリア内の
記事のタイトル横の灰色のバーの部分と
記事エリアを囲っている枠線の色を
ヘッダーのデザインに合わせて変更します。



3サイドバータイトル(カラー変更のみ)





次にサイドバーエリア内の
「プロフィール」「最近の記事」「このブログの読者」と書かれた
サイドバータイトルの文字と背景の色を変更します。



4サイドバー背景(カラー変更のみ)



3と同じエリアですが
次はサイドバーエリアの背景の色を変更します。



そうやって
カスタマイズしたものがこのようになります。



①ヘッダー制作
②記事タイトルバー、記事本文エリア枠の色変更
③サイドバータイトル、サイドバー背景の色変更



キラキラ☆ビフォー&アフターキラキラ☆




Before


After

 ⇒ 大阪住之江 さとう式リンパケア 肩こり解消でスッキリ小顔! 筒井千浪さん


どうでしょうか?
【ヘッダー制作】がどの部分をカスタマイズしているのか
お分かりいただけたと思います。

それでも、やっぱりよく分からないという方は
お問い合わせフォームからご質問くださいね。

 ⇒ こちらのフォームよりお願い致します