やっとプレリニューアル(?)スマートフォンに対応しました☆

  • このエントリーをはてなブックマークに追加

1年半くらい前からスマートフォンに対応させなきゃなぁ~なんて、準備を始めたものの技術の変化などもかなりあって、延ばし延ばしになってたんですが、スマートフォンからのアクセス数の10%以上になり、自分もスマートフォンに変えたこともあって、テンプレートを大幅に見直しました!

リニューアル
春くらいから本格的に準備をはじめるも、プログラムの勉強しつつだったので、こんなに時間がかかってしまいました(><)

使いかってがよくなってることを期待します!しかしながら、すべてのページの修正が終わったわけではなく、よく使う基本のページのみ先行リリースです。残りのページも随時修正し、完了したところでリニューアル完了ってことでよろしく。ちなみに携帯サイトのコメント機能がなくなりますのでご了承ください。

動作の確認ですが、ブラウザは
PC:
IE8以上推奨(今のところIE6だとちょっとおかしいところがでています。随時調整しますね)
FireFox 5、Chrome,safari5.1で確認。macでは未確認。

スマートフォン:
Android2.2、iPod touch
で確認。

不具合等見かけましたら教えてください。
info@fuku-machi.comまで

それでは、主な変更点をば。

リニューアル

まずは、トップページにアクセスの多いページへの大きなメニューを作りました。
で、その中でエリアとジャンルのボタンに関しては、クリックすると下に一覧が表示されるように変更してます。

リニューアルリニューアル

続いて、各記事ページですが、下のほうのお店の情報等を記載していたエリアを統合し、初期で基本情報や地図、サブページに関連情報などを載せてます。

リニューアル

今まで、コメントはブログについてた標準のシステムを使ってたんですが、このリニューアルに際し、何かと話題のFacebookのコメントシステムに変更しました。(一部のページは残してます。)ちなみに過去にいただいたコメントは、コメントがあるページには下の情報エリアに見れるようにしてます。
フェイスブックに登録してないとコメントできないというデメリットもありますが、人が見えてそっちの方がよいなぁ~と思っての変更です。

フェイスブックに登録は下のリンクからできますので、興味のある人はこちらから☆
Facebook

リニューアル

後、ページの数か所にソーシャル系のボタンを設置してます。友達と共有やメモ代わりに使ってください。現在はFacebookの「いいね」とツイートボタン、はてなブックマーク、ミクシィチェック、グーグル+を設置してます☆

続いてスマートフォンです。

リニューアル

トップページは主なリンクのみ設置してます。
最新の記事の他、最近の記事やカテゴリを並べてます。ボタンを押すとスライドメニューがでたりするものもあります。

リニューアルリニューアル

記事ページはサイドに小さなナビゲーションメニューを置いてます。「i」をタップすると詳細情報にスクロールし、「↑」をタップすると一番上まで移動します。「menu」をタップしたらスライドナビゲーションがでて、前後のページや他のコンテンツへのリンクが表示されます。

下の方の詳細情報エリアにはお店の情報やホームページへのリンク、クーポンへのリンク、地図が表示されます。GPSをONにしてればルートの検索もできるようにしてみました。
詳細はGoogleマップのナビを使ってください。

リニューアル

カテゴリページは下へスクロールすると、順次コンテンツを読み込む仕様にしてみました。

リニューアル

ちなみにホームアイコンも設定してみたところ、僕のアンドロイドではうまく表示されません。iPodだとうまくいったんですが…。ブックマーク替わりに試してみてね♪スマートフォンの方もソーシャルボタンを設置してますので、ぜひ活用してくださいね☆

あとは、いろいろページを見て使い勝手を試してみてください。

使用感等で気づいたこととかがあれば、
info@fuku-machi.comまでお知らせください。

少しずつこちらの機能を追加して行こうと思うので、お楽しみに☆

何はともあれ、公開しちゃったので一段落!さすがに疲れたバイ(笑)

  • このエントリーをはてなブックマークに追加