ちょっと前にも書いたと思いますが、
HPも基本的に自分ひとりで作っています..。
なので、ちょっとした備忘録も兼ねて。
今週やっているのが、スマホで見るとスマホ用のページ。PCで見るとPCのページ、というやつ。
基本、分からないことがあれば、まずはググって、それを参考にしています。(^^;)
なので、他のページを作るより、スマホ対応!というとそればっかりやってます...。(^^;)
それより中身更新しろよな!!って...(^_^;)
でもまぁこういうことを自分でやっていると世の中いろんな仕事があるなぁ...と感心しきり。
先日のクレジットカード用の端末設置の件もそう。
前に、シジミ取り45年の鬼瓦惣兵衛さん、みたいな人がモーニングショーに出ていて、『オレは45年も毎日シジミばっかり取れるか!!』とか思ってましたが、考えてみたら、自分だって毎週腰痛の患者見てたり、毎週胃カメラしてたり...。
シジミが腰痛患者だったり、内視鏡に代わるだけで、よくよく考えてみたら大差なし...。(^_^;)
話がそれましたが、参考にしたページを備忘録として載せておく。
これがうちで使っているスマホと一般パソコンでの割り振りのための参考ページです。
当該ページが無くなる可能性も無いわけではないので、大事な部分は転記。
PC版とスマートフォン版サイトを自動振り分けする方法
.httaccessファイルを使って、スマートフォンからのアクセスを自動振り分けする方法
以下の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版とスマートフォン版サイトを自動振り分けする方法