• 締切済み

スマートフォンでHPを表示したとき

HPがあるのですが、新たにスマートフォン用のページを作成しました。 スマートフォンでPC用のHPを開いた際にスマートフォン用のページに転送?分岐?させたいのです。 .htaccessというのを使えば転送させられるとインターネットで分かってやってみたのですが、そうすると掲示板等も転送されてしまいます。(掲示板等はPCのままにしたいのです) どのように書けば一部だけをスマホ用のページに分岐できますでしょうか。

  • HTML
  • 回答数1
  • ありがとう数9

みんなの回答

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.1

原則として一部だけと言うことはできません。あくまでディレクトリ単位での設定になります。スマートフォン用にもうひとつディレクトリを作る。  ただ、『新たにスマートフォン用のページを作成しました。』これは根本か間違っています。HTMLを使ってウェブページを作成する理由は 【引用】____________ここから  HTML文書が、ブラウザやプラットフォームの違いを超えてうまく働くべきであるということは、多くが認めるところである。 相互運用性の達成は、コンテンツプロバイダのコストを低下させる。なぜならただ1種類の文書しか作る必要がなくなるからだ。 もし【相互運用性確保の】努力が成されなければ、Webは互換性のないフォーマット毎に分け隔てられた世界に分割され、すべての関係者にとっての商業的可能性が減少することとなるであろう、大きなリスクを負うこととなる。 ・・・【中略】・・・  HTMLは、どんな環境からもWebの情報を利用できるようにすべきだという方針の下に開発されている。例えば、様々な解像度や色深度のグラフィックディスプレイを持つPCや、携帯電話、モバイル機器、音声入出力機器、帯域が広いコンピュータや狭いコンピュータ、等の環境である。  ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[Introduction to HTML 4 (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.2.1 )]より  別のページを作成することを避けるためにHTMLでページを作成するのですよ。  そもそも、膨大なユーザーエージェントごとにページを作成するのも、.htaccessを書き換え続けるのも現実的ではありません。  私は、 media="screen" : スマホやPC用のもの。リキッド  必要な場合はmediaqueryでスマホ用スタイルを指定。スマホを縦横かえても切り替わる。 media="print"  screen用のスタイルは適用されないので、ブラウザのもつスタイルで印刷  必要な場合は印刷用スタイルを用意しておく 程度は指定して、ひとつのページだけ作っています。スマホでは利用できないページは、mediaqueryでそのページへのリンクを隠しています。 お勧めではないが.htaccessによる振り分けは  ⇒ユーザーエージェントによってPCとスマートフォン(iPhone / Android)を振り分ける方法いろいろ(PHP / JavaScript / .htaccess等) | HTML5 – CSS3 mag( http://html5-css3.jp/smartphone/pc-iphone-android-php-javascript-htaccess.html )  などに説明があります。

関連するQ&A

  • HPを転送したのですが表示されない

    HP転送を自分一人で行うのは初めて、という者です。 HPビルダーで作ったHP(リニューアル)を、以下のようにして、ビルダーのファイル転送で転送しました(サーバーからの転送。) まず、転送の画面右側にあるファイルは全部削除しました。大部分書き換えたのに加え、これまでチョコチョコ加えたり削除したりしていたのが、かなりグチャグチャそのままにしていたので、この際削除したほうがよいと思ったからです。そして、新たにリニューアルしたHPを改めてアップしました。 ところが、その後インターネット上で見たら、全くページが表示されません。 もしやと思い、インデックスページをフォルダから出して転送しなおしてみたら表示されましたが、今度はそこからリンクをはっているページが表示されませんでした。 ページごとにフォルダに入れて作ったんですが、それがいけなかったのでしょうか?(でも、そうしないと次に更新するとき、削除するファイルがどれなのか分からなくなるのではないでしょうか????。) 原因と解決法を教えて下さい。よろしくお願いします。

  • HPが表示しません。

    以前、ウインドウズ 2000で HPビルダー7で転送していました。 パソコンを2000→ウインドウズ 7 に買い換えました。 前のHPを保存していたのをそのまま使用。新たなるページをプラスして、転送したのですが、 以前からあるページは表示されるのですが、新しいページは「ページが表示されません」と出ます。 HPビルダー内(?) の e Internet Explorerの起動 では ちゃんとリンクが出来ています。 なぜなのでしょうか? もう一度、最初から全部リンクしなおさないといけないのでしょうか? パソコンはHPは作成していますが、初心者と言っていいほど、無知です。 宜しくお願いします。

  • 自作のHPで、スマートフォンで表示されないページが

    自作のHPで、スマホで表示されないページがあります。 スマホ用に変換されないのは仕方ないとして、PC用のそのままのページが表示されないのはなぜでしょうか。(グーグルクロームで。ヘッダーメニューのみ表示され、サイドメニューとコンテンツが表示されない)。safariでは、ヘッダーメニューのみ最初に表示され、そのグローバルナビボタンを押すとコンテンツが表示されます。 どのような不具合、また対応方法が考えらるでしょうか? お分かりになられる方、よろしくご教授くださいませ。

  • スマートフォン用のホームページ

    スマートフォン用のホームページを作成しています。スマホからのアクセスなのかPCからのアクセスなのかを判断して表示するページを判別するものです。 http://www.abc.com/index.html をスマホでアクセスしたとき http://www.abc.com/sp/index.html が表示されるように.htaccessファイルに次のように記述しました。 <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> これだと http://www.abc.com/index.html をアクセスしたときには正常に http://www.abc.com/sp/index.html を表示しますが、 http://www.abc.com/bbbb.html などとトップページ以外のURLを指定したときはそのまま http://www.abc.com/bbbb.html が表示されてしまい表示してほしいスマホ用のページ http://www.abc.com/sp/bbbb.html は表示されません。 ここで質問ですがスマホで http://www.abc.com/bbbb.html をアクセスしたときにも http://www.abc.com/sp/bbbb.html が表示されるようにするにはどのように.htaccessを変更すればよいのでしょうか?

  • スマートフォン用のHPの動的ページを作成

    スマートフォン用のHPの動的ページを作成しようと思っています。 スマートフォンだと表示サイズが変動するように。 しかしスマートフォンによって、解像度やサイズが違ってきます。 エミュレータもありますが、完全一致ではありません。 ブラウザも違うとおもうのですが、 開発はみんなどのようにして表示チェックをしているのでしょうか? それぞれのスマートフォンで実際にテストするしかないのでしょうか?

    • ベストアンサー
    • CSS
  • スマートフォンサイトとPCサイトのURLを振り分け

    PCと、携帯、スマートフォンで違うページを閲覧させたい場合は、どのようにしたらいいのでしょうか? さらにスマートフォンに関してはandoroidとiphoneでも振り分けたいです 検索していたらPHPやJavaScriptや.htaccessなど様々な方法があるようなのですが どれが一般的なのか今ひとつわかりません ユーザーエージェントを判別するには、 PHPやJavaScriptや.htaccessなど様々な方法があるようなのですが できるだけ簡単な記述もしくは方法で PCと携帯、スマートフォン(スマートフォンならandroidとiphoneも振り分けたい)で 違うページを閲覧させる方法がありましたら 教えてください。お願いします。

  • HPがちゃんと表示されません・・

    PC初心者です。 最近HP見てると、前から全然変わってないサイトが多いことに気づきました。 それでなんで変わってないんだろ・・って思って、IEの「更新」のところ押したら、今度は新しく更新されたページが出てくるんです。 いちいちそれをするのがめんどくさいです。中には「更新」のとこ押してもそのままのところもあるし。 普通はそのページ開いたら、一番新しいのが表示されるものですよね? 何かインターネットオプションの設定が悪いのでしょうか? 解決方法をおしえてください。お願いします

  • 更新後のHPが見れない

    HPビルダーで作成しOCNでHPを作っておりますが、画像の追加をしページ更新をしました。 転送は「転送しました」と出たのですが、HPは更新前のままです。 画像をくれた友人に告げた所、ちゃんと更新後のが見れていると言うのです。 遠方なので実際に確認は出来ませんが、本当だと思いますので、自分のPCでは見れないが他人のでは見れると言うことだと思います。 バーの「最新の情報に更新」というのはクリックしてみました。 あとはどこを確認してみたらよろしいでしょうか? 宜しくお願い致します。

  • HPでの著作権について

    個人の(商用でない)HPを作成中ですが、寺や公園等紹介ページを作っていますが、案内とか縁起等の掲示物がありますが、そのまま載せるのではなく加工してHPに載せるのは良いのでしょうか?

  • HP作成 掲示板について

    カテゴリ違いかもしれませんが、失礼します。 ただ今、HPを作成中ですが、『掲示板』設置で止まっています。 お聞きしたいのは・・・ ページ内で『掲示板』の設置方法が全く分かりません。 手法の方法・呼び方も分からないので、例えて伝えたいと思いますが、 希望しているのは、【価格.COM】や本HP【教えてGoo】のような構図です。 自分のHPの一部(中に)、掲示板のエリアを設けたいのです。 HP作成には【ホームページビルダー12】を使用していますが 掲示板作成をアプリのメニューから進んでいくと、完成はしたのですが 別の管理ページ(無料掲示板サーバー)にジャンプ/リンクして飛ぶような形になります。 当然、自分のHPにもどるには リンクから戻ってくるような形になります。 どのような手法や方法で出来るのでしょうか? 色々、検索したり 【CGI】なるものも勉強はしてみたのですが いかんせん、付け焼刃で 結論にいたりません。 非常に分かりにくい、質問かもしれませんが お分かり頂けたでしょうか? HPはYahooジオシティ(ジオプラス)でソフトは【ホームページビルダー12】を使用しています。 どうか、よろしく お願いします。

専門家に質問してみよう