新レイアウト「St.Petersburg」に変更しました-1

2016/07/23

旧レイアウトで作ったこのページも、そろそろ新しくしたほうがよさそう。

新レイアウトが、レスポンシブデザインになったことがきっかけとなって、リニューアルすることにしました。

 

作業の様子を、「ホームページ」の画像で見比べて下さい。

 

1)これまでのホームページ(旧レイアウト)

2)左サイドバーを整理

3)新レイアウト適用!

4)ロゴ画像追加、フォントサイズ修正など (ほぼ完成)

 

新レイアウトを選ぶときは、ほぼ全部のレイアウトをプレビューし 一番よさそうなものを見つけました。

 「St.Petersburg」です。

 

選んだポイントは、

・ サイドバーを左に置くか下に置くか。

  左ならほぼこれまでどおり、下なら別の用途での活用も考えられますが、まずは左でOK。

・ メニューとサブメニューを上にまとめるか、サブは左サイドにおくかも悩むところ。

 上だとメインコンテンツが幅いっぱいに広がり、このままでは間が抜けてしまう。

 左に、サブメニューとサイドバーを置くことで、これまでのデザインと似たデザインになりました。