« バルブ根元パンク | トップページ | 今日は、2件しか修理できませんでした。 »

2016年9月 8日 (木)

スマホ用自転車・車椅子出張修理店情報

「検索結果を表示するサイトを作る」の一連の記事でPC版の埼玉県内 自転車・車椅子出張修理店のページを更新しましたが、モバイルフレンドリーにはなりませんでした。

<携帯版もモバイルフレンドリーではないと判定されていましたので、こちらは別なアプローチでモバイルフレンドリーになるようサイトを更新しました。

従来はこのように市区町村の選択肢をすべて並べていましたが、コンボボックス化して、画面に占める割合を減らしました。
Senntaku

表示結果も、従来はすべて表示してリンクでラベル名に飛んでいたのを、動作は同じですが表示エリアをスタイルシートで制限しました。
Senntaku_2

参考にしたのはこちらです。
プルダウンメニューによるリンク
http://homepage2.nifty.com/tomoarai/java/pulldownlink.html

表示面積の狭いボックス内をスクロールバーで見せる
http://allabout.co.jp/gm/gc/23865/

こんな画面に作りりなおしました。
_1

結果は、こちらのサイトで判定して
https://www.google.com/webmasters/tools/mobile-friendly/

合格です。
_2


やっとスマホ用のサイトが一つ出来ました。

« バルブ根元パンク | トップページ | 今日は、2件しか修理できませんでした。 »

ホームページの修正」カテゴリの記事

コメント

コメントを書く

(ウェブ上には掲載しません)

トラックバック


この記事へのトラックバック一覧です: スマホ用自転車・車椅子出張修理店情報:

« バルブ根元パンク | トップページ | 今日は、2件しか修理できませんでした。 »

今日の体温(下は昨日)

  • 36.4℃
    36.4℃

スライムパンク防止剤被害低減プロジェクト

川越市周辺の自転車屋MAP

埼玉県内出張修理店情報

「パンク防止剤のスライムって知ってます?ママチャリに使うものらしいですが。」を読まれた方へ

自転車出張修理のブログ

自転車修理法の疑問はこちらへ

ブログランキング

カテゴリー

無料ブログはココログ