カテゴリー

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

スポンサーリンク
336×280 レクタングル(大)





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

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版とスマートフォン版サイトを自動振り分けする方法
スマートフォン利用者を自動的に「スマホ用サイト」へ誘導できるよう、「アクセス者の端末(環境)に応じて閲覧先を自動で切り替える機能」を作ってみましょう。「.htaccess」ファイルを使ってサーバ側でアクセス先を自動振り分けし、スマートフォンユーザだけをリダイレクトする方法を解説。
スポンサーリンク
336×280 レクタングル(大)




336×280 レクタングル(大)




フォローする

%d人のブロガーが「いいね」をつけました。