【やりましょう!】スマートフォン対応について【できました!】

Facebook にシェア
[`evernote` not found]
LINEで送る
Pocket

こんにちは!

オンライン担当のタケヒロです♪

今回のブログはタイトルを見て頂いて分かるようにスマートフォンへの対応についてです♪

前回のブログでも書いたのですが、他のサイトと同様にTORAYAのホームページもスマートフォン(iPhone.Android.WindowsPhone.BlackBerryBold)からのアクセス数がドンドン増えて行っています。

去年、僕が担当になって始めた当初は1%程度だったスマートフォンからのアクセスが今では15%程度にまで増加しています。

そんな中でやっぱり気になるのは画面の見やすさでした。

当初から携帯電話の電波での送受信を考えて、なるべく重くならないようにページを作って来ましたが・・・画面の大きさだけはどうにもなりません。

スマートフォンというとたいていが3.5インチから4.3インチまでの画面サイズになるのですが、そのサイズでPC用のページを閲覧するとどうしても字の大きさなどに無理が出てきてしまいます。

という訳で・・・

色んなサイトがスマートフォンの小さい画面に合わせて最適化するようにしてきたので、TORAYAホームページも対応していこうということにしました。

ただし、まだ対応したのはブログだけです・・・すみません・・・本ページの方はレイアウトなどがうまく調整できず試行錯誤中です(;´Д`)

以下、「TORAYA のんびりスタッフブログ」スマートフォン用ページの説明です。

これがスマートフォンから見たTORAYAのホームページです。自由に拡大できるとはいえ、やっぱり見にくい(;´Д`)

左上の「STAFF BLOG」のボタンからブログの一覧に飛べるようになったのは先日書きましたが、その画面が・・・

(# ゚Д゚)読めるか!!

・・・(笑)読めませんね・・・(笑)これを今回の変更で・・・

こんな感じの表示に変えました♪(配色は今後変更する予定です)

ブログのタイトルと掲載日が表示されているのでタイトルのところをタップしていただくと・・・

こんな感じでスマートフォンに最適化した表示ができるようになりました♪

これで、通勤の途中などにブログを読んでいただく時も楽になるんではないでしょうか??

ちなみに

どうしてもPCの表示で見たいとき(タブレットなどはPC表示のほうが見やすいです)は一番下の「Mobile Theme」のところをタップしていただくと切り替えができるようになっています♪(逆にPC→Mobileも同じです。)

日々チェックいただいている方は→こちらのページ←をブックマークしていただくか、→twitter←をフォローして下さい♪

ちなみに・・・今回の説明のために使ったのは僕の携帯でdocomo Optimus Bright(L-07C)です。Android以外だと少し表示が変わるかも知れません^^;

 

 

Facebook にシェア
[`evernote` not found]
LINEで送る
Pocket

カテゴリー: やりましょう! パーマリンク

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です