docomo 2015-16冬春モデル予約受付中

スマートフォン対応サイト制作日誌 III ~テーブルタグの修正~

今までのお話はこちら
1.スマートフォン対応サイト制作日誌 I ~ロゴの追加~
2.スマートフォン対応サイト制作日誌 II ~カテゴリの追加~

さて、こっそりと進めているスマートフォン対応サイト化ですが、前回はカテゴリの追加を行いました。
で、今回は既に公開してあるサイト内の修正について書いていこうかと思います。



当初、このサイトはテーブル構造で目次のようなものを構成していました。

1-1
2-1

↑こんなのね。

で、これをスマートフォンで見ると・・・。



こんな感じで、ガタガタのレイアウトになり物悲しくなります。


そんなわけでテーブルタグを一つ一つ削除し、シンプルなレイアウトに変更します。
これ、文章で書くと一行ですが(「置換」機能でまとめて変更できるとは言え)結構、地味で忍耐の作業なんです。
でもこの作業をやったお陰で、古い記事や現状にそぐわない内容の記事を外すことができましたが・・・。


するとあらスッキリ。必要最小限な機能だけを持つ、シンプルな構成になりました。

さ、あと(大きな所で)5~6ページ修正しなきゃいけないんだよな(´;ω;`)

スポンサーリンク
  • このエントリーをはてなブックマークに追加

フォローする

スポンサーリンク