2016/07/23
旧レイアウトで作ったこのページも、そろそろ新しくしたほうがよさそう。
新レイアウトが、レスポンシブデザインになったことがきっかけとなって、リニューアルすることにしました。
作業の様子を、「ホームページ」の画像で見比べて下さい。
1)これまでのホームページ(旧レイアウト)
2)左サイドバーを整理
3)新レイアウト適用!
4)ロゴ画像追加、フォントサイズ修正など (ほぼ完成)
新レイアウトを選ぶときは、ほぼ全部のレイアウトをプレビューし 一番よさそうなものを見つけました。
「St.Petersburg」です。
選んだポイントは、
・ サイドバーを左に置くか下に置くか。
左ならほぼこれまでどおり、下なら別の用途での活用も考えられますが、まずは左でOK。
・ メニューとサブメニューを上にまとめるか、サブは左サイドにおくかも悩むところ。
上だとメインコンテンツが幅いっぱいに広がり、このままでは間が抜けてしまう。
左に、サブメニューとサイドバーを置くことで、これまでのデザインと似たデザインになりました。