iPhoneでも読めるようになりました - 今どきのホームページの作り方

昨日に引き続きこのサイトの修正をしました。 主な変更点はフォントサイズの小型化、pタグのマージンとline-heightの変更、メインコンテンツの中のulとolタグの点と番号の表示化などです。なぜリストの点や番号が非表示なのか疑問です。

それからスマートフォンでスマートフォン用に表示をするスタイルシートを追加しました。スクリプト文でスマートフォンから見たときはスマートフォン用のスタイルシートが適用される仕組みです。これはMovableTypeの公式サイトで見つけました。ほぼ一発OKです。iPhone4では下の写真のように見えます。

写真などのimgも大きくても通常のブログ記事内であれば幅を調節してくれます。メインページなどで、直接追加した画像もasset-bodyというclassで囲んでおけば同じように幅を調節してくれます。

管理画面には非対応ですが、記事投稿であればメールから投稿するプラグインのようなものが確か有ったと思います。iPhoneで専用画面で読める、というのが自分にとっては新鮮です。下の写真は今朝のあさやけです。5時前くらいでしょうか。