サイトをBootstrap化!
今年から掲載できる内容がPC Watchのみになったので、書いてなかったものの久々に更新。このブログを作ったのは2004年と10年前。従ってシステムが古く、WordPressへデータ移行も面倒とずっとそのまま続けてきたが、別件でBootstrapを使ったサイト構築を担当。面白かったこともあり、ここへもフィードバックした。PC、タブレット、スマートフォンでアクセスすると3カラム、2カラム、1カラムと自動的に表示が変わるレスポンシブデザインに……。
もともとこのsbと言うブログエンジンは、一覧表示と個別表示がテンプレート化されているので、Bootstrapに合わせて<div>〜</div>を書き直し全体をリビルドするだけと、非常に簡単に対応できる。
Bootstrapのコンポーネントはほとんど未使用。一見それっぽくないものの、グリッドシステムは、Nesting columns、Column ordering、visible/hiddenなどフル活用。1〜3カラムで表示を最適化している。
ブラウザの制限はIEが8以上となるが(できればIE9以上)、もうそろそろいいだろう(笑)タブレットやスマートフォンだけでなく、PCでブラウザの幅を徐々に狭めても変化が分かるので、興味のある人は是非試して欲しい。
Photogenic Weekendの方は細かい部分が何かと面倒なので当面Bootstrap化する予定は無い(^^;