以前から左サイドバーの最上段に広告を設置する際に、しっくりこないことがあったんだが、
今デザインと広告の調整をしてて、最上段に広告を設置しても良い感じなサイトと良くない感じのサイトがあったんで考えてみた。
サイドバー最上段に広告を設置しても良さ気だったのは、
こんな感じのレイアウト。
全体の背景色がwhitesmokeで、ヘッダーとサイドバー見出しの背景色が青系(royalblue)。
サイドバー最上段に広告を設置したらしっくりこなかったのは、
こんな感じのレイアウト。
こちらは背景色があるのはサイドバー見出しのgainsboroのみで、ヘッダーの境界はdashedの破線。
それで考えてみたんだが、ヘッダーの境界が破線で背景色が同色なのがいけない気がしたんで、
こんな感じでヘッダー背景色をサイドバー見出しと同じ色にしてみたら良さ気になった。
広告がヘッダー境界と水平に並ぶことで、線引くだけだと境界が目立たなくなっちゃうのかな?
サイドバー最上段に広告を設置する場合はヘッダーには背景色をつけたほうが良さそう。