ブログをスマホ対応にしてみた 

当ブログをスマートフォン向けに最適化してみました。
ブログをスマホ対応にしてみた
これまでは当ブログをスマホで見ると、PCサイトと同じ本文とサイドバーの左右2カラムデザインが表示され文字が小さくなったりしていましたが、本文部分が最初に表示されるようにカスタマイズしました。

PC用とスマホ用それぞれのHTMLを用意し二つのURLでの運用を考えましたが、MovableTypeでそれをしようとするとテンプレートを作り直したりいろいろと面倒そう。そこで、スタイルシートのみで対応させるレスポンシブデザインに挑戦してみたところ、一部HTMLの修正は必要でしたが、大まかな部分は簡単に対応させることができました。

ただ、デザインが崩れる等の荒さが目立つところが多くあるので、今後少しずつ修正していこうと思います。


記事を参考にしたり興味を持たれた方はペンギンアイコンをクリックしてブログ管理人に拍手を送ってください!
管理人だけが読める秘密のコメントを投稿したい場合はアイコン下のテキストボックスに入力すると同時に送信されます。
今後の励みになりますのでよろしくお願いします!




 

 

現在の感情は?

 絵文字を使う クリックで絵文字を使用

  • サインインして投稿したコメントは即時公開されますが、サインインしない場合はスパム対策のため一旦保留とし、管理者の承認後に公開されます。
  • 英文のみの投稿やシステムがスパムと判断した内容は公開されません。また、管理者が不適切と判断したものは削除します。
  • タグは使用出来ません。
  • Gravatarによるアバター画像の表示に対応しています。
ブログパーツ
Recent Entries
Recent Comments
Categories
Monthly Archives
Information
ツイッター
Facebookページへ
ブログの更新はツイッターフェイスブックページでお知らせしています。Windows8以降のライブタイルにも対応しています。
 プロフィールページ
 メールフォーム
 フォトサムネイル
 投稿動画
 mixi
 YouTube
 ニコニコ動画
RSS