ブログをiPhoneで見やすく

今日は自宅で子供の看病をしているので,日頃できなかったことを片づけている.そのひとつに,このブログをiPhoneで見やすくすることがあった.iPhoneの画面は解像度が低い(480x320)ので(ええーこんなに低かったの~)ので,PC向けのレイアウトだと,記事の部分を拡大してやらないと読むことが難しい.

少し前に,iPhone用の(小さい画面用の)CSSを記述できるということを知っていたので,iPhone用にテンプレートを追加してやればいいことは分かっていた.しかし,いざやってみると,最後の最後で画面幅が縮まらない.

困ったので,ググってみたら,いいサイトがあった.「Blogger『TicTac Blue』テンプレートをCSS/JSでiPhone対応」.まさに,僕のニーズにぴったり.で,どうやっているか見てみると,ガジェットに,JavaScriptとスタイルテンプレートを記述する,というとてもスマートなものだった.

その結果,僕のブログがこんな感じに表示されるようになった.

めでたしめでたし.

注意として,ガジェットを追加するときには,なるべくページの先頭の要素に置いたほうが,表示が早くなるのでよい.なぜなら,JavaScriptで画面幅の修正を行っているので,それを先に実行するほうがページの再描画が少なくてすむから.

コメント

このブログの人気の投稿

Gbps でなく GT/s

PowerShellによるExcel/PowerPointの操作

TV視聴サーバー