リニューアル内容メモ
- 2015/08/26 00:40
- カテゴリー：サイト更新関係
6年ぶりの大幅リニューアルです。
とりえあず変更点を箇条書き。実はスマホに完全対応ではないんですけど。
メニュー、コンテンツなど
- 上にあったLinkを、BBSとBlogに入れ替えて下へ移動。もはやメインコンテンツとしての用をなさいので仕方なく。
- Bug's Reportが肥えて来たのでGalleryから分離。
- リプレイページに動画ページを追加。（既に掲載しているものばかりです。）
- トップページは（管理人の）使いやすさ優先で変更。
- 載せる内容が少ないので、ごまかし大胆にレイアウト。
- Tozai Newsを配置してみた。更新頻度はかなり低いけど。
- カテゴリ別にメニュー表設置（ほぼサイトマップ）。レストランに入って最初に見るものをイメージしたけど、かえって不親切（手抜き）にも取られるか？
- ソーシャルアイコンなど置いて見た。ただの興味本位だけど今更感が・・・。
- フッターメニューもちょこっと変更。
- サイト内検索をYahooからGoogleに。どちらも検索結果に差はないのだが、よけいなCSSがない分、設置が楽でした。
- トップのイメージ画像をLR２のラウンド面にしてみた。不定期で他のシリーズに変える予定。
（以下、自分確認用）
レイアウト
- とにかく「見やすさ」を優先。
- 配色について
背景画像をなくしたらスカスカなので、この際フルチェンジ。最初はレンガ色の茶～赤系をメインカラーにしたが、主張しすぎる感じがしてコンテンツの邪魔なので無難に黒へ変更。
リンク（ボタン）は昔から一般的なWebサイトで使われている、誰にでもなじみのある青系に。 - コンテンツページは据え置き。内容もそのままなので変えると混乱しかねない。
- 14px/1.75 から16px/1.8に拡大。
- 見出し間・行間とか細かく見直したものの、途中で挫折・・・。
- ピッチ：26px
カラム：6（24px + 140px）=1008px
indexのみ1020px - アイコンはicon fontを使用。
- ロゴは以前から使っているWebFontを継続。レトロゲームっぽい感じを出しているのが、これだけになったかも。
- 投稿自作面のページは、PC（ワイド画面）からはフレームメニューのページへ、モバイルからだとフレームなしの単体ページに入るようにしてみた。
- 今までなかった全ページに使える共通のCSSを設けて見た。お陰でリクエスト数が増えて、SEO的にどうたらこうたらとマイナスポイント。
- ギミック用のjquery本体をCDNに。自サーバーから読み込むより早いんだとか?
- indexにだけdisplay:flexを試験的に使用。
- IE9以下は、ぶっちゃけ捨ててます。
- まだ直さないといけないページが結構あったりして。
その他
CGIのページ（BBSやTopicsBoard・設置店情報など）は、徐々に直します。
人様が作ったものなので、レイアウト修正はあまり出来ず、レスポンシブ未対応のままになると思います。
実は、ｗordpress用の良さ気なFORUMプラグインがあり、それだと一つのページから全てのカテゴリが作れるので、一元管理できる上、利用側も楽に別々の掲示板へ行き来できるのです。
これは前々からの理想なんですけど、自分ではエラー対応に時間が掛かりすぎたり、何かと難しいので見送りました。
まあ、ログイン制なので毛嫌いする人がいるかも？
それと、shtmlは転送時のサーバー負荷が高い事を最近になって知り、
自作面ページなどはいずれ分割する必要があるかも。（鬱）
MacのsafariとChromeでは、フォントが変なことになってる。う～ん・・。。