カテゴリー
Count per Day
  • 66今日の閲覧数:
  • 145昨日の閲覧数:
  • 2現在オンライン中の人数:

Total Website Visits: 1579710
Total Page Visits: 2984

ホームページ作成。スマホ対応。

menu

ちょっと前にも書いたと思いますが、

HPも基本的に自分ひとりで作っています..。

なので、ちょっとした備忘録も兼ねて。

今週やっているのが、スマホで見るとスマホ用のページ。PCで見るとPCのページ、というやつ。
基本、分からないことがあれば、まずはググって、それを参考にしています。(^^;)
なので、他のページを作るより、スマホ対応!というとそればっかりやってます...。(^^;)

それより中身更新しろよな!!って...(^_^;)

でもまぁこういうことを自分でやっていると世の中いろんな仕事があるなぁ...と感心しきり。
先日のクレジットカード用の端末設置の件もそう。

前に、シジミ取り45年の鬼瓦惣兵衛さん、みたいな人がモーニングショーに出ていて、『オレは45年も毎日シジミばっかり取れるか!!』とか思ってましたが、考えてみたら、自分だって毎週腰痛の患者見てたり、毎週胃カメラしてたり...。

シジミが腰痛患者だったり、内視鏡に代わるだけで、よくよく考えてみたら大差なし...。(^_^;)

話がそれましたが、参考にしたページを備忘録として載せておく。

これがうちで使っているスマホと一般パソコンでの割り振りのための参考ページです。

当該ページが無くなる可能性も無いわけではないので、大事な部分は転記。

PC版とスマートフォン版サイトを自動振り分けする方法

.httaccessファイルを使って、スマートフォンからのアクセスを自動振り分けする方法

http://www.skyward-design.net/blog/archives/000094.html

 以下の6行を、.htaccessファイルに記述します。

既に.htaccessファイルが存在するディレクトリに設置する場合は、既存の.htaccessファイル内に以下の6行を追記して下さい。

<IFMODULE mod_rewrite.c>
RewriteEngine On
RewriteCond %{HTTP_USER_AGENT} (iPhone|Android.Mobile|Windows.Phone) [NC] RewriteCond %{QUERY_STRING} !mode=pc
RewriteRule ^$ /sp/ [R,L] </IFMODULE>

 スマートフォン用ページ内に、PC用ページへのリンクを加えておく

最後に、スマートフォン用ページ内には、スマートフォンを用いてPC用ページを閲覧できるように、以下のように「?mode=pc」を加えたリンクを掲載しておきましょう。

http://www.example.com/?mode=pc”>PC用サイトはこちら</a>

このリンクから移動した場合には、スマートフォンからのアクセスであっても、PC用サイトを閲覧できます。「mode=pc」の部分は、2つ目のRewriteCond(4行目)で記述した文字列に合わせて下さい。

PC版とスマートフォン版サイトを自動振り分けする方法

PC版とスマートフォン版サイトを自動で切り替える方法 [ホームページ作成] All About
PC用サイトにアクセスしてきたスマートフォン利用者を自動的にスマホ用サイトへ誘導できるように、アクセス者の端末(PC/SP)に応じて閲覧先を自動で切り替える機能の作り方をご紹介。閲覧者のユーザエージェント名(ブラウザや機種名)を判別し、「.htaccess」のmod_rewriteを使ってアクセス先を自動振り分けするこ...
Total Page Visits: 2984 - Today Page Visits: 1
%d人のブロガーが「いいね」をつけました。